Способы создания и сопровождения сайтов

быть интерактивными и могут содержать мультимедийные и динамические объекты.
Интерактивность сайта

обеспечивают различные формы, с помощью которых посетитель может зарегистрироваться, заполнить анкеты и т.д.

Технология HTML состоит в том, что в обычный текстовый документ

вставляются спе-циальные управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Web-страницы представляет её на экране в том виде, который задается тэгами.

включают в создаваемый документ управляющие символы форматирования текста. Примером такого

редактора является Блокнот.

Сначала необходимо разработать проект сайта, то есть определить, сколько страниц

будет входить в него, какова будет их тематика и как они будут связаны между собой.

содержащую классификацию программного обеспечения.
Страницу «Словарь», содержащую словарь компьютерных терминов.
Страницу «Комплектующие»

с ценами на устройства компьютера.

которые заключаются в угловые скобки. Тэги могут быть одиночными или

парными. Для последних обязательно наличие откры-вающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрыва-ющий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.

не в состоянии определить формат документа и правильно его интерпретировать.

Web-страница разделяется на две логические части: заголовок и содержание.
Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.

заголовка браузера при просмотре страницы.
Назовем нашу Web-страницу «Компьютер»:


Компьютер

текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые

файлы и так далее. Поместим для начала на страницу текст «Все о компьютере»:

Всё о компьютере

файл сайта, то есть тот, который первый загружается в браузер,

под именем index.html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.

именем index.html в папке сайта. Загрузить этот файл в окно

браузера для просмотра.






Все о компьютере

шрифта для имеющихся в тексте заголовков задается тэгами от

(самый крупный) до <Н6> (самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом:
<Н1>Всё о компьютере
Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Так, заголовок по умолчанию выровнен по левому краю страницы, однако принято заголовок размещать по центру.

которому требуется присвоить определенное значение.
Выравнивание:
по правой границе окна реализуется с

помощью записи ALIGN="right";
по центру — ALIGN="center".

<Н1 ALIGN="center">Bcё о компьютере

тэга FONT и его атрибутов.
Гарнитуру шрифта позволяет задать FACE

(например, FACE="Arial").
Размер шрифта задает атрибут SIZE (например, SIZE=4).
Цвет шрифта - атрибут COLOR (например, COLOR="blue"). Значение атрибута COLOR можно задать названием цвета (например, "red", "green", "blue" и так далее).

FONT с атрибутом COLOR:

Bcё о компьютере

Заголовок

целесообразно отделить от остального содержания страницы горизонтальной линией с помощью одиночного тэга

---

.

просмотре в браузере абзацы отделяются друг от друга интервалами. Для

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

выравниванием:
Ha этом сайте вы можете получить различную

информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.

Teрминологический словарь познакомит вас с компьютерными терминами.
Таким образом, если вставить в текст определенную по­следовательность тэгов, то мы получим Web-страницу, содержащую отцентрированный заголовок синего цвета, выводимый крупным шрифтом и отделенный горизонтальной линией от остального текста.

и просмотреть результат в браузере:


Все

о компьютере

---

<Р ALIGN="left">Ha этом сайте…
<Р ALIGN="right"> Терминологический словарь...

более привлекательными. Так же на них могут размещаться графические файлы

трех форматов — GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из вышеуказанных форматов с помощью графического редактора.
На титульной странице создаваемого сайта уместно разместить изображение того объекта, которому посвящен сайт (в нашем случае — компьютера).

сайта.
Для вставки изображения используется тэг с атрибутом SRC, который

указывает на место хранения файла на локальном компьютере или в Интернете.
Если графический файл находится на локальном компьютере в том же каталоге, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла:

то значением атрибута должно быть полное имя файла. Например:

SRC="C:\computer\computer.gif"> Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла. Например:
Пользователи иногда отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялся смысл и функциональность страницы, вместо рисунка должен выводиться поясняющий текст. Поясняющий текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

, который мо­жет принимать пять различных значений:
ТОР (верх),
MIDDLE

(середина),
BOTTOM (вниз),
LEFT (слева).
RIGHT (справа).
Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:

текста тэг вставки изображения, результат просмотреть в браузере.

ALIGN=”right”>

путешествие по сайту. Для этого на титульную страницу должны быть

помещены гиперссылки на другие страницы сайта.
Для создания гиперсвязей между титульной страницей и другими страницами сайта необходимо, прежде всего, создать заготовки Web-страниц. Такие «пустые» страницы должны иметь заголовок, но могут пока не иметь содержания. Все создаваемые страницы необходимо сохранить в виде файлов в папке сайта.

страницы




Создать пустые

страницы «Программы», «Словарь», «Комплектующие» (заменяя этими названиями слова «Заголовок страницы») и сохранить их в файлах с именами software.htm, glossary.htm, hardware.htm в каталоге сайта.

под введенным текстом в новом абзаце в одну строку разделенными

несколькими пробелами. Такое размещение гиперссылок часто называют панелью навигации.
Панель навигации будет представлять собой абзац, выровненный по центру, в котором указатели гиперссылок разделены пробелами ( ):
<Р ALIGH= "center">
[Программы]   [Словарь]  
[Комплектующие]

контейнер гиперссылки с атрибутом HREF, значением которого является URL-адрес

документа на локальном компьютере или в Интернете. Контейнер должен содержать указатель гиперссылки:
<А НREF="URL">Указатель гиперссылки
Вставить в титульную страницу код, создающий панель навигации:
<Р ALIGN="center">
[<А HREF="software.htm"> Пpoгpaммы ]  
[<А HREF="glossary.htm"> Словарь ]  
[<А HREF="hardware.htm"> Комплектующие ]

будет приводить к переходу на другие страницы сайта.
Полезно на титульной

странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить URL-адрес электронной почты и вставить ее в контейнер

, который задает стиль абзаца, принятый для указания адреса.
Вставить в титульную страницу код, создающий ссылку на адрес электронной почты:

<А HREF="mailto:mailbox@provaider.ru">E-mail:
mailbox@provaider.ru

открываться почтовая программа Outlook Express (или другая используемая по умолчанию

почтовая программа), где в строке «Кому» будет указан заданный в ссылке адрес.

Просмотреть созданную страницу.

использовать списки в различных вариантах:
Нумерованные списки;
Маркированные (или ненумерованные) списки;
Возможно создание

и вложенных списков, причем вкладываемый список может отличаться от основному по типу.

компьютера в форме вложенного списка.
Сначала создадим главный нумерованный список основных

категорий программного обеспечения. Список располагается внутри контейнера

, а каждый элемент списка определяется тэгом

. С помощью атрибута TYPE тэга

можно задать тип нумерации: арабские цифры (по умолчанию), «I» - римские цифры, «а» - строчные буквы и др.

добавить следующий HTML-код, задающий список:

Системные программы
Прикладные программы
Системы программирования

Список располагается внутри контейнера , а каждый элемент списка определяется

также тэгом

. С помощью атрибута TYPE тэга

можно задать вид маркера списка: “dick” (диск), “square”(квадрат), “circle” (окружность).
Добавить HTML-код, задающий вложенный список для элемента
• Прикладные программы
  

словаря компьютерных терминов.

оформляется в виде термина, который определяется непарным тегом , и

определения, которое следует за тэгом

.
Открыть в Блокноте файл glossary.htm, ввести заголовок «Компьютерные термины» и добавить следующий HTML-код, задающий список определений:

в котором хранятся программы и данные