Сторінка HTML - версія друку

Сторінка HTML - версія друку

 В Інтернеті знаходиться величезна кількість різноманітної інформації. Тут можна знайти практично все, починаючи від опису польової квітки і закінчуючи конструкцією бойових автоматів. І, природно, деякі користувачі хочуть прямо з браузера роздрукувати цікаву їх сторінку. Сучасне програмне забезпечення дозволяє задовольнити цю потребу. Але тут прихована одна проблема, адже розробники робили свої сторінки спеціально для відтворення в браузері, а на папері їх документи можуть виглядати зовсім інакше. Спеціально для таких випадків була розроблена версія для друку, в якій присвоюються нові значення для всіх сторінок сайту.


Як правило, друковані версії документів в Інтернеті застосовуються для певного виду інформації - наприклад, якщо на вашому сайті розташовано безліч рефератів або будь-яких навчальних посібників. Найчастіше роздруковуються документи з формулярами, розповідями, рецептами, текстами та подібною інформацією. Версія для друку рідко коли зустрічається в інтерактивних сайтах. Якщо у вас є припущення, що користувачі, які зайшли на ваш портал, захочуть скопіювати інформацію на папір, то слід подбати про спеціальне оформлення.


У html версія для друку відрізняється від простих сторінок спрощеним дизайном. Зараз будь-який сучасний браузер здатний відтворити практично будь-яку задумку, викладену розробником мовою програмування. Зовсім інакше справа йде з принтерами. Не кожен користувач інтернету має цифровий і кольоровий пристрій у себе вдома. Отже, під час друку деякі фрагменти веб-сторінки відображаються зі змінами. Ще більше проблем приносять розміри сторінки, особливо коли використовуються абсолютні значення. Версія для друку включає обмеження використання зайвих і непотрібних графічних ефектів. Адже користувачеві, перш за все, необхідно отримати інформаційну частину сторінки, а декоративна модель сайту нехай так і залишається в електронному вигляді.

Для того щоб переглядач розумів, яку версію сайту використовувати для друку, потрібно скористатися ключовим словом "@ media". Увага, це не HTML-значення, а CSS-властивість, де буде знаходитися дизайн ваших документів, які вже готові до друку на папері. Вам потрібно написати ключове слово "@ media print" (де останнє визначає тип носія) з використанням будь-якого зручного для вас способу. Після цього йде звичайний CSS-код. Наприклад: «@media print p { color: black; font-family: Times; }». Так браузер зрозуміє, що при роздрукуванні буде використовуватися тільки чорна фарба і шрифт Times, який має спеціальні засічки. Ви можете вказувати будь- які значення. Версія для друку файлів html може мати додаткові атрибути. Є можливість керувати розміром сторінки, орієнтацією її на папері, робити додаткові мітки тощо. Перераховувати їх все не має сенсу, оскільки вони докладно описані в спеціалізованих довідниках.

Версія для друку широко використовується на багатьох сайтах. При цьому немає необхідності переробляти весь свій портал, щоб ваші документи виглядали однаково добре і на папері, і в браузерах. Розробники CSS дуже грамотно передбачили дану ситуацію відповідно до потреб користувачів.