RESSOURCES WEB 1) les images libres de droit
-
www.shutterstock.com ( abonnement) 1 image gratuite chaque semaine à télécharger
-
-
www.fotolia.fr ( crédit pour achat d'une photo)
-
cgf un dossier pour les images libres de droit ET GRATUITES
icones gratuites ..
2) url d'images sur le web pour avoir une adresse url pour une de vos propres images.
3)- sites web gratuits ou peu chers - Blog
-
www.eklablog.com gratuit-multi auteurs- durée illimitée ( pub)
-
www.overblog.com gratuit & payant des que modalités multi auteurs etc :
-site graphique :
-
www.wix.com attention pas de redirection possible sur la version gratuite. Solution boutique + nouveau : possibilité d'espace membres communautaire
-
http://www.webself.net/ ( avec solution boutique) attention il n'est plus gratuit
- boutique en ligne professionnelle
-
www.powerboutique.com ( logiciel à télécharger ou devis en ligne )
-
http://www.prestashop.com/fr/ ( logiciel gratuit à télécharger . Nécessité de savoir installer la BDD chez votre hébergeur)
-
http://www.webself.net/ ( payant mais en ligne)
- sites communautaires
-
www.affinitiz.net ( espace membres + espace public + super calendrier) gratuit quand moins de 30 membres sinon comptez (4+2€ / mois) + 2€ mensuels par communauté sup
-
www.ning.com ( attention la version 3 est en cours de développement et n'est pas finalisée .. or il n'est plus possible de créer de nouveaux sites sous version2). Bcp de fonctionnalités . Comptez min 22€ par mois.
-
www.wix.com ( espace membre + espaces réserves par mot de passe)
6- ressources "patch" ou modules web à ajouter en copiant /collant ..
-
payant mais cela commence aux alentours de 6 € pour un an ..
-
( gestion de bannières pub, sondages, dedicaces, forums, RSS etc ...)
-
-
( images défilantes ...) certains scripts gratuits mais il faut pouvoir stocker en ligne certains fichiers ..donc il faut de l'hébergement .
-
sinon voir la page avec le script pour le slider ...
-
-
Gratuit ...pour transformer en images certaines polices de caractères ...
-
-
scripts gratuits de compteurs de visiteurs, etc .
-
-
script gratuit pour afficher un flux rss..
-
7- LOGICIELS Il faut 3 types de logiciels:
-
-1 Logiciel gratuit de FTP ( téléchargement de fichiers vers l'espace de stockage pour mettre en ligne un site web)
-
-
- 1 éditeur html
-
type Dreamweaver
-
-
-1 logiciel de retouche d'images
-
type photoshop ou fireworks ou gratuit Gimp
PROTECTION DU NOM DE DOMAINE Quelques remarques et infos importantes Intro est-il-absolument-necessaire-de-posseder-un-site-internet-pour-etre-connecte ?/ 1) Toujours déposer son nom de domaine directement ( ne pas laisser un intermediaire hebergeur de site web le prendre à votre place ) 2) la marque prime sur le nom de domaine ..juridiquement 3) Pour faire une veille sur les noms de domaine ( bon moteur de recherche) j'utilise www.sedo.fr 4) pour connaitre le propriétaire d'un nom de domaine www.whois.net 5) pour acheter votre nom de domaine www.ovh.com ou www.gandi.net parmi les moins chers & professionnellement stables. 6) pour faire une redirection on peut toujours faire des redirections à partir de son nom de domaine vers une url technique .. en visible ( quand erreur sur le nom par les internautes ...) / invisible ( quand on ne veut pas montrer l'adresse technique) ex sur ovh ..
CREER UNE PAGE WEB VIA DREAMWEAVER Quelques réflexes préliminaires à avoir : 1) CREER UNE STRUCTURE ( dossier + sous dossiers) pour avoir les "bonnes adresses" des liens & Intégrer chaque page au bon endroit Il faut concevoir la structure du site en dossiers des le départ, pour faciliter la création de liens HTML Mettre toutes les images dans un sous-dossier « image », à l’intérieur de votre dossier « site » Il faut toujours télécharger le images & documents AVANT dans les sous dossiers 2) LA 1ere PAGE D'1 SITE s'appelle toujours INDEX Attention, le fichier, lui, (surtout s’il s’agit de la page d’accueil de votre site) doit s’appeler « index.htm ou index.html », c’est la norme pour l’hébergement. pour les autres pages .. vous choisissez le nom que vous voulez .. mais il faut tjrs 1 page index... 3) NOMMER chaque page afin de faciliter sa publication et référencement et la mémorisation en favoris par l'internaute Donnez lui un nom dans « propriétés de la page », pour la mise en favoris et le réferencement Choisissez votre couleur de fond… Attention, le fichier, lui, (surtout s’il s’agit de la page d’accueil de votre site) doit s’appeler « index.htm ou index.html », c’est la norme pour l’hébergement. 4) PENSER LA MISE EN PAGE cad Concevoir la mise en page autour de la création d’un " tableau transparent" pour avoir un tableau "transparent" .. cliquez sur tableau ..
- indiquez le nombre de lignes et colonnes que vous souhaitez ..
- la taille du tableau en °% par rapport a la taille de l'écran de l'internaute ou en Pixels ( recommandé dès que vous affichez des images)
- indiquez 0 dans border ( pour la transparence ... si vous souhaitez que le tableau soit visible tapez 1 ou 5 ( de plus en plus épais)
C’est le principe de la mise en page, qui permet de conserver la meme mise en page quelque soit le navigateur ou la taille de l’écran de l’internaute. Attention ! 1 objet par cellule du tableau ( jamais plusieurs objets dans une meme cellule !) sinon selon l'internaute la mise en page ne sera respectée.. donc 1 image = 1 cellule 1 texte = 1 cellule .. il faut donc concevoir la structure du tableau et la répartition des cellules .. On peut aussi la modifier quand on veut .. - icone : fusionner les cellules - icone : diviser les cellules .. Attention ... de plus en plus les sites web fonctionnent avec des langages types CSS qui gerent la mise en page par des fichiers associés .... des fichiers CSS... 5) CREATION DES LIENS DE NAVIGATION que ce soit sur un texte ou une image 3 types de liens ( que l'on peut affecter à un texte ou une image au choix) A- Le lien absolu, c’est l’indication de l’adresse web complete cad « http://www….. » obligatoire pour un lien vers un site exterieur au votre ... Vous ne pouvez pas vampiriser le site d'un tiers .. On indiquera dans cible "blank" ... pour que cela ouvre une nouvelle fenetre ... B- Le lien relatif, c’est la liaison avec un autre fichier ou une autre page de votre site via la fonction « parcourir ». C’est pourquoi il est important de respecter la structure du site et de créer préliminairement des sous- dossiers On indiquera dans cible "self" ... pour que cela ouvre à la place de la page ... c'est le principe de navigation dans le site ..... Ne pas oublier de prévoir le lien de retour vers la page d'accueil par ex ... C- Pour le mail, il suffit de remplacer le lien absolu par « mailto :coordonnées du mail » ne rien préciser dans la cible . Rappel - Ne pas oublier de préciser dans quel type de fenêtre doit s’ouvrir le lien (sauf pour le mail), Cad - ouvrir une nouvelle fenetre (blank),obligatoire pour un lien vers un site extérieur (netetiquette de ne pas vampiriser un site) - remplacer la fenetre existante (self) (à condition d’avoir prevu une navigation sur chacune des pages permettant d’aller sur toutes les autres pages. 6) AFFICHER Savoir afficher une image, une image survolée (à condition que les images soient de même taille, cela peut également servir de bouton), une image cliquable (en délimitant plusieurs zones avec des liens spécifiques pour chacune), une animation flash… 7) PATCHER une video, une animation flash, un iframe, un widget
CAHIER DES CHARGES D UN SITE WEB Intro Le web2 :http://fr.slideshare.net/ardesimp/bote-outils-du-20-pour-dbutants-motivs-et-curieux-2009 Le cahier des charges lire les pages web suivantes
- http://fr.slideshare.net/TheCodingMachine/modle-cahier-des-charges-site-web
- http://fr.slideshare.net/semaweb/comment-rdiger-un-cahier-des-charges-de-site-web
- http://joliespages.com/pages/cahier1.php
- cahier_des_charges_de_realisation_de_site_internet.pdf
- http://www.liliandauzat.com/marketing-web/cahier-des-charges-site-internet/
- http://www.tools4webcontent.com/cahier-des-charges.htm
- http://archiveswebsites.pbworks.com/w/page/13603116/Mod%C3%A9lisation%20du%20site
- http://fr.slideshare.net/COMPETITIC/2011-06-30-cahier-des-charges-site-internet-by-competitic
Pour optimiser la qualité du site cf les pratiques ( payant) http://opquast.com/fr/
Bientot Food-zoom en exclusivité ! !
Cahier des charges de Mr Cornevin Cahier-des-charges.pdf ----
------------------------------------
--------------------
----------------------------------------
----------------
----------------------------
ID membre : 32661
Nom d'utilisateur : clic
Mot de passe : polyquali
-
-------
---------Ces codes vous permettront de mettre vos fichiers en ligne, à placer dans le dossier "www" par défaut.
Serveur FTP :ftp.c-l-i-c.com ou ftp.cluster011.ovh.net
> Utilisateur (login) : cliccomled
> Mot de passe (password) : N8gjMZDZ5u3Z
-----
- Page différente selon le jour<html><head>
<title>ca marche date par date</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var ladate=new Date();
var journee="";
if (ladate.getYear() < 10) {journee+="0";}
journee+=ladate.getYear() + ":"
if (ladate.getMonth() < 10) {journee+="0";}
journee+=ladate.getMonth() + ":"
if (ladate.getDate() < 10) {journee+="0";}
journee+=ladate.getDate()
function redir() {
if ( ladate>=new Date(2010, 09, 25) && ladate<=new Date(2010, 09, 26) ){//signigie que du 10 janvier au 15 janvier, la page redirection s'effectuera
window.location.replace("http://www.situmaimes.com");
}
if ( ladate>=new Date(2010, 09, 27) && ladate<new Date(2010, 09, 28) ){
window.location.replace ("http://www.onvasortir.com");
}
if ( ladate>=new Date(2010, 09, 28) && ladate<new Date(2010, 09, 29) ){
window.location.replace("http://www.pearltrees.com");
}
if ( ladate>=new Date(2010, 09, 29) && ladate<=new Date(2011, 00, 1) ){
window.location.replace("http://www.qualimapa.com");
}
}
setTimeout("redir()",0000);
</SCRIPT>
</head>
<body bgcolor="#FFFFFF">
<table width="100%">
---------
<html>
<head>
<title>aleatoire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function variable(url)
{
window.location=url;
}
function LienAuHasard()
{
var a;
a = 1+Math.round(Math.random()*2);
if (a==1)
variable("http://www.food-zoom.fr");
if (a==2)
variable("http://www.qualimapa.com");
if (a==3)
variable("http://www.marketing4innovation.com");
}
</script>
</head>
<body bgcolor="#FFFFFF">
<script type="text/javascript">LienAuHasard();</script>
</body>
</html>
---------------------
- texte qui apparait par la droite
<marquee behavior="slide"> <i><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#990000">Bientot
les qualimapas ! ! </font></b></i></marquee>
------
-------
<iframe src="http://www.nomdusite.com/page.html " frameborder=no
width="850" height="2300"></iframe>
en rouge et vert... à modifier selon vos souhaits:
- l' adresse url de la page à afficher dans la fenêtre
- la taille de la fenetre en largeur & hauteur ( pixels)
