Этот документ содержит фреймы

ЛАБОРАТОРНАЯ РАБОТА № 8. Размещение элементов на веб-странице и навигация по сайту. Использование структуры фреймов.

Фреймы

Фрейм (от англ, "frame" — рамка, каркас, кадр) представляет собой отдельное рабочее окно браузера, разделенное еще на несколько различных по параметрам и размеру фреймам. Совокупность таких окон принято называть фреймовой структурой.

Фреймовая структура позволяет разбивать основную область на любое число составляющих подфреймов (подобластей), причем по необходимости определяя внутреннее поведение подфреймов.

Каждый фрейм — это отдельный HTML-документ, загружающийся браузером в предназначенном для него окне.

Правила описания фреймов

Для описания фреймовых структур в HTML предусмотрен ряд специальных тегов и параметров, которые сейчас и рассмотрим.

Синтаксис используемых видов описания величин подокон:

value

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

value%

Значение величины подокна в процентах от 1 до 100. Если общая сумма процентов описываемых подокон превышает 100, то размеры всех фреймов пропорционально уменьшаются до суммы 100%. Если, соответственно, сумма меньше 100, то размеры пропорционально увеличиваются.

value*

Вообще говоря, значение value в данном описании является необязательным. Символ "*" указывает на то, что все оставшееся место будет принадлежать данному фрейму. Если указывается два или более фрейма с описанием "*" (например "*,*"), то оставшееся пространство делится поровну между этими фреймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрейма (во сколько раз он будет больше аналогично описанного чистой звездочкой). Например, описание "3*,*,*", говорит, что будет создано три фрейма с размерами 3/5 свободного пространства для первого фрейма и по 1/5 для двух других.

Тег <FRAMESET>

Тег <FRAMESET> определяет количество и структуру фреймов, составляющих страницу, имеет следующие атрибуты:

● COLS=" columnWidthList " — задает количество горизонтальных фреймов и их размер.

► “columnWidthList” — позволяет задать размер в процентах от размера окна браузера или зафиксировать размеры в пикселях. Так как размер окна браузера величина непостоянная (зависит от расширения экрана пользователя), то хотя бы один фрейм должен быть нефиксированного размера.

● ROWS=" rowHeightList " — задает количество вертикальных фреймов и их размер.

► “rowHeightList” — аналогичен «columnWidthList»

● FRAMEBORDER=" YES | NO " — задает наличие или отсутствие границы между фреймами.

► YES — граница между фреймами присутствует.

► NO — граница между фреймами отсутствует.

● BORDER=" pixWidth " — определяет ширину границы между фреймами.

● BORDERCOLOR=" color " — задает цвет границы между фреймами именованными цветами или в Hex RGB. Например, BORDERCOLOR=" black " или BORDERCOLOR=" #000000 ", граница будет иметь черный цвет.

● ONBLUR=" JScode " — запускает JavaScript код, когда окно с фреймами теряет фокус.

● ONFOCUS=" JScode " — запускает JavaScript код, когда окно с фреймами получает фокус.

● ONLOAD=" JScode " — запускает JavaScript код после открытия окно с фреймами.

● ONUNLOAD=" JScode " — запускает JavaScript код после закрытия окна с фреймами.

Тег <FRAME>

Тег <FRAME> описывает фрейм. Атрибуты тега:

● SCR=" url " — URL документа, который будет отображен в данном фрейме.

● NAME=" frameName " — задает имя фрейма. Данный атрибут необходим для управления содержимым одного фрейма из другого. Управление осуществляется при помощи специального атрибута TARGET=" windowsName ". Например, имеется два фрейма первый с именем «Name» содержит меню (ссылки) и второй с именем «Name1». Для того, чтобы открыть ссылку из первого фрейма во втором, необходимо для всех тегов гиперссылки <А>, окна «Name», задать атрибут TARGET=" Name1 " — <A HREF=" url " TARGET=" Name1 "> Links </A>.

Стандартные имена атрибута TARGET:

► TARGET=" _blank " — загружает документ в новое неименованное окно.

► TARGET=" _self " — загружает документ в то же окно, содержащее кликнутую ссылку.

► TARGET=" _parent " — загружает документ в окно — непосредственного родителя текущего FRAMESET.

► TARGET=" _top " — загружает документ в полное окно. Действует также как «_self» если документ уже в полном окне. Полезно для разбивания вложенных FRAME произвольной глубины.

● MARGINWIDTH=" marginWidth " — горизонтальный отступ между фреймом и его границей. Значение «marginWidth» указывается в пикселях.

● MARGINHEIGHT=" marginHeight " — вертикальный отступ между фреймом и его границей. Значение «marginHeight» указывается в пикселях.

● SCROLLING=" YES | NO | AUTO " — определяет наличие или отсутствие полос прокрутки у данного фрейма.

► YES — полосы прокрутки будут в любом случае присутствовать у фрейма.

► NO — отключает полосы прокрутки.

► AUTO — включает полосы прокрутки только при их необходимости, если информация в окне выходит за его рамки (режим по умолчанию).

● FRAMEBORDER =" YES | NO " — определяет наличие или отсутствие границы для данного фрейма.

► YES — граница присутствует.

► NO — граница отсутствует.

● NORESIZE — позволяет создавать фреймы фиксированного размера. При этом пользователь уже не сможет изменить размер фрейма или прокрутить информацию в нем.

Тег <NOFRAMES>

Тег-контейнер <NOFRAMES> (закрывающий тег обязателен), предоставляет информацию пользователям браузеров, не поддерживающих фреймовую структуру.

<NOFRAMES>

Этот документ содержит фреймы.

</NOFRAMES>

Внутри тэгов <NOFRAMES> и </NOFRAMES> находится текст, который увидят пользователи браузеров не поддерживающих фреймы. Браузеры с поддержкой фреймов игнорируют данный тег.