Лабораторная работа №8. Организация html-документов с помощью фреймов

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

При создании страницы с фреймами разрабатывается несколько HTML-файлов, которые отличаются по своему назначению. Документ (файл) раскладки определяет структуру окна, то есть количество и вид областей, на которые разделено окно. Необходимое количество областей и их вид (горизонтальные или вертикальные или комбинация) определяется разработчиком WEB-страницы. Документы (файлы) содержания предназначены для заполнения информацией каждой из областей.

Элемент frameset для создания web-страницы с фреймами. Шаблон элемента frameset

Для создания WEB-страницы с фреймами в языке HTML существует элемент FRAMESET. Состоит из одноименных парных тегов <FRAMESET> </FRAMESET>. Внутри открывающего тега с помощью атрибута rows задается горизонтальное деление экрана, с помощью атрибута cols задается вертикальное деление экрана. Документы содержания включаются в структуру фрейма с помощью элементов FRAME, которые находятся между открывающим и закрывающим тегами элемента FRAMESET и состоят из одного тега. Для каждой области экрана должен быть создан свой элемент <FRAME>. Таким образом, элемент FRAMESET имеет шаблон:

<FRAMESET> <FRAME> </FRAMESET>.

Создание горизонтальных областей с помощью атрибута rows в открывающем теге элемента frameset

Горизонтальное деление экрана задается при помощи атрибута rows. Значение атрибута может быть выражено в пикселах или в процентах. Также используется символ * для обозначения оставшейся части экрана. Примеры.

<FRAMESET rows="20%, 80%">

Для верхней горизонтальной области отводится 20 процентов, для нижней - 80 процентов.

<FRAMESET rows="100, 40%, *">

Для верхней горизонтальной области отводится 100 пикселов , для средней 40 процентов, для нижней - что останется.

Создание вертикальных областей с помощью атрибута cols в открывающем теге элемента FRAMESET

Вертикальное деление экрана задается при помощи атрибута cols. Значение атрибута может быть выражено в пикселах или в процентах. Также используется символ * для обозначения оставшейся части экрана. Примеры.

<FRAMESET cols="25%, 75%">

Левая вертикальная область в три раза уже правой.

<FRAMESET cols="50%, *">

Левая вертикальная область занимает 50 процентов, правая вертикальная область - также 50 процентов.

Атрибуты элемента FRAMESET: frameborder, framespacing. Размерность атрибутов

В открывающем теге элемента FRAMESET можно также использовать следующие атрибуты:

• frameborder Если значение атрибута задается равным 1, вокруг фрейма есть рамка. Если значение атрибута равно 0, рамки нет.

• framespacing Значение атрибута определяет толщину рамки. Задается в пикселах.

Второй этап создания страницы с фреймами: подготовка HTML-файлов для каждой области деления экрана с помощью элемента FRAME

В документе раскладки элемент FRAMESET используется вместо элемента BODY. Второй этап создания страницы с фреймами - распределение документов (HTML-файлов) содержания по областям деления экрана и включение этих документов (файлов) в структуру фреймов с помощью элемента FRAME. Каждая область экрана описывается своим элементом FRAME. Структура и свойства такой области определяется значениями атрибутов элемента FRAME.

Атрибуты элемента FRAME

• name Имя фрейма.

• src Ссылка на документ содержания, помещаемый в данную область.

• noresize Запрет на перемещение границ фрейма при помощи мыши.

• scrolling

Управление прокруткой внутри одной области.

Значения:

• YES Полосы прокрутки создаются в обязательном порядке.

• NO Прокрутка запрещена.

• AUTO Браузер создает полосы прокрутки, когда документ не умещается целиком в отведенной области. Этот режим создается также, когда атрибут scrolling отсутствует.

• marginheight Величина отступа страницы от верхнего и нижнего краев фрейма в пикселах.

• marginwidth Величина полей страницы на левом и правом краях в пикселах.

Пример описания экранной области с помощью элемента FRAME :

<FRAME name="Имя фрейма" src="Имя файла.html" noresize scrolling="yes" marginheight=20 marginwidth=10 >

Примеры листингов HTML-файлов документов раскладки для создания WEB-страниц с фреймами. Две области. Три области

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

<HTML>

<HEAD>

<TITLE>WEB-страница с двумя вертикальными фреймами.</TITLE>

</HEAD>

<FRAMESET cols="25%, 75%">

<FRAME name="left" src="frame1.html" noresize>

<FRAME name="right" src="frame2.html"

scrolling="yes" marginheight=10 marginwidth=5>

</FRAMESET>

</HTML>