Блог студии веб-дизайна «Make a Site» Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Версия для печати

Всем известно, что в браузерах есть такая полезная функция, как добавление нужных вам страниц в закладки (для того чтобы потом вновь вернуться на эти страницы). Однако любой сайт не вечен, какие-то страницы могут быть удалены с него через определенный промежуток времени по различным причинам. Понятно, что будет удалена и информация, размещенная на этих страницах.

Версия для печати
Содержание статьи

Если же человек хочет сохранить для себя эту информацию, то он может распечатать страницу, но только в том случае, если такая возможность предусмотрена владельцем сайта (есть версия сайта для печати). В чем же заключаются особенности такой версии сайта? Ниже перечислим их.

  1. Удаляются ненужные блоки и элементы страницы. Как правило, удаляются все блоки и элементы, не несущие смысловой нагрузки, не содержащие информационный контент. К таким блокам относят хедер, футер, сайдбары с расположенными в них ссылками, рекламой, навигационным меню и т.д. В версии для печати во всем этом нет необходимости.
  2. Заменяются CSS-стили оставшихся элементов. В том виде, в котором эти элементы находятся на сайте, их лучше не распечатывать, так как будет значительно снижаться удобство просмотра печатной версии. Во-первых, убирается вся графика, в том числе фоновая. Во-вторых, убирается фоновый цвет сайта и фоновые цвета отдельных блоков. В-третьих, у цветных элементов, которые нельзя удалить, нужно поменять цвет. К примеру, красную рамку таблицы нужно перекрасить в черный цвет. В-четвертых, нужно изменить шрифты. Если в веб-дизайне часто используют рубленые шрифты, то в печатной версии сайта лучше будут выглядеть шрифты с засечками.

Возникает вопрос – как же создать версию для печати сайта с технической точки зрения? Существует несколько способов. Мы кратко опишем лишь два из них, которые являются наиболее распространенными.

Первый способ

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

Второй способ

Использование дополнительных стилей CSS. В этом случае создается отельный CSS-файл, который будет запускаться в работу только в том случае, когда посетитель сайта нажмет на кнопку «Версия для печати». Для открывшейся страницы будут автоматически подгружаться все необходимые стили, к примеру, будет удален фон, заменены шрифты, цвета. Что касается таких блоков, как футер, сайдбары и хедер, то здесь нужно использовать такое CSS-свойство, как display: none. В результате блоки просто перестанут отображаться (как будто их вообще нет на сайте).

Еще один важный момент – желательно на каждой странице версии для печати указывать контактную информацию (телефон, адрес фирмы и т.д.). Ведь сайт является цельным по своей сути – человек легко может зайти на страницу с контактами и посмотреть их, а печатные страницы могут храниться отдельно друг от друга.





Предыдущая статья:
Оформление главного меню сайта

Читайте также:
Классификация рерайта по степени его качества

Возможно, вам это интересно:



Блог студии веб-дизайна «Make a Site».
Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Текущий проект: «Stream Booster» — раскрутка Twitch и YouTube каналов

Студия веб-дизайна «Make a site»