Организация представительской Web-страницы

Используемые тэги языка HTML

Общая структура документа: HTML, HEAD, BODY.

Заголовки и разделители: TITLE, Hn, P, HR, BR, PRE.

Физические шрифты: B, I, TT, U и др.

Логические шрифты: Подключаемые семейства шрифтов Ms через каскадные таблицы стилей.

Списки: UL, OL, LI, DL, DT, DD.

Метки: <A NAME="label">.

Ссылки: <A HREF="URL"> Reference </A>.

Внешние : <A HREF="URL">

Встроенные образы: <IMG SRC="URL">

Образы-ссылки: <A HREF="URL"><IMG SRC="URL-IMG"></A>

Активные карты изображений: <A HREF="URL-CGI-MAP">

<IMG SRC="URL-IMG" ISMAP></A>

Задание

1. По согласованию с преподавателем выбрать тематику для представления на WWW-сервере. Подготовленные HTML-документы должны содержать целостную информацию и представлять собой законченный информационный проект.

2. Подготовить не менее 3-х взаимосвязанных WWW-документов, представляющих выбранный объект, и файлы графических образов:

-- иконки ( 5 шт. формата bmp или gif );

-- средних размеров ( 2 шт. формата gif );

-- больших размеров ( 1 шт. формата jpg или gif);

3. Задание по текстовой части:

В документах в обязательном порядке должны быть использованы следующие элементы языка HTML:

- различные типы заголовков с разным типом выравнивания;

- выделение участков текста несколькими шрифтами (логическими и физическими, не не менее трех каждого вида),

- параграфы, разделители;

- ссылки:

-- внутри документа;

-- на другие документы текущего каталога;

-- на другие документы другого каталога;

-- на документы, находящиеся на удаленных терминалах;

- списки:

-- упорядоченные списки;

-- неупорядоченные списки;

-- списки словари (глоссарии);

Списки должны включать в себя подсписки с различной степени вложенности и разных видов с различными типами обозначения элементов списков. Некоторые элементы списка должны быть гиперссылками;

4. Задание по графической части:

- включить в документы встроенные графические образы ('gif') с альтернативным текстом.

- включить в документы иконки для пометок элементов списков и задания ссылок с изменением размеров выводимых изображений.

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

5. Разработку и первоначальное тестирование документов выполнить в среде Windows с помощью браузера Internet Explorer или других редакторов HTML.

Лабораторная работа N 1b.