Dans cet article, nous verrons comment créer un site Web compatible avec les imprimantes. Dans le monde dans lequel nous vivons actuellement, beaucoup d’entre nous peuvent accéder au Web presque n’importe où. Cela pourrait vous faire penser que l’impression d’une page Web appartient au passé, mais ce n’est pas toujours le cas. Il existe encore un certain nombre de raisons pour lesquelles les gens pourraient vouloir imprimer une page Web.
Vous ne savez jamais comment les gens décideront de lire le contenu de votre site Web. Ils peuvent utiliser un ordinateur de bureau ou un ordinateur portable pour visiter votre site, ou ils peuvent être l’une des nombreuses personnes qui le font sur un appareil mobile quelconque. Aujourd’hui, les professionnels du Web créent des sites qui ont fière allure et fonctionnent bien sur une large gamme d’appareils et de tailles d’écran pour s’adapter à ce large éventail de visiteurs. Cependant, l’impression est une option à laquelle beaucoup de gens ne pensent pas.
Comment créer un site Web imprimable
Cliquez sur le bouton”Démarrer“, tapez”Bloc-notes“dans le champ de recherche et cliquez sur”Bloc-notes“dans la liste des résultats. Cliquez sur le menu”Fichier“du Bloc-notes, puis cliquez sur”Ouvrir“et utilisez le gestionnaire de fichiers pour localiser le fichier HTML que vous souhaitez modifier. Cliquez sur le bouton”Ouvrir“. Tapez le code suivant sur une ligne vide au-dessus de la balise”“dans votre fichier HTML : Ce code demande au navigateur de charger un fichier CSS contenant les instructions d’impression de la page Web. Saisissez un nom de classe unique dans chaque balise HTML que vous ne souhaitez pas afficher sur la page imprimée ou dans l’aperçu avant impression d’un navigateur. Par exemple, vous pouvez ajouter class=”noprint”à une balise div contenant des publicités Web ou des menus de navigation. Si la balise a déjà un nom de classe, vous pouvez ajouter un autre nom en tapant un espace après le nom de classe existant, puis en tapant le nouveau nom de classe. Par exemple, pour ajouter le nom de classe”noprint“à une div qui a déjà le nom de classe”menu“, tapez : class=”menu noprint”Appuyez sur”Ctrl-S“pour enregistrer votre fichier HTML. Cliquez sur le menu”Fichier“, puis cliquez sur”Nouveau“pour démarrer un nouveau document Bloc-notes. Tapez le code suivant, en remplaçant”.noprint“par le nom de la classe que vous souhaitez utiliser :.noprint {display : none} La propriété et l’attribut”display:none“toute classe portant ce nom de balise est invisible lorsque vous imprimez ou affichez un aperçu avant impression de la page Web. Appuyez sur”Ctrl-S“pour enregistrer le fichier. Tapez”print.css“comme nom de fichier, puis cliquez sur le bouton”Enregistrer“.
FAQ
Qu’est-ce qui rend une page imprimable ?
La plupart des pages Web contiennent des informations et des liens qui ne sont utiles que lorsque vous parcourez le site. Les pages faciles à imprimer sont conçues pour tenir sur une feuille 8,5″x11″ ou A4 (voir formats de papier) et n’incluent que le contenu de la page (texte brut et images) et des informations sur leur provenance.
Comment imprimer une page Web sans la couper ?
Lorsque vous imprimez en mode paysage, vous pouvez être sûr que rien ne sera coupé sur les bords. Avant d’imprimer, la plupart des navigateurs vous demandent d’aller dans le menu Fichier, de cliquer sur”Mise en page”, puis de cocher la case”Paysage”dans la fenêtre de mise en page.
Est-ce que PrintFriendly est gratuit ?
PrintFriendly nettoie et formate les pages Web afin qu’elles puissent être imprimées correctement. PrintFriendly se débarrasse des publicités, de la navigation et d’autres éléments inutiles sur les pages Web. Ainsi, lorsque vous imprimez, vous utilisez moins de papier et d’encre. C’est facile à utiliser et gratuit.