Оформление страницы для печати

Некоторое время назад мы уже обсуждали наличие и отсутствие страницы для печати у некоторых шаблонов, по другому говоря print stylesheets. Это не просто страница с текстом без стилей, а красиво оформленный вариант для вывода на печать. Поэтому чтобы создать по настоящему качественный сайт, надо подумать над возможностью отображения страницы для печати и оформления страницы с авторами блога. Данная статья подготовлена по материалам сайта типографии МИГПРИНТ, которая занимается печатью листовок, флаеров и прочей полиграфии. Смотреть подробнее можно на сайте компании http://printsale.ru/listovki.html.

При создании страницы для печати для одного из сайтов, я подумал, что это может быть полезно и другим пользователям, поэтому делюсь с вами информацией.

Что такое страница для печати?

Это страница, которая используется для предварительного просмотра текста, который вы собираетесь напечатать и использующая альтернативный файл со стилями CSS.

Как это работает?

Допустим вы решили распечатать некий понравившийся вам материал. Вы переходите на страницу для печати, на которой отсутствуют все ненужные элементы ранее присутствовавшие на странице с материалом. Такие как шапка сайта, верхний и нижний колонтитулы, боковая панель и так далее.

Как создать файл стилей для печати?

Первое с чего стоит начать, это с создания файла print. css. Для этого можно воспользоваться стандартным блокнотом имеющимся на каждом компьютере, либо воспользоваться специальными программами редакторами кодов.

Какой код необходимо вставить в файл print. css?

В зависимости от темы блога этот шаг будет либо очень простой, либо невероятно трудный. В принципе мы не хотим видеть на странице печати такие элементы как заголовки и боковые панели, поэтому мы удаляем эти элементы:

#header, #nav, #sidebar, #footer. noprint {display: none;}

Далее вы должны посмотреть какие элементы вам еще не нужны и исключить их как описано выше. Например таким образом можно удалить пути по сайту и не нужные изображения. Вероятнее всего, вы не захотите использовать тот же вид для печати, который используется для вывода материалов на сайте, тогда можно поступить так:

#content {width: 100%; margin: 0; float: none;}

Далее можно использовать альтернативные цвета:

a: link, a: visited {color: #000000}

Большинство людей используют для страницы печати белый фон и черный, или серый фон.

Мигуля Вера