HTML. Создание и применение фреймов

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

Цель: изучить порядок создания и использования фреймов при разработке Web-страниц.

Фреймы – это окна независимого просмотра HTML-документов. Иногда бывает очень удобно использовать навигацию по странице в виде меню, оформленного в отдельном фрейме, и основного окна, где будет представлена вся основная информация, определяемая действиями пользователя в области меню.

Для создания фрейма используется тег FRAMESET, который заменяет тег BODY в документе и используется для разделения экрана на области. Внутри данного тега находятся теги FRAME, которые указывают на HTML-документ, предназначенный для загрузки в область.

Пример. Создание простого фрейма

<HTML>

</FRAMESET>

</HTML>

В приведенном примере присутствует объявление двух фреймов, которые будут располагаться вертикальными полосами и занимать соответственно 30 и 70 процентов рабочей области.

Вертикальное расположение устанавливается параметром cols= “…”, а для горизонтальных полос используют параметр rows= “…”.

Параметр border= “…”определяет границу между фреймами.

Определение документа, изначально загружаемого при открытии этого файла (этот документ является HTML-страницей.), задается атрибутом тега <FRAME>src=“…”,при этом необходимо указать параметр name="...", позволяющий задать "имя" созданной области в виде последовательности латинских букв и цифр, использованной как значение этого атрибута.

Это имя можно использовать, чтобы загружать новые документы в ранее созданную область. Для этого в тег <А>, определяющий гиперссылку, необходимо добавить атрибут target="...", значение которого совпадает с ранее определенным именем области. При переходе по данной гиперссылке новый документ загрузится в указанный фрейм.

Например, предположим, что начальная страница Web-узла состоит из двух фреймов: слева располагается навигационная панель, а справа – текущая страница. Если правой области присвоено имя, используемое во всех ссылках, имеющихся в левой области, то щелчок на любой ссылке навигационной панели приведет к обновлению информации в соседней области, оставляя навигационную панель без изменений.

В данном документе находятся только ссылки на другие (существующие) HTML документы, которые будут загружены броузером при открытии страницы с фреймами. Файл menu.htmlимеет следующую структуру:

<HTML>

<HEAD>

</HEAD>

<BODY>

<Н1>Первый фрейм</H1>

</BODY>

</HTML>

Файл main.html также имеет указанную выше структуру. Следует сказать, что оба этих файла должны располагаться в том же каталоге, где расположен файл с фреймами.

Задание:

1 Сформировать html-страницу с фреймами согласно варианта, как показано ниже. HTML-код формировать с помощью текстового редактора «Блокнот» или аналогичного.