Comment rendre les pages Web Version imprimable - Envision Internet Consulting
Cet article jette un coup d'œil rapide à l'aide de feuilles de style en cascade pour concevoir des pages Web imprimées.
Impression de pages Web a été embêtant.
Si la page Web est juste un peu trop large pour tenir sur une seule page, vous obtenez une feuille gaspillée avec une petite bande de couleur sur elle. Et, lorsque vous imprimez la page, vous obtenez toutes les bannières, logos, et la navigation sur votre version imprimée. Tout ce que vous vouliez vraiment était le texte et les images sur la page, ce qui arrive maintenant à une colonne large de deux pouces au centre du papier.
Versions Version imprimable
La réponse est en CSS
La réponse à ces problèmes avec l'imprimante faisant des pages web convivial a été tapi tranquillement sur le web depuis quelques années maintenant. Il est appelé Cascading Style Sheets (CSS). Les concepteurs Web ont été en utilisant CSS pour simplifier la conception des pages Web, mais ont rarement exercé son pouvoir sur la page imprimée.
Une partie de la beauté de la conception imprimante convivial pages avec CSS est que vous ne devez pas faire une imprimante supplémentaire Version imprimable de la page. Au lieu de cela, lorsqu'un utilisateur imprime la page, une feuille de style séparée est appelé à modifier la conception pour le papier au lieu de l'écran. La page ressemble il a été conçu pour le web dans le navigateur, mais il imprime comme il a été conçu pour un morceau de papier.
Un exemple
Les deux images ci-dessous sont captures d'écran des versions précédentes de cette page. La première est de savoir comment cette page peut imprimer sans une feuille de style d'impression défini CSS. La deuxième image est comment la page fait imprimer avec la feuille de style d'impression.
Comment faire bouger les choses
Ce qui suit suppose une certaine familiarité avec le langage HTML et CSS.
considérations
La section ci-dessus est un très bref aperçu, destiné à fournir un peu de direction. Dans cet esprit, voici quelques choses à penser avant de commencer la conception d'une imprimante page Web conviviale.
- Lorsque vous concevez la page imprimée, pensez contenu d'abord. Demandez ce qui est nécessaire pour la page imprimée, et tout couper le reste dehors. Concevoir avec espace blanc, la typographie, et tout ce qui peut améliorer la lisibilité.
- Votre code HTML doit être au moins la version 4.01 et doit être valide. Fossé balises de polices et ne comptez pas sur les tables pour la mise en page.
- Prenez le temps d'expérimenter avec le CSS pour trouver ce qui fonctionne le mieux pour vos lecteurs.
En savoir plus sur CSS et XHTML
Plus d'articles sur la prise à imprimer Pages
- CSS et types de supports d'impression convivial pages tutoriel à wsabstract.com. Donne une description rapide des dix types de supports pris en charge dans le CSS-2.
- CSS2 Types de supports Créer des pages imprimer par Jennifer Kyrnin. Cet article fournit d'autres exemples de codage.