- •Лабораторная работа №8. Организация html-документов с помощью фреймов
- •Элемент frameset для создания web-страницы с фреймами. Шаблон элемента frameset
- •Создание горизонтальных областей с помощью атрибута rows в открывающем теге элемента frameset
- •Пример html-файла документа раскладки для создания web-страницы с фреймами в трех областях: двух вертикальных и верхней горизонтальной
- •Элемент noframes
- •Организация переходов по фреймам. Атрибут элемента гиперссылки target.
- •Задание к лабораторной работе
Лабораторная работа №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>