Лабораторная работа №5
Ознакомление с основами языка HTML. Фреймы
Фреймы предоставляют возможность создавать многооконный интерфейс. В этом случае окно навигатора разделяется на несколько окон (фреймов), в каждом из которых отображается содержимое различных документов HTML. Таким образом, можно работать одновременно с несколькими документами.
Структура документа с фреймами
Прежде всего необходимо подготовить документ HTML, в котором содержится описание размеров, расположения и других параметров фреймов. Этот документ должен иметь следующий вид:
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<!-- Определение фреймов -->
<FRAMESET ROWS="90,*" FRAMEBORDER=1 BORDER=1>
<FRAME SRC="frame1.htm">
<FRAME SRC="frame2.htm">
<!-- Вариант для навигатора, не способного работать с фреймами -->
<NOFRAME>
<BODY BGCOLOR="#FFFFFF">
. . .
</BODY>
</NOFRAME>
</FRAMESET>
</HTML>
В начале документа HTML, который предназначен для описания фреймов, нет привычного оператора <BODY>. Вместо этого там расположен оператор определения набора фреймов <FRAMESET>, который используется в паре с оператором </FRAMESET>. Параметры оператора <FRAMESET> описывают набор фреймов в целом, задавая размеры, внешний вид рамки и так далее.
Между операторами <FRAMESET> и </FRAMESET> находятся операторы <FRAME>, которые определяют параметры отдельных фреймов. В частности, операторы <FRAME> задают адреса URL документов HTML, которые загружаются в фреймы сразу после их создания.
Помимо операторов <FRAME>, внутри пары операторов <FRAMESET> и </FRAMESET> необходимо разместить операторы <NOFRAME> и </NOFRAME>. Между этими операторами вы должны расположить документ HTML, который будет отображаться навигаторами, не способными работать с фреймами. В простейшем случае этот документ должен содержать сообщение о том, что данную страницу лучше всего просматривать более современными навигаторами.
Заметим, что можно создавать вложенные фреймы, определяя наборы фреймов внутри пары операторов <FRAMESET> и </FRAMESET>:
<FRAMESET ROWS="90,*" FRAMEBORDER=0 BORDER=1>
<FRAME SCROLLING="no" NAME="title" NORESIZE SRC="title.htm">
<FRAMESET COLS="25%,75%" FRAMEBORDER=0 BORDER=1>
<FRAME SCROLLING="auto" NAME="toc" SRC="toc.htm">
<FRAME SCROLLING="auto" NAME="main page" SRC="main.htm">
</FRAMESET>
<NOFRAME>
<BODY BGCOLOR="#FFFFFF">
. . .
</BODY>
</NOFRAME>
</FRAMESET>
Вы можете заменить фрейм на набор фреймов, заменив соответствующий оператор <FRAME> на определение набора, сделанное оператором <FRAMESET>.
Определение параметров фреймов
Прежде всего, рассмотрим параметры оператора <FRAMESET>, предназначенного для определения набора фреймов.
Параметр |
Описание |
COLS |
Ширина колонки в процентах, пикселях или относительный размер |
ROWS |
Высота строки в процентах, пикселях или относительный размер |
FRAMEBORDER |
Если значение этого параметра равно 1, фреймы будут иметь трехмерную рамку, ширина которой задается в пикселях. В том случае, когда указано значение 0, рамка не создается |
|
|
FRAMESPACING |
С помощью этого параметра можно задать дополнительное расстояние между фреймами в пикселях |
Параметры COLS и ROWS нужны в том случае, когда фреймы, определенные в наборе, располагаются в виде таблицы. Первый из этих параметров указывает ширину колонки, а второй - высоту строки. Если фреймы располагаются в одном столбце, параметр COLS указывать не надо. Аналогично, если фреймы занимают только одну строку, не нужно указывать параметр ROWS.
Вы можете задать значения для параметров COLS и ROWS либо в процентном отношении, соответственно, к ширине и высоте окна навигатора, либо в пикселях. Если вместо значения указан символ *, колонка или строка занимают всю оставшуюся часть окна.
Например, ниже указано, что высота первого фрейма равна 90 пикселям, а второй фрейм занимает всю нижнюю часть окна навигатора:
<FRAMESET ROWS="90,*">
В следующем примере два фрейма, расположенные рядом, занимают, соответственно, 20% и 80% ширины окна навигатора.
<FRAMESET COLS="20%,80%">
Другой оператор, который используется для определения параметров фреймов - это оператор <FRAME>. Он имеет следующие параметры:
Параметр |
Описание |
ALIGN |
Используется только для “плавающих фреймов” в навигаторе Microsoft Internet Explorer. Задает выравнивание фрейма или текста, расположенного рядом с фреймом. Этот параметр может принимать следующие значения: LEFT, CENTER, RIGHT,TOP, BOTTOM |
MARGINHEIGHT |
Размер отступа по вертикали от границ фрейма в пикселях |
MARGINWIDTH |
Размер отступа по горизонтали от границ фрейма в пикселях |
FRAMEBORDER |
Если значение этого параметра равно 1, фреймы будут иметь трехмерную рамку, ширина которой задается в пикселях. В том случае, когда указано значение 0, рамка не создается |
NAME |
Этот параметр задает имя фрейма, которое используется в операторе ссылки <A> для указания, в какой фрейм нужно загрузить новый документ |
NORESIZE |
Если указан этот параметр, пользователь не сможет изменять размеры фрейма, передвигая его границы мышью |
SCROLLING |
Параметр SCROLLING определяет, нужно ли создавать полосы просмотра для свертки содержимого фрейма. Для этого параметра можно указывать следующие значения: YES полосы просмотра создаются всегда; NO полосы просмотра не создаются; AUTO полосы просмотра создаются только при необходимости, когда документ HTML не помещается полностью в окне фрейма |
SRC |
Адрес URL файла с документом HTML, который загружается в окно фрейма |