Главная (стр. 5 из 10)
</div>
</body>
</html>
Рис.7. Внешний вид страницы мини-реферата «Реферат» – файл referat.htm
Низ страницы мини-реферата оформлен так же, как и у всех страниц учебного web-узла.
HTML-код страницы «Реферат»:
<html>
<head>
<meta http-equiv=”Content-Type”
content=”text/html; charset=windows-1251”>
<title>Реферат</title>
</head>
<body topmargin=”0” leftmargin=”0” rightmargin=”0” marginheight=”0” marginwidth=”0” bgcolor=”#FFFFD5” link=”#cc0066” vlink=”#cc0066”
alink=”#993366” text=”#800000”>
<a name=”verh”></a><div align=”center”>
<table border=”0” cellpadding=”10” cellspacing=”0” width=”100%”>
<tr>
<td width=”100%” bgcolor=”#E7BF58”
colspan=”3”><div align=”center”><font size=”6” color=”#800000”><b>Пример создания учебного
узла</b></font></div>
<img src=”images/SPACER.GIF” width=”770” height=”1” border=”0”> </td> </tr>
<tr>
<td width=”12%” bgcolor=”#E7BF58” rowspan=”3” valign=”top”> <p>
<a href=”index.htm”><b>Главная</b></a></p>
<p><a href=”form.htm”><b>Формы</b></a></p>
<p><a href=”referat.htm”><b>Реферат</b></a></td>
<td width=”61%” valign=”top”>
<p align=”center”><font size=”+2”>Оформление фона web-страниц</font></p>
<p><a href=”#r1”>Задание фонового цвета</a><br>
<a href=”#r2”>Использование фонового
изображения</a></p>
<p><a name=”r1”><font size=”+1”><b>Задание
фонового цвета</b></font></a></p>
<div align=”justify”>
В качестве фона web-страницы может быть указан как однотонный цвет, так и фоновый узор или рисунок. Для задания цвета фона
употребляется параметр BGCOLOR тэга BODY. В
качестве значения параметра BGCOLOR указывается название цвета или его шестнадцатеричный код.
Англоязычные названия цветов были введены фирмой Netscape и впервые реализованы в Netscape Navigator 3.0, сейчас поддерживается 140 таких
названий. Ранние версии браузеров распознавали всего 16 стандартных цветов.<br>
Так, например для задания красного цвета фона следует записать: </div><div>
<font face=”Arial”><BODY BGCOLOR="red"></font></div>
<div align=”justify”> При задании цвета по названию необходимо точно придерживаться его написания, в противном случае в качестве фонового будет использован цвет,
устанавливаемый по умолчанию (белый). <br>
Цвета могут быть заданы и цифрами в шестнадцатеричном коде. Цветовая система базируется на трех основных
цветах - красном (red), зеленом (green) и синем (blue) - и обозначается RGB. Для каждого цвета
задается шестнадцатеричное значение в пределах от 00 до FF, что соответсвует диапазону от 0 до 255 в десятеричном исчислении. Эти значения объединяются в одно число, перед которым ставится символ #.
Например, число #FF0000 обозначает красный цвет.</div>
<p><a name=”r2”><font size=”+1”><b>Использование фонового изображения</b></font></a></p>
<div align=”justify”>
Фоновое изображение включается в
документ при помощи параметра BACKGROUND тэга BODY. Значением параметра BACKGROUND является URL-адрес изображения, которое используется в качестве фонового.<br>
Фоновым
изображением должен быть графический файл формата GIF или JPEG. Фоновое изображение всегда заполняет все окно просмотра web-страницы. Если размер
изображения меньше размера окна, то оно
многократно дублируется по принципу мозаики.
Обычно в качестве фонового используется небольшое изображение, для загрузки по сети которого
требуется немного времени.<br>
Если
изображение представляет собой целый экран, можно отключить прокрутку фонового изображения так,
чтобы при просмотре текст страницы "скользил" по нему. Этого можно достичь, если задать значение FIXED параметра BGPROPERTIES тэга BODY.<br>
Пример: </div>
<div>
<font face=”Arial”><BODY BACKGROUND="images/clouds.jpg" BGPROPERTIES="fixed"></font></div>
</td><td width=”27%” valign="top"><p><font size=”2”><b>Рекомендуемая литература:</b></font> </p><p><font size=”2”>Матросов А., Сергеев А., Чаунин М. HTML 4.0. - СПб.:БХВ-Петербург, 2000.</font><br><font size=”2”><i>Подробное
описание языка HTML и других современных средств форматирования HTML-документов. Объектная модель браузера, таблицы каскадных стилей CSS, скрипты JavaScript. Создание web-страниц с помощью
текстового редактора Word.</i></font></p>
<p><font size=”2”>Омельченко Л.Н., Федоров А.Ф.
Самоучитель Microsoft FrontPage 2000. - СПб.: БХВ-Санкт-Петербург, 1999.</font><br><font size=”2”><i>Общие сведения о сервисах Internet, подключение к Internet домашнего компьютера,
полное руководство по работе с браузером Internet Explorer 5.0, работа с электронной почтой (MS Outlook). Подробное описание возможностей
редактора FrontPage 2000 по созданию web-страниц. Использование сложных элементов для оформления web-страниц. Создание форм в FrontPage.</i></font> <br><font size=”2”><i>Размещение данных,
подготовленных в приложениях MS Office (Word, Excel, Access), на web-страницах.</i></font></p>
</td>
</tr>
<tr><td><p align=”center”>
<a href=”#verh”>наверх</a></p></td>
<td></td></tr>
<tr><td width=”88%” colspan=”2”>Посетите сайт
Инжэкона
<a href=”http://www.engec.ru”>www.engec.ru</a> Напишите письмо на кафедру Вычислительных систем и программирования
<a href=”mailto:csp@engec.ru?subject=дисциплина "Создание web-страниц"”>csp@engec.ru</a> </td></tr>
</table>
</div>
</body>
</html>
СПИСОК РЕКОМЕНДУЕМой ЛИТЕРАТУРы
1. Анисимова И.Н. Основы разработки web-узлов и страниц. Учебное пособие. - СПб.: СПбГИЭУ, 2002. - 109 с.
2. Браун М., Хоникатт Д. Использование HTML 4: Специальное издание/Под ред. Петриковца Г.П. - М.-СПб.-Киев: Издат.дом «Вильямс», 1999. - 779 с.
3. Дунаев В.В. Основы WEB дизайна: самоучитель. - СПб.: БХВ-Петербург, 2006. - 504 с.
4. Использование приложений MS Office 2000 в Интер- и Интра-сетях. М/у для выполнения лаб. раб. по дисциплине «Учебная практика по информационным технологиям в экономике». Спец. 060800, 521500, 062200. / Рамин Е.Л., Анисимова И.Н. – СПб.: СПбГИЭУ, 2003. - 44 с.
5. Исси Коэн Л., Исси Коэн Дж. Полный справочник по HTML, CSS и JavaScript: справочник профессионала. - М.: ЭКОМ, 2007. - 1166 с.
6. Левин М.П., Алексеев Ю.М. 2 в 1: Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс - М.: Триумф, 2007. - 397 с.
7. Матросов А., Сергеев А., Чаунин М. HTML 4.0. - СПб.: БХВ-Петербург, 2000. - 672 с.
8. Ноблес Р., Греди К.-Л. Эффективный Web-сайт: разработка, дизайн, маркетинг. Учебное пособие. - Москва: Триумф, 2005. - 559 с.
9. Программные средства разработки web-страниц. FrontРage 2003. М/у по выполнению лаб. раб. для студентов всех специальностей. / Васильева И.Н. – СПб.: СПбГИЭУ, 2006. - 53 с.
10. Создание Web-страниц и Web-сайтов: cамоучитель./под ред. Печникова В.Н. - М.: Триумф, 2006. - 459 с.
11. Спека М.В. Создание Web-сайтов: самоучитель. - М. [и др.]: Диалектика, 2007. - 277 с.
12. Хольцшлаг М. 250 секретов HTML и Web-дизайна. - М.: NT Press, 2006. - 490 с.
13. Хольцшлаг М.Э. Языки HTML и CSS: для создания Web-сайтов: офиц. учеб. курс. Учебное пособие. - М.: Изд-во Триумф, 2006. - 303 с.
ОСНОВЫ ЯЗЫКА РАЗМЕТКИ HTML
Принципы построения HTML документа
Web-страницы являются гипертекстовыми и гипермедийными документами, которые могут содержать графику, аудио- и видео- информацию и ссылки на другие ресурсы сети Internet. Web-страницы создаются с помощью языка гипертекстовой разметки HTML (HyperText Markup Language). Просмотр Web-страниц осуществляется специальными программами – браузерами, содержащими интерпретатор языка HTML.
Под гипертекстом понимается совокупность информационных фрагментов, связанных между собой. При этом просмотр информационных фрагментов может осуществляться пользователем в произвольном порядке. В HTML все элементы связи между фрагментами текста находятся в теле самого документа и записываются в ASCII формате. Общие идеи построения и интерпретации HTML документов: