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

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

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

Физические шрифты: B, I, TT, U, CITE, CODE, DFN, EM, KBD, SAMP, STRIKE, STRONG, VAR.

Логические шрифты: Подключаются через стили, используя семейства шрифтов редакторов.

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

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

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

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

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

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

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

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

Таблица: <TABLE BORDER= CELLSPASING= CELLPADDING=WEIGTH= BGCOLOR= > .......</TABLE>,

Ячейки таблицы: - <TD ALIGN= VALIGN= NOWRAP WEIGTH=BGCOLOR= ROWSPAN= COLSPAN=> .... </TD>.

Строка таблицы: - <TR ALIGN= VALIGN= >

Заголовок столбца: - <TH ALIGN= VALIGN= NOWRAP WEIGTH=BGCOLOR= ROWSPAN= COLSPAN= > ...... </TH>

Название таблицы: - <CAPTION ALIGN= > Заголовок таблицы </CAPTION>

Фреймовая структура: <FRAMESET ROWS= COLS= > ... </FRAMESET>

<NOFRAMES> ....... </NOFRAMES>

Параметры фрейма: <FRAME SRC= NAME= MARGINHEIGHT= MARGINWIDTH=SCROLLING= >

Изменение других фреймов:

<A HREF="URL" TARGET="имя_цели"> Гипертекстовая ссылкиа </A>

Форма: <FORM ACTION="URL-CGI" METHOD="метод ( GET I POST )" ENCTYPE="MIME type" >...</FORM>

Диалоговые элементы формы:

- ввод строки:

<INPUT TYPE="text" NAME="name" VALUE="value" SIZE=n MAXLENGHT=k>

- ввод числа:

<INPUT TYPE="number" NAME="name" VALUE="val" MIN=N_min MAX=N_max ERROR >

- ввод изображения:

<INPUT TYPE="image" NAME="name" SRC="URL_image">

- выбор файла

<INPUT TYPE="file" NAME="name" SIZE=n MAXLENGHT=k>

- отметка параметров:

<INPUT TYPE="checkbox" NAME="name" VALUE="val" CHECKED>

<INPUT TYPE="radio" NAME="name" VALUE="val" CHECKED>

<INPUT TYPE="button" NAME="name" VALUE="val">

- ввод строк:

<TEXTAREA NAME="name" ROWS=N_rows COLS=N_cols WRAP>......первоначальный текст..........

</TEXTAREA>

- выбор из списка:

<SELECT NAME="name" SIZE=k NAME="name" MULTIPLE >

<OPTION VALUE="One" SELECTED> One

<OPTION VALUE="Two" DISABLED> Two

...

</SELECT>

- сброс формы:

<INPUT TYPE="reset">

- представление формы на сервер:

<INPUT TYPE="submit">

Задание

1. Исходные текстовые WWW-документы - результат выполнения лабораторной работы N 1a.

2. Задание по таблицам:

Включить в документы не менее 2-х таблиц с разным числом строк и столбцов в них. В таблицах должны быть:

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

- названия столбцов таблицы;

- ячейки таблицы разных размеров(в несколько строк или столбцов);

- простой текст с "заворачиванием" и без "заворачивания";

- гипертекстовые ссылки;

- списки;

- изображения активных образов.

3. Задание по фреймам:

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

- размеры фреймов должны задаваться в следующем виде:

-- относительный размер фрейма в процентах;

-- относительный размер фреймов с учетом веса;

-- абсолютный размер в пикселях.

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

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

-- изменение сожержимого окна фрейма, включающего саму гипертекстовую ссылку;

-- изменение сожержимого другого фрейма;

-- изменение сожержимого родительского фрейма;

-- изменение сожержимого всего окна броузера.

4. Задание по формам:

- по согласованию с преподавателем выбрать информацию, представляемую в HTML-форме и способ ее обработки на сервере.

- разработать HTML-форму в дополнение к ранее созданным WWW-документам, включающую:

-- несколько полей для ввода текста;

-- поле для ввода числа;

-- несколько групп селекторных кнопок;

-- несколько групп кнопок типа "radio";

-- поле многострочного текстового ввода;

-- выбор из списка и раскрывающего меню;

-- выбор файла;

-- файлы графических образов;

-- кнопки сброса и передачи.

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