ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ:

1 задание. Выполните подготовительную работу: создав 3 страницы, для каждой из которых задайте свой цвет фона, заголовок 1 уровня «Страница №…» и произвольный рисунок, сохраните страницы под именами str1.html, str2.html, str3.html.

2 задание. Создайте страницу, состоящую из 3 равных вертикальных областей. В каждой из которых отобразите соответственно содержимое 1, 2 и 3 страниц. Задайте ширину и цвет границ фреймов по желанию. Сохраните ее под именем vert.html.

3 задание. Измените страницу, заменив вертикальное деление на горизонтальное. Уберите ширину и цвет границ фреймов. В первом фрейме установите запрет на изменение его размера. Сохраните HTML-документ под именем gor.html.

4 задание. Создайте HTML-документ под именем glav.html, состоящий из 2 вертикальных областей (размеры которых относятся, как 1:3).

В левой области должен отображаться HTML-документ c заголовком Оглавление и гиперссылки на 1, 2 и 3 страницы (str1.html, str2.html, str3.html). Гиперссылки, организуйте, таким образом, чтобы страницы 1, 2 и 3 отображались в правой области.

5 задание. Создайте HTML-документ под именем str4.html: задайте заголовок 1 уровня «Страница №…» и определение «Фрейм (frame) — рамка, область страницы — позволяет разделять экран на несколько областей, в каждой из которых отображается содержимое отдельной страницы или Web-узла.».

6 задание. Создайте HTML-документ под именем plav.html: задайте свой цвет фона, отцентрированный заголовок 1 уровня «Пример плавающего фрейма» и отцентрированный “плавающий” фрейм (шириной – 30%, высотой – 200 пиксель), отображающий содержимое страницы 4 (str4.html).

7 задание. Создайте HTML-документ под именем ram.html, состоящий из 3 равных вертикальных областей, третью область разделите на две равные горизонтальные области. В каждой из которых отобразите соответственно содержимое 1, 2 , 3 и 4 страниц.

8 задание. Продемонстрируйте преподавателю результаты работы: vert.html, gor.html, oglav.html, glav.html, plav.html, ram.html.

КОНТРОЛЬНЫЕ ВОПРОСЫ:

1. Что такое HTML-документ?
2. Что такое фрейм?
3. Чем отличается структура HTML-кода фрейма от структуры HTML-документа?
4. Какое расширение имеет HTML-документ?
5. Что такое тэг? Каких видов бывают тэги? Назначение атрибутов? Формат записи тэгов?
6. Как посмотреть HTML-документ? Как просмотреть HTML-код документа, фрейма в окне обозревателя?
7. Знать назначение тэгов и их атрибутов, которые были использованы в данной лабораторной работе.