Como criar uma versão para impressão de uma página da web?


11

Quais soluções ou técnicas existem para oferecer aos usuários versões de impressão de uma página da Web?

Respostas:


19

Eu faço uma folha de estilo css básica que eu configuro para o tipo de mídia CSS "print".

<link rel="stylesheet" href="css/print.css" media="print"  />

Nesta folha de estilo, geralmente faço algumas coisas:

  • Oculte quaisquer elementos de navegação que não sejam relevantes.
  • Oculte qualquer elemento de pesquisa.
  • Modifique fontes e cores
  • Modifique as larguras que não combinam com uma página impressa.

Seria bom ver um exemplo, se possível.

[plugue descarado] Eu o implementei em isearchnotes.com/single.php?id=59 visualize a visualização da impressão. ver.
Corymathews 15/07/10

+1 - essa é a melhor maneira de fazer isso ... embora os jornais geralmente tenham ação de página separada, onde reformatam e desativam a paginação. Agora, se apenas o Chrome tivesse uma função de visualização prévia ...
JasonBirch

2
Aqui está um pouco mais detalhadamente: alistapart.com/articles/goingtoprint
Michael Mior

2
Ah, sim, e este: smashingmagazine.com/2007/02/21/… Ambos bons recursos. O primeiro link que publiquei fornece uma boa visão geral, embora isso provavelmente seja bom o suficiente.
Michael Mior 15/07
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.