Лабораторная работа: Технологии создания гипертекстовых документов
Рис.2. Отображение на экране монитора текста, не оформленного средствами каскадных таблиц стилей CSS.
2. ВЕРСИЯ СТРАНИЦЫ ДЛЯ ПЕЧАТИ
ТЕХНОЛОГИЯ:CSS
ПОДДЕРЖКА: все распространенные браузеры (проблема с новым цветом страницы для печати в браузере Opera).
Некоторые страницы сайта нужно распечатывать на бумаге. Поэтому создают версию сайта для печати.
Создана страница сайта, основной текст которой помещен в блок <div id="text"></div>, а меню в блок <divid="navigation"></div>:
Листинг 2_print_version – Версия страницы сайта для печати на бумаге.
<html>
<head>
<title>ВЕРСИЯ СТРАНИЦЫ ДЛЯ ПЕЧАТИ</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css" media="screen">
body {
background-color: #f0f0f0;
font: 0.8em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#text { width: 65%; }
#navigation {
float: right;
width: 30%;
background-color: #ccc;
padding: 1%;
margin-left: 1%;
}
</style>
<style type="text/css" media="print">
* {
font-family: "Times New Roman", Times, serif;
background-color: #fff;
color: #000;
}