De manière schématique, un site web est défini par un dossier contenant des sous dossiers et des fichiers formant une arborescence ( comme la zone personnelle de chacun). Ce dossier principal est hébergé par un serveur toujours connecté à Internet (Montrer l' arborescence du site du collège)
Une page Web est un fichier qui donne naissance à une page écran . si cette page dépasse la capacité d'affichage de l'écran, il faudra utiliser les ascenseurs ( à éviter si l'on peut ! ) On préférera donc créer sur cette page un lien qui affichera une autre page , etc.
Sur page web, on peut disposer :
- du texte (créé sur la page) - des tableaux (créés sur la page) - des images fixes ou photos (dont les fichiers ne font pas partie de la page) - des images animées (dont les fichiers ne font pas partie de la page) - des vidéos (dont les fichiers ne font pas partie de la page) - des sons ou de la musique (dont les fichiers ne font pas partie de la page)
on peut également :
- Insérer des menus - Insérer des animations (flash ...) - Insérer des scripts - Insérer des formulaires - Restreinte l'accès à une branche du site (protéger par mot de passe)
Netscape ( Sun) ( plus ancien)- Internet Explorer (de Microsoft) ( intégré à Windows) Mozilla ( logiciel libre, gratuit et en Français ) est un logiciel qui permet de lire les pages Web . Mais il n'existe pas de standard véritable, et un site Web n' est pas lu de la même façon sur ces différents navigateurs. Un navigateur sait lire des pages écrites en un langage spécifique : il existe de nombreux langages (HTML, XHTML, XML, CSS, XSLT, Java, Javascript , VBScript, PHP, ASP, ADO, SQL, etc.)
Le but ce ce stage n' est pas d 'apprendre un nouveau langage : apprendre du code est fastidieux et réservé aux developpeurs . Un logiciel de création de pages Web est un interpréteur qui permet de construire des pages sans jamais utiliser de code (ou presque) . Ces pages s' écrivent un peu à la manière d' une page de texte créée sous Word ou Publisher à l' intérieur de laquelle on aura placé différents « objets ». il faut cependant savoir que la mise en forme d'une page html n'est pas aussi aisée
Parmi les logiciels les plus évolués et les plus accessibles, ils existe : DREAMWEAVER de Macromédia, FRONTPAGE de Microsoft , GOLIVE d' Adobe. Nous utilserons DreamWeather durant cette formation.
La charte graphique, c'est : un ensemble d'éléments visuels qui facilitent la vie du lecteur : ils sont clairs, s'affichent rapidement, sont toujours là où on pense les trouver, remplissent correctement une seule et même fonction, et rendent explicites ce que vous venez de définir , grâce à une navigation efficace. La charte graphique, c'est l'art et la manière de rendre votre site ergonomique, facile et agréable à consulter. C'est l'ensemble des codes graphiques, colorés et formels créés pour la communication visuelle d'un site web. Des couleurs harmonieuses et judicieuses sont donc indispensables pour mettre en valeur l'information véhiculée.
Un site bien documenté : la symbolique des couleurs et l'harmonie des couleurs
Dernier conseil et non des moindres : une fois que vous avez trouvé une charte graphique, vous devez absolument l'appliquer à toutes vos pages : c'est la condition principale pour qu'elle remplisse son rôle, mettre à l'aise votre lecteur pour qu'il puisse oublier le décor et se concentrer sur le contenu.
Visitez les harmonies de couleurs pour:
