Употребляется параметр BGCOLOR тэга BODY. В

Качестве значения параметра BGCOLOR указывается название цвета или его шестнадцатеричный код.

Англоязычные названия цветов были введены фирмой Netscape и впервые реализованы в Netscape Navigator 3.0, сейчас поддерживается 140 таких

названий. Ранние версии браузеров распознавали всего 16 стандартных цветов.<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Так, например для задания красного цвета фона следует записать: </div><div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<font face=”Arial”>&lt;BODY BGCOLOR=&quot;red&quot;&gt;</font></div>

<div align=”justify”>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;При задании цвета по названию необходимо точно придерживаться его написания, в противном случае в качестве фонового будет использован цвет,

устанавливаемый по умолчанию (белый). <br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Цвета могут быть заданы и цифрами в шестнадцатеричном коде. Цветовая система базируется на трех основных

цветах - красном (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”>&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;Фоновое изображение включается в

документ при помощи параметра BACKGROUND тэга BODY. Значением параметра BACKGROUND является URL-адрес изображения, которое используется в качестве фонового.<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Фоновым

Изображением должен быть графический файл формата GIF или JPEG. Фоновое изображение всегда заполняет все окно просмотра web-страницы. Если размер

Изображения меньше размера окна, то оно

Многократно дублируется по принципу мозаики.

Обычно в качестве фонового используется небольшое изображение, для загрузки по сети которого

требуется немного времени.<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Если

Изображение представляет собой целый экран, можно отключить прокрутку фонового изображения так,

чтобы при просмотре текст страницы &quot;скользил&quot; по нему. Этого можно достичь, если задать значение FIXED параметра BGPROPERTIES тэга BODY.<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Пример: </div>

<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<font face=”Arial”>&lt;BODY BACKGROUND=&quot;images/clouds.jpg&quot; BGPROPERTIES=&quot;fixed&quot;&gt;</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> &nbsp;&nbsp;&nbsp;&nbsp;Напишите письмо на кафедру Вычислительных систем и программирования

<a href=”mailto:[email protected]?subject=дисциплина &quot;Создание web-страниц&quot;”>[email protected]</a> </td></tr>

</table>

</div>

</body>

</html>

СПИСОК РЕКОМЕНДУЕМой ЛИТЕРАТУРы

1. Дунаев В.В. Основы WEB дизайна: самоучитель. – СПб.: БХВ-Петербург, 2006. – 504 с.

2. Исси Коэн Л., Исси Коэн Дж. Полный справочник по HTML, CSS и JavaScript: справочник профессионала. – М.: ЭКОМ, 2007. - 1166 с.

3. Левин М.П., Алексеев Ю.М. 2 в 1: Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс – М.: Триумф, 2007. – 397 с.

4. Ноблес Р., Греди К.-Л. Эффективный Web-сайт: разработка, дизайн, маркетинг. Учебное пособие. – Москва: Триумф, 2005. – 559 с.

5. Программные средства разработки web-страниц. FrontРage 2003. М/у по выполнению лаб. раб. для студентов всех специальностей. / Васильева И.Н. – СПб: СПбГИЭУ, 2006. – 53 с.

6. Создание Web-страниц и Web-сайтов: cамоучитель./под ред. Печникова В.Н. – М.: Триумф, 2006. – 459 с.

7. Спека М.В. Создание Web-сайтов: самоучитель. – М. [и др.] : Диалектика, 2007. – 277 с.

8. Хольцшлаг М. 250 секретов HTML и Web-дизайна. – М.: NT Press, 2006. – 490 с.

9. Хольцшлаг М.Э. Языки HTML и CSS: для создания Web-сайтов: офиц. учеб. курс. Учебное пособие. – М.: Изд-во Триумф, 2006. – 303 с.

10. Анисимова И.Н. Основы разработки web-узлов и страниц. Учебное пособие. – СПб.: СПбГИЭУ, 2002. – 109 с.

11. Браун М., Хоникатт Д. Использование HTML 4: Специальное издание/Под ред.Петриковца Г.П. – М.-СПб-Киев: Издат.дом «Вильямс», 1999. – 779 с.

12. Использование приложений MS Office 2000 в Интер- и Интра-сетях. М/у для выполнения лаб. раб. по дисциплине «Учебная практика по информационным технологи­ям в экономике». Спец. 060800, 521500, 062200. / Рамин Е.Л., Анисимова И.Н. – СПб: СПбГИЭУ, 2003. – 44 с.

13. Матросов А., Сергеев А., Чаунин М. HTML 4.0. – СПб.: БХВ-Петербург, 2000. – 672 с.

Приложение 1

ОСНОВЫ ЯЗЫКА РАЗМЕТКИ HTML

Принципы построения HTML документа

Web-страницы являются гипертекстовыми и гипермедийными документами, которые могут содержать графику, аудио- и видео- информацию и ссылки на другие ресурсы сети Internet. Web-страницы создаются с помощью языка гипертекстовой разметки HTML (HyperText Markup Language). Просмотр Web-страниц осуществляется специальными программами – браузерами, содержащими интерпретатор языка HTML.

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

· HTML документ выглядит как совокупность текстовых фрагментов, каждый из которых окружен тэгами (tags).

Каждый тэг разметки HTML имеет свой идентификатор и, возможно, несколько параметров (атрибутов). Название тэга вместе с его параметрами заключаются в скобки <>. В общем виде тэг выглядит следующим образом:

<тэг параметр1=значение1 параметр2=значение2 ...>Текст1</тэг>

Действие тэга распространяется на фрагмент текста «Текст1». Значения параметров рекомендуется заключать в двойные кавычки.

Первый тэг называется открывающим, а парный ему - закрывающим. Закрывающий тэг имеет тот же идентификатор, но начинается с символа /. Тэги, не предусматривающие наличие вложенного текста, называются пустыми или непарными, они не имеют закрывающей части. Непарные тэги имеют вид:

<тэг параметр1=значение1 параметр2=значение2 ...>

Пример:

<P ALIGN=”left”>Текст2</P> – Выделить «Текст2» в отдельный абзац с выравниванием по левому краю.

<HR> – Вставить горизонтальную линию.

· Внутри одного тэга может находиться произвольное количество тэгов.

· Интерпретация текста HTML документа производится сверху вниз. В том случае, если браузер не опознает тэг или его отдельные атрибуты, они игнорируются. Сообщения об ошибке выводится только для тэга сценария.

· Все символы управления текстом в HTML документе (несколько пробелов подряд, табуляция, перевод строки и т.п.) заменяются одиночным символом пробела.

· Строчные и прописные символы в именах (идентификаторах) тэгов и их атрибутов, как правило, не различаются.

Любой HTML документ начинается с открывающего тэга <HTML> и заканчивается парным закрывающим тэгом </HTML>. Любой HTML документ разделен на две части: головную (head) и основную (body). Головная часть содержит информацию о документе в целом, а основная – собственно текст документа. Для того чтобы отделить эти части друг от друга используются одноименные тэги разметки.

В головной части HTML документа обязательно должен располагаться тэг TITLE, содержащий название страницы. Название – это текст, который высвечивается в строке заголовка браузера при загрузке web-страницы.

Пример простейшего HTML документа:

<HTML>

<HEAD>

<META HTTP-EQUIV=”Content-Type”

CONTENT=”text/html; CHARSET=windows-1251”>

<TITLE>Простая страница</TITLE>

</HEAD>

<BODY>

<P>Текст, выводимый на экран.</P>

</BODY>

</HTML>

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

Таблица 1.

Основные тэги

Тэг Значение тэга
HTML Тэг, ограничивающий весь HTML документ в целом.
HEAD Головная часть, содержащая информацию об HTML документе в целом.
TITLE Титульная строка - обязательный элемент головной части HTML документа. Используется как заголовок окна, в котором отображается документ.
BODY Основная часть HTML документа, содержащая текст, связи с другими документами, ссылки и др.
  Параметры тэга BODY BACKGROUND – адрес фонового изображения; BGCOLOR – цвет фона документа, задается англоязычными названиями цветов (напр. GREEN) или шестнадцатеричными значениями RGB (напр. #008000); TEXT – цвет текста страницы; ALINK, LINK, VLINK – цвет активных, еще не просмотренных и уже просмотренных ссылок; TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN – поля документа в пикселях (точках).

Тэги физического форматирования текста

Форматирование текста документа производится в разделе BODY с помощью тэгов двух типов – тэгов уровня блока и последовательных тэгов или тэгов уровня текста. Тэги уровня блока могут содержать последовательные тэги и другие тэги уровня блока, в то время как последовательные тэги могут содержать только другие последовательные тэги. Парный тэг, содержащий другие тэги, называется тэгом-контейнером, а заключенные в него тэги – вложенными.

К тэгам уровня блока относятся тэги параграфа P и DIV, тэг горизонтального центрированного текста CENTER, тэг блока с отступом BLOCKQUOTEи др. Кроме того, для разделения документа на части используются непарные тэги: перевода строки BR и горизонтальной линии HR.

Для тэгов P иDIV определен параметр ALIGN, задающий горизонтальное выравнивание текста. Он может принимать значения LEFT (по левой границе), CENTER (по центру), RIGHT (по правой границе) и JUSTIFY (по ширине). По умолчанию используется выравнивание по левой границе. Параметр ALIGN определен также для тэга HR со значениями LEFT, CENTER и RIGHT.

Для форматирования символов текста используются последовательные тэги I (курсив),B (жирный), U (подчеркивание), S (зачеркнутый текст), SUB (нижний индекс), SUP (верхний индекс) и тэги управления шрифтами FONT (текущий шрифт), BASEFONT (шрифт по умолчанию) и др.

Тэги FONT и BASEFONT задают размер шрифта в условных единицах от 1 до 7 с помощью параметра SIZE, имя шрифта (параметрFACE) и его цвет (параметр COLOR).

Организация связей

Для связи информационных фрагментов между собой в гипертекстовом документе используются однонаправленные ссылки, называемые гиперссылками. Могут присутствовать гиперсвязи различных типов. Для WWW актуальны следующие типы ссылок: на метку внутри текущей web-страницы; на другой документ web; на метку в теле другой web-страницы; на web-узел.

Меткаотмечает конкретное место на страницы, в которое будет осуществлен переход, это именованная строка в HTML документе. Ссылка на другую web-страницу всегда осуществляет переход на ее начало. Для организации перехода в другое место страницы следует указать саму страницу и установленную внутри нее метку. Ссылка последнего типа – это обычно ссылка на корневой каталог Web-узла, откуда есть доступ ко всем принадлежащим узлу страницам; имя конкретной страницы не указывается и переход осуществляется на стартовую страницу узла.

Любой ресурс WWW может быть указан с помощью универсального идентификатора – URL (Uniform Resource Locator). URL определяет:

- протокол доступа к документу,

- имя и адрес сервера в Internet, содержащего этот Web-документ,

- местоположение документа в общей структуре Web-сервера.

В общем виде URL выглядит следующим образом:

Наши рекомендации