fastclemmy.com

Mauvaise impression

# 26-08-2004

Par le miracle de la séparation contenu/présentation, on est en mesure de créer une version imprimable d'un document HTML sans avoir à refaire deux fois le travail. Ca, vous le saviez sans doute déjà, car vous avez bien entendu lu les articles de référence sur le sujet.

Pourtant, il y a quelques petites choses à savoir avant de s'aventurer dans le domaine...

Pas de bras, pas de chocolat

Ca peut paraître idiot, mais si vous ne spécifiez pas de feuille de style pour l'impression et bien votre site risque fort de s'imprimer... sans style ! Autant dire que ça ne ressemblera pas à grand chose. Ma grande fainéantise sur fastclemmy.com vous donne un exemple concret du résultat que cela peut donner. Donc, même si cela prend quelques minutes, prenez le temps de faire une feuille de style pour avoir un rendu correct à l'impression. Ceci consiste généralement à mettre une police à empattements type Times New Roman plutôt que bâtons, de cacher les éléments de navigation et de spécifier des marges cohérentes. C'est bon ? Testez maintenant !

background-visibility:hidden;

Jusqu'à présent, il y avait deux types de méthodes. Soit l'auteur du site avait prévu une version spécifique pour l'impression s'affichant généralement dans une nouvelle fenêtre, soit l'utilisateur imprimait la page telle qu'il la voyait à l'écran. Dans les deux cas, pas de doute possible, il y avait une concordance entre la mise en forme de l'information sur son écran et sur son imprimante.

Avec l'utilisation des feuilles de style pour l'impression, cette similarité est très souvent mise à mal. Cela est dû notamment au fait que, par défaut, le navigateur désactive toutes les informations concernant les éléments d'arrière-plan (background-color et background-image). La conception par blocs encourageant à utiliser au maximum ces propriétés pour les images illustratives sur les sites, on se retrouve vite avec une page très vide quand on l'imprime "à poil". Difficile de rendre une mise en page sexy quand on ne peut pas jouer avec des images ou des fonds de couleur (regardez par exemple le rendu désastreux à l'impression du par ailleurs magnifique à l'écran PGA.com).

On se retrouve donc coincé entre le marteau et l'enclume, avec une très belle opportunité (la séparation contenu/présentation avec des feuilles de style spécifiques pour l'impression) contrecarrée par un comportement par défaut des navigateurs qui nous limite sévèrement côté créativité. L'idéal serait bien sûr que le navigateur désactive les éléments d'arrière-plan pour les pages ne possédant pas de feuille de style print mais qu'il les imprime dans le cas contraire. En effet, on peut supposer que si une feuille de style pour impression à été mise en place, celle-ci devrait utiliser judicieusement les éléments de background... Euh, on implémente ça dans Firefox 1.0 ?

#xhtmlCSS

Vos commentaires

Fred Bird - site -
"Par le miracle..."
C'est voulu, le ton évangéliste ?
"asseyons nous, mes frères, et célebrons la gloire des css devant cette impression couleur..."
;o)

Fabrice Bonny -
Je t'arrête tout de suite. Tous les navigateurs permettent d'imprimer les fonds et les couleurs *si on le souhaite*. Mais il est normal que, par défaut, ce ne soit pas le cas. Pourquoi? Accessibilité, économie d'encre, entre autres.

Ensuite, vouloir refaire sa mise en page écran sur le papier est une erreur. Ce sont deux media différents et ils doivent être traités comme tels.

fastclemmy - site -
>Fabrice
On est bien d'accord que l'idée de ne pas imprimer les fonds et les couleurs était une bonne idée *avant* l'apparition des feuilles de style print. Maintenant qu'elles existent on pourrait tout de même faire confiance aux concepteurs pour les utiliser au mieux (éviter de faire des fonds de couleur importants, etc.)

Par ailleurs je n'ai jamais dit dans mon article qu'il fallait une mise en page identique entre l'écran et le papier. Les points que je mets en exergue c'est que la mise en place des CSS print :
- change les habitudes des internautes (le tout c'est de le savoir)
- limite grandement les possibilités graphiques à cause de l'absence des backgrounds par défaut.

Laurent Denis -
@fastclemmy > "on pourrait tout de même faire confiance aux concepteurs pour les utiliser au mieux" : plutôt que d'encourager les concepteurs à décider "ce qui est le mieux" pour l'utilisateur... mieux vaut laissait celui-ci décider d'activer ou non l'impression des arrière-plan grâce à l'option correspondante dans son navigateur.

Ranfaroth -
Euh moi quand j'imprime une page, ce n'est pas pour l'afficher en poster dans ma chambre, mais par exemple pour lire ses informations dans le metro...
Donc je me moque totalement de la mise en page (et donc encore plus des backgrounds...)

gizmo -
Bah moi quand j'imprime une page, je m'attends à ce qu'elle aie un minimum de mise en page. Si c'est juste pour avoir l'information je me contente d'imprimer la sélection que je désire.

Malendur -
Le minimum de mise en page est déjà fourni par la feuille de style interne du navigateur (qui met les titres en gros, des puces devant les listes...), bref, ce qu'on obtient quand on affiche une page sans feuille de style.
Ça convient parfaitement à l'impression est c'est beaucoup plus lisible que certaines autres mises en page.

Pour la séléction, ce n'est pas une solution envisageable, car elle supprime la majorité de la structure...

best mattress for back - site -
I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.

cheap essay writing service - site -
This is great full blog i like this type blog. Deferentially this blog have this quality big cost, special effects, thank for sharing this blog.

girlsdoporn - site -
thank you for your interesting infomation.n nice bLog! its interesting. thank you for sharing....

Wireless Protocols - site -
This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again.

free business calls - site -
Please also seek advice from my site =). We could have a hyperlink change contract between us!

Injury Gorup - site -
I’ve read some good stuff here. Definitely worth bookmarking for revisiting.

Embed Google Map - site -
Thanks for sharing.I hope it will be helpful for too many people that are searching for this topic.I must appreciate the way you have expressed your feelings through your blog!. Click here to play

you should read this - site -
Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post.

http://rainbowpages.fr/Astuce-Criminal-Case/ - site -
Great post full of useful tips! My site is fairly new and I am also having a hard time getting my readers to leave comments. Analytics shows they are coming to the site but I have a feeling “nobody wants to be first”.

view - site -
I was seeking this certain info for a long time. Thank you and good luck.

waist training corset - site -
Extremely useful info specially the last part I care for such information a lot.

view - site -
Extremely useful info specially the last part I care for such information a lot.

app store games - site -
Great info! I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have.

water balloons - site -
This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again.

homemove.biz - site -
Keep up the good work, I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information.

check this hack out - site -
I have been researching it for a couple of hours and found your post to be very interesting.

car covers - site -
I want you to thank for your time of this wonderful read!!! I definately enjoy every little bit of it and I have you bookmarked to check out new stuff of your blog a must read blog!!!!

how to get marijuana out of your system - site -
Easily, the article is actually the best topic on this registry related issue. I fit in with your conclusions and will eagerly look forward to your next updates.

hcg - site -
I needed to thank you for this awesome read!! I unquestionably getting a charge out of each and every piece of it I have you bookmarked to look at new stuff you post.

شركة نقل اثاث بجدة - site -
Superbly written article, if only all bloggers offered the same content as you, the internet would be a far better place.

Ceo Uttar Pradesh - site -
I needed to thank you for this awesome read!! I unquestionably getting a charge out of each and every piece of it I have you bookmarked to look at new stuff you post.
Ceo Uttar Pradesh

hcg injections - site -
This article was written by a real thinking writer. I agree many of the with the solid points made by the writer. I’ll be back.

Electrical Projects in India - site -
I needed to thank you for this awesome read!! I unquestionably getting a charge out of each and every piece of it I have you bookmarked to look at new stuff you post.

Medical directive - site -
I truly delighted in perusing this post, huge fan. Keep doing awesome me when would you be able to distribute more articles or where would I be able to peruse more on the subject? 

Learn The Forex - site -
Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!Thanks

АЛЮМИНИЕВЫЕ И СТЕКЛЯННЫЕ - site -
I am totally agreed with that . Thank you АЛЮМИНИЕВЫЕ И СТЕКЛЯННЫЕ

Obat Ginjal Bocor - site -
Obat Alami Penyakit Ginjal Bocor Amazon Menyembuhkan Penyakit Ginjal Bocor Dengan cara Alami. Tidak ada salahnya untuk mencoba obat ini kemudian saya membelinya sebanyak dua botol di Istana Amazon yang beralamatkan di Jakarta Utara.

Obat Kanker Usus Besar Stadium 4 - site -
Amazon Plus memiliki kandungan aktif yang berkarakteristik untuk membersihkan segala varian sel ganas yang hidup di dalam sistem pencernaan terutama pada bagian rektum, jadi Amazon Plus dinobatkan sebagai Obat Herbal yang Mujarab Untuk Penyakit Tumor Usus.

Obat tradisional kanker rahim serviks stadium 4 - site -
Amazon Plus menjadi jawaban bagi para kaum wanita untuk melawan penyakit kanker rahim yang diidap dalam tempo yang efisien dan efektif untuk mencegah sel kanker serviks hidup kembali. Amazon Plus benar benar adalah Obat Herbal Kanker Leher Rahim yang Mujarab Tanpa Operasi.

kayseri asansör firmaları - site -
Wow, cool post. I'd like to write like this too - taking time and real hard work to make a great article... but I put things off too much and never seem to get started. Thanks though.

happy wheels - site -
Excellent read, Positive site, where did u come up with the information on this posting? I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work

Tio 2 Clean - site -
This was incredibly an exquisite implementation of your ideas.

etdrherthgwh - site -
The process of article marketing consists of writing articles for submission to article directories. The drawback being that all of these sleep article directories require the documents / articles you are submitting to consist of unique content.

paket wisata pulau derawan - site -
I have recently started a blog, the info you provide on this site has helped me greatly. Thanks for all of your time & work

rental mobil balikpapan ke samarinda - site -
As a seller of legal steroids, you can buy Crazy Bulk products, explore stacks and finally get the body you’ve always wanted

Ajouter votre commentaire