Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
210
Contenu de l’en-tête
Le bandeau d’en-tête contiendra de plus les éléments suivants :
• « Alsacréations, le livre ». Ce titre de document, peu visible dans les environnements graphiques, représente une information essentielle pour les navigateurs
incapables de restituer les images, comme les lecteurs d’écran.
• Un slogan rappelant le titre (provisoire) du livre, par exemple « Concevoir des
sites web avec HTML et CSS ».
• Une image de grimoire (figure 16-2) surplombant l’arrière-plan général et collée
à droite de son conteneur quelle que soit la résolution d’écran. Elle a un fond
transparent destiné à s’adapter à l’arrière-plan du bandeau.
Réalisation pratique
Il est temps d’implémenter nos désirs en HTML et CSS. Dédaignant l’angoisse de
la page blanche, créons un nouveau document XHTML et plongeons dans le code…
Structure du document
On travaillera dans un éditeur de texte. HTML-Kit (http://www.chami.com/html-kit/
download/) est agréable, mais tous feront l’affaire. Même le fruste Notepad pour
Windows pourra dépanner les designers temporairement dépourvus d’outil plus efficace. Un programme puissant capable de colorer syntaxiquement le code HTML
mettra en évidence de nombreuses étourderies en différenciant clairement le texte
des balises, c’est-à-dire le contenu, de sa structure HTML.
Nous l’avons vu dans les premiers chapitres, une page (X)HTML se compose d’un
doctype suivi d’un élément racine (). Ce dernier se divise en deux fils :
(renfermant l’élément qui rassemble toutes les méta-informations du document) et , racine du contenu. Nous prendrons pour canevas la structure type
suivante :
Figure 16–2
Le grimoire de
fin d’en-tête
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
QUATRIÈME PARTIE
210
Contenu de l’en-tête
Le bandeau d’en-tête contiendra de plus les éléments suivants :
• « Alsacréations, le livre ». Ce titre de document, peu visible dans les environnements graphiques, représente une information essentielle pour les navigateurs
incapables de restituer les images, comme les lecteurs d’écran.
• Un slogan rappelant le titre (provisoire) du livre, par exemple « Concevoir des
sites web avec HTML et CSS ».
• Une image de grimoire (figure 16-2) surplombant l’arrière-plan général et collée
à droite de son conteneur quelle que soit la résolution d’écran. Elle a un fond
transparent destiné à s’adapter à l’arrière-plan du bandeau.
Réalisation pratique
Il est temps d’implémenter nos désirs en HTML et CSS. Dédaignant l’angoisse de
la page blanche, créons un nouveau document XHTML et plongeons dans le code…
Structure du document
On travaillera dans un éditeur de texte. HTML-Kit (http://www.chami.com/html-kit/
download/) est agréable, mais tous feront l’affaire. Même le fruste Notepad pour
Windows pourra dépanner les designers temporairement dépourvus d’outil plus efficace. Un programme puissant capable de colorer syntaxiquement le code HTML
mettra en évidence de nombreuses étourderies en différenciant clairement le texte
des balises, c’est-à-dire le contenu, de sa structure HTML.
Nous l’avons vu dans les premiers chapitres, une page (X)HTML se compose d’un
doctype suivi d’un élément racine (). Ce dernier se divise en deux fils :
(renfermant l’élément qui rassemble toutes les méta-informations du document) et , racine du contenu. Nous prendrons pour canevas la structure type
suivante :
Figure 16–2
Le grimoire de
fin d’en-tête
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">