4.2. Подготовка к работе

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

4.3. Порядок выполнения работы

1. Дополнить HTML-страницу, созданную в лабораторной работе 3, вводом таблицы.

2. Создать на странице 2 таблицы, в которых будет не менее 6 строк и 5 столбцов и будут ячейки, охватывающие несколько строк и столбцов.

3. Ввести и отформатировать заголовок таблицы.

4. Изменить ширину таблиц так, чтобы они занимали 50 и 100% ширины страницы соответственно.

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

6. Выполнить форматирование информации, содержащейся в строке таблицы, влево, а в столбце таблицы - по центру ячейки.

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

8. Оформить с помощью таблиц один из разделов страницы в виде двух столбцов текста.

9. Продемонстрировать результат работы преподавателю, загрузив созданный HTML-файл в окно просмотра программы Netscape Navigator.

4.4. Содержание отчета

Отчет по лабораторной работе должен включать полный протокол выполнения работы с пояснениями.

Лабораторная работа 5

Фреймы в html-документе

Цель работы: ознакомление с основами языка HTML, получение практических навыков по созданию фреймов в HTML-документе.

5.1. Общие сведения

Фреймы предназначены для задания некоторой области страницы. Для создания набора фреймов используются теги <FRAMESET> и </FRAMESET>, для описания конкретного фрейма - тег <FRAME>.

Тег <FRAME> имеет атрибуты:

FRAMEBORDER - определяет наличие рамки и принимает различные значения для разных окон просмотра:

- для Netscape frameborder=yes/no;

- для Internet Explorer frameborder=1/0;

BORDER - используется для задания ширины рамки (по умолчанию 5 пикселов);

BORDERCOLOR - задает цвет рамки для всех фреймов в наборе. Например:

- <FRAME SRC="a.gif" BORDER=10> - граница толщиной 10 пикселов;

- <FRAME SRC="a.gif" BORDERCOLOR="#100F20"> - цвет границы;

- <FRAME SRC="a.gif" FRAMEBORDER=NO> - без границы;

SRC - задает адрес картинки для ввода внутри фрейма;

COLS - задает количество столбцов, на которые делится страница;

ROWS - задает количество строк, которые содержит страница;

MARGINHEIGHT (MARGINWIDTH) - задает размер отступа сверху/снизу (справа/слева) от границ кадра:

- <FRAME SRC="a.gif" MARGINWIDTH=1 MARGINHEIGTH=2> - задаются размеры отступов вокруг картинки;

SCROLLING - задает линейку скроллинга (scrolling). Принимает несколько значений:

- SCROLLING=YES - линейка выводится всегда;

- SCROLLING=NO - линейка не выводится;

- SCROLLING=AUTO - линейка вставляется автоматически при необходимости;

NORESIZE - используется для запрета изменения размеров фрейма при посмотре.

Если окно просмотра не поддерживает фреймы, необходимо предусмотреть вывод вспомогательной информации с использованием тегов <NOFRAMES> и </NOFRAMES>.

Пример создания трех фреймов:

<FRAMESET COLS="25%,25%, 50%">

<FRAME SRC="a.htm" BORDER=10>

<FRAME SRC="b.htm" BORDERCOLOR="#100F20">

<FRAMESET ROWS="50%, 50%">

<FRAME SRC="c.gif" MARGINWIDTH=1 MARGINHEIGTH=2>

<FRAME SRC="d.htm" FRAMEBORDER=NO SCROLLING=YES>

</FRAMESET>