Lors du
cours du 7 décembre, nous avons abordé les templates HTML. Il
s'agit là de modèles proposés afin de créer une page web. En
effet, les templates sont des codes source HTML disponibles sur
Internet et permettant à quiconque de créer des pages web stylisées
très facilement sans connaissances particulières en HTML.
Il
s'agit généralement de codes très bien organisés et commentés comportant toute la structure du
document où il reste, au minimum, à modifier le contenu de la page (liens, textes, boutons, etc.). Il est également possible de la personnaliser davantage en retouchant les éléments graphiques.
Voyons
un exemple (template original par David Miller) :
Ci dessus, nous nous trouvons dans le dossier contenant le site. Il y
a ici tous les éléments du site internet : les pages (index,
post1, post2, post3), les images (img), les polices (fonts) ainsi que
la feuille de style CSS (css) et les scripts (js). On y trouve aussi
les éléments du créateur du template.
Regardons
ensuite comment s'organise le contenu de la page. Pour cela, nous
ouvrons le fichier index (la page d'accueil du site) sous Notepad++
(pour modifier le contenu), ainsi qu'avec un navigateur internet
(pour l'afficher) :
Les
éléments que j'ai modifiés afin de créer ce petit blog sont
entourés en rouge. Comme nous pouvons le voir, toute la partie
« technique » du code HTML est déjà écrite, bien qu'on
puisse la personnaliser davantage si on le souhaite.
On note
qu'afin d'afficher une image (d'arrière plan ou autre), il faut au
préalable la placer dans le dossier « img » prévu à
cet effet puis indiquer le chemin vers cette image dans la ligne
appropriée.
