Aller plus loin avec les CSS
CHAPITRE 19
239
Proposer une version imprimable
Jusqu’ici, nous nous sommes focalisés sur le rendu sur écran d’ordinateur, mais les
CSS sont très riches, et capables de traiter de nombreux médias : screen (écran),
print (imprimante), aural (synthétiseur vocal), braille (appareils braille),
handheld (assistants numériques à petit écran), projection (présentations projetées),
tv (téléviseurs), etc. Cette liste est consignée à l’adresse :
B http://www.yoyodesign.org/doc/w3c/css2/media.html.
Il serait dommage de conclure ce livre sans avoir évoqué le papier. Ce que produit
une imprimante diffère souvent de ce que l’on peut observer sur le moniteur : il
manque parfois des parties entières, alors que d’autres portions visibles à l’écran sont
reprises mais inutiles (publicités, parties graphiques).
Il est pourtant très simple de préparer spécialement un document pour l’impression.
Une feuille de styles spécialisée, imprimante.css, s’en acquittera. On l’intègre en
l’associant, dans la balise , au média print :
Le document suivant prévoit son rendu sur écran et sa sortie imprimante :
media="print" />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
titre évocateur
content="text/html; charset=iso-8859-1" />
href="styles.css" media="screen" />
href="imprimante.css" media="print" />
CHAPITRE 19
239
Proposer une version imprimable
Jusqu’ici, nous nous sommes focalisés sur le rendu sur écran d’ordinateur, mais les
CSS sont très riches, et capables de traiter de nombreux médias : screen (écran),
print (imprimante), aural (synthétiseur vocal), braille (appareils braille),
handheld (assistants numériques à petit écran), projection (présentations projetées),
tv (téléviseurs), etc. Cette liste est consignée à l’adresse :
B http://www.yoyodesign.org/doc/w3c/css2/media.html.
Il serait dommage de conclure ce livre sans avoir évoqué le papier. Ce que produit
une imprimante diffère souvent de ce que l’on peut observer sur le moniteur : il
manque parfois des parties entières, alors que d’autres portions visibles à l’écran sont
reprises mais inutiles (publicités, parties graphiques).
Il est pourtant très simple de préparer spécialement un document pour l’impression.
Une feuille de styles spécialisée, imprimante.css, s’en acquittera. On l’intègre en
l’associant, dans la balise , au média print :
Le document suivant prévoit son rendu sur écran et sa sortie imprimante :
media="print" />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
content="text/html; charset=iso-8859-1" />
href="styles.css" media="screen" />
href="imprimante.css" media="print" />