Лабораторная работа: Технологии создания гипертекстовых документов
</style>
</head>
<body>
<div id="navigation">
<a href="/index.html">Главная</a><br />
<a href="/news.html">Новости</a><br />
<a href="/products.html">Учебные дисциплины</a><br />
<a href="/about.html">Об авторе</a>
</div>
<divid="text">
Использование языков программирования, работающих на стороне клиента, - JavaScript, VBScript - ограничено в основном различными визуальными эффектами и повышением удобства работы с веб-сайтом. Главное достоинство клиентских технологий в том, что для взаимодействия с пользователем они не требуют перезагрузки страницы и обмена данными с Интернетом, отсюда и недостаток - эти языки контролируются клиентом и не подходят для решения ответственных задач, например для проверки пароля пользователя при входе на какой-нибудь онлайн-сервис. Впрочем, у каждого средства разработки есть свои плюсы и минусы, которые определяет его сфера применения.</p>
Отличительная особенность клиентских технологий в том, что их работоспособность зависит от "пользовательского агента" (в подавляющем большинстве случаев это обычный интернет-браузер), который и берет на себя всю работу по отображению информации. Отсюда проблема - выбирая серверную основу сайта, вы определяетесь лишь однажды, выбирая клиентские языки, обязательно нужно знать о степени их востребованности среди потенциальной аудитории вашего веб-сайта. Распространенность - одна из важнейших характеристик клиентской технологии.</p>
<p><a href="/page2.html">Далее ></a></p>
</div>
</body>
</html>
Для страницы сайта указано два независимых стиля.
● Стиль <stylemedia="screen"> для браузеров (отображение на экране монитора):
<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%;