|
|||||
|
|||||
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Un site va se composer :
q de textes (au format HTML)
q d’images (JPEG ou GIF)
q de fichiers à télécharger le cas échéant
Pour stocker ces fichiers il faut créer une arborescence (dossiers et sous dossiers)
REMARQUE : avec FrontPage express il est préférable de réaliser l’arborescence en premier.
ATTENTION : trois règles sont à respecter :
Les noms de fichiers ou de dossiers (répertoires) :
q doivent être écrits en minuscule car les serveurs web respectent la casse (index.htm n’est pas égal à Index.htm ni à INDEX.HTM). En n’utilisant que des minuscules on évite ainsi des risques d’erreurs au niveau des liens.
q ne doivent pas comporter de caractères accentués : ils ne sont pas reconnus par les serveurs web
q ne doivent pas comporter d’espaces. Pour la lisibilité du nom, on peut utiliser le caractère de soulignement _ (touche 8) exemple mon_site.htm
|
Exemple d’arborescence
|
Commentaires |
img_theme1 pages_theme1 Plan_du_site
images theme1
page1.htm index.htm theme2
accueil_th1.htm
infosite
liens monsite
La charte graphique définit pour l’ensemble des pages :
q Les polices à utiliser
q le fond d’écran ou la couleur
q les éléments de navigation dans le site (images ou textes)
q la hiérarchie des paragraphes et le format des puces.
Le respect de la charte graphique garantit la cohérence dans la forme du site.
Très important :
Contrairement à ce que pourraient croire les élèves, les visiteurs n’apprécient pas :
q les changements de présentation d’une page à l’autre
q l’usage abusif des couleurs de police
l’impossibilité d’accéder à la première page du site (surtout lorsque le site à été trouvé grâce à un moteur de recherche)
|
Taille de la page d’accueil |
Au maximum 40 KO images comprises – temps de téléchargement maximum 40 secondes |
|
Nombre de polices |
3 polices maximum pour un site |
|
Types de polices |
q titres : polices sans empattements (sans serif) du type Arial, Tahoma, Verdana ou Trébuchet q Textes techniques : idem q Textes littéraires, les polices à empattement sont généralement appréciées (ex. : Times New Roman). Ne pas utiliser de polices « exotiques » car elles ne sont pas forcément reconnues par tous les navigateurs. |
|
Taille de police |
Au minimum 12 points (les éléments de menu peuvent être de plus petite taille) |
|
Fonds de page et couleurs de police |
Avec un fond clair utilisez une police de couleur sombre et inversement |
|
Une horreur : texte bleu sur fond rouge |
|
|
Un classique : Texte jaune sur fond bleu |
|
|
Un effet réussi : Texte bleu sur fond orangé |
|
|
Ou texte orangé sur fond bleu |
|
|
