 Modèle de page
Un design efficace est un design qui permet de bien mettre en avant l'information du site à l'aide d'éléments graphiques appropriés et adaptés aux critères d'ergonomie afin de répondre aux attentes des utilisateurs. Cela commence d'abord par la création d'un modèle de page puis par la réalisation d'une charte graphique afin d'obtenir une identité graphique correspondant à votre site Internet. Ce gabarit peut-être réalisé, soit avec des tableaux Html (balise TABLE), soit avec des balises de type conteneur (comme DIV et SPAN) associées à du style CSS.
La taille du gabarit, donc de toutes vos pages web, doit être adaptée à la résolution d'écran de vos visiteurs. Si l'on opte pour une largeur de gabarit fixe, deux tailles de mise en page sont (pour l'instant!) représentative du parc mondial : 760px (pour les écrans de 800X600) ou 950px (pour les écrans de 1024X768). L'idéal est d'opter pour une valeur inférieure à la résolution d'écran de la majorité des visiteurs. Le décor est une image en fond du tableau:
style="background-image:url(images/decor.jpg);background-repeat:no-repeat;background-position: bottom;
Charte graphique
La création de vos éléments graphiques pour vos site Web implique la création d'une charte graphique: Un document qui récapitule les règles de présentation des éléments graphiques du site. Celle-ci doit contenir:
• la description du logo (couleurs, position dans la page...)
• les définitions des polices de caractères
• les jeux de couleurs
• la description de l'utilisation des éléments graphiques...
Après avoir réaliser votre charte graphique (qu'il vous faudra transformer en document CSS), il vous faut comprendre comment sont réalisés les décors d'un site Web pour donner une identité graphique à votre site Internet. |
Graphisme
