Вам понадобится
  • Навыки веб-мастера.
Инструкция
1
Создайте документ, который содержит основную информацию страницы, например, текст статьи с заголовком, схему проезда, основные комментарии и так далее. Самое главное, чтобы версия для печати не содержала в себе баннеры, большие картинки и прочие подобные элементы.
2
Распределите блоки страницы таким образом, чтобы текст поместился на лист формата А4. Экономьте место, исключив из страницы не связанные с текстом изображения. Если страница полностью не помещается на лист А4, настройте перенос.
3
Если при переносе примерно половина второй (третьей, любой, которая окажется последней) страницы будет свободна, добавьте в версию для печати картинки и прочие удаленные данные, однако убедитесь в том, что они несут смысловую нагрузку для читателей. Также учитывайте особенности мониторов разного разрешения, обратите внимание, что, скорее всего, печатные версии сайтов нужны пользователям с мониторами низкого разрешения.
4
Воспользуйтесь классами и идентификаторами для того, чтобы скрыть лишние данные из страницы. Элементам, не предназначенным для отображения в версии для печати, присвойте вновь созданный класс, например noprint. Если вы хотите указать запрет печати изображений с баннеров, воспользуйтесь маской. В CSS пропишите следуюшее:img[src*="/ban/"] { display: none !important; }
5
Укажите:< link rel="stylesheet" type="text/css" media="print" href="print.css" >.Это делается в том случае, если вам необходимо, чтобы print.css обрабатывался только во время запуска на печать. Не забудьте добавить ссылку для печатной версии.
6
Для того чтобы разместить ссылку на печать для вашей веб-страницы, просто воспользуйтесь следующим шаблоном:< a href="javaScript:window.print();" >Распечатать эту страницу< /a >.