utilisation d'un gabarit (template)

références

          CSS Zen Garden

          Open Source Web Design - free templates



Comme vous avez constaté lors des exercices précédents, la construction d'un site demande passablement de travail.



Un des aspects qui n'a pas été discuté en détails c'est la question de l'uniformité à travers le site. Qu'il y aie 3 ou 30 pages, les pages devraient avoir toutes la même apparence, la même navigation, les mêmes fonctionnalités. En anglais on parle souvent de "common look and feel". Évidemment, dès que l'on commence à modifier l'aspect des éléments HTML dans une page ça devient très difficile de maintenir le même style à travers les pages.

La solution est d'utiliser un gabarit, communément appelé un template.

Utilisation du template :

  • Trouver un site de templates (préférablement gratuits) - par exemple, OSWD.org, ou bien FreeWebsiteTemplates.com.


  • Identifier un template qu'on aime et le télécharger. Le template va consister d'un fichier index.html, un fichier style.css et un dossier images.


  • Ouvrir le fichier index.html dans son éditeur et y insérer le texte qu'on veut afficher. Évidemment, on obtient toutes les couleurs, images et styles que le développeur a défini dans le fichier de style.


  • Après avoir étudié la feuille de styles on peut commencer à modifier les éléments pour obtenir une page personnalisée.


  • On peut utiliser le même template pour toutes les pages du site. Ceci assure l'uniformité de style.




exemple d'un template

Pour cet exemple nous allons étudier un template relativement simple qu'on obtient de OSWD.org à l'adresse suivante :
Template "TerraFirma".













Haut de la page

Précédente            Suivante