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

Требования к лабораторным работам

При показе выполнения лабораторной работы осуществить вывод на экран следующей информации:

- стандартной шапки отчета;

- условия лабораторной работы;

- скриншоты результатов ввода информации и выполнения. Кроме того, результаты выполнения работы должны заноситься в файл результатов.

Лабораторная работа № 1а

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

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

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

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

Логические шрифты: CITE, CODE, DFN, EM, KBD, SAMP, STRIKE, STRONG, VAR.

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

Списки: 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.