uzluga.ru
добавить свой файл
1

Тема 8: Фреймы

Справочный материал

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

1

Пример: на странице 3 фрейма представляют колонки сайта. В левой колонке (фрейме 2) размещается навигационное меню сайта, в верхнем фрейме (1) размещается реклама, а в фрейме (3) размещается собственно содержание сайта. Нажатие на ссылки в левой колонке сайта приводит к загрузке страниц в правом нижнем фрейме.

2

3

Общая структура создания фреймов:

- тег определяющий структуру фреймов (фреймсет)
- первый фрейм
- второй фрейм
- закрывающий тег фреймсета

Тег создает страницу фреймов или фреймсет. Тег в этом случае не используют.

Параметры:

COLS - определяет количество фреймов по горизонтали слева на право. Значение задается цифрами, означающими размеры фреймов по ширине в пикселах или в процентах, через запятую. Символ '*' означает выделение под данный фрейм всего оставшегося на экране пространства.

Примеры: - Три фрейма, первый - 200 пикселов, последний 100 пикселов, второй (средний) - все оставшееся пространство.

ROWS - определяет вертикальную структуру фреймов сверху вниз. Значение этого параметра задается аналогично параметру Cols

Пример: - Два фрейма по 50% экрана в высоту каждый. Того же эффекта можно добиться задав значение параметра ROWS равным 50%,*

^ BORDER -определяет размер границы между фреймами в пикселах.


Тег позволяет описать фрейм, то есть присвоить ему имя, назначить открывающуюся в нем страницу и задать свойства..

Параметры:

NAME=”имя фрейма”.Имена фреймов используются для создания ссылок на этот фрейм из другого фрейма.

^ SCR=”имя_файла.html” – задает страницу, которая будет открыта во фрейме по умолчанию.

MRGINWIDTH=(число от 1 до 6) – задает горизонтальный отступ между фреймом и его границей.

MRGINHEIGHT=(число от 1 до 6) – задает вертикальный отступ между фреймом и его границей.

SCROLLING =(YES; NO; AUTO) – определяет наличие полос прокрутки в окне фрейма.

NORESIZE –параметр, указывающий на то, что размеры данного фрейма не могут быть изменены.

Пример:


Сложная структура фреймов. Если в структуре фреймов есть как горизонтальное, так и вертикальное расположение фреймов, то поступают так:

Сначала нарисуйте требуемую структуру фреймов на листке бумаги и пронумеруйте фреймы. Нумеруют фреймы слева направо, сверху вниз. Совместить в одном теге горизонтальное (COLS) и вертикальное (ROWS) размещение фреймов нельзя, поэтому используют несколько тегов . Вот как это делается:


Фреймы








Итак, первый тег грубо говоря разделяет экран на два фрейма - левый и правый. А второй тег разделяет правую часть (правый фрейм) еще на два фрейма - верхний и нижний, то есть мы как бы вставляем во второй (левый) фрейм еще два фрейма, определяя размещение фреймов по вертикали (ROWS=70,*). Затем идут два фрейма и в конце закрываются оба тега . В результате в левом фрейме будет загружен документ left.html, в верхнем top.html и в нижнем content.html


^ Взаимодействие между фреймами.

Для того, чтобы создать ссылку в одном фрейме так, чтобы документ этой ссылки загрузился в другом фрейме, нужно просто использовать параметр TARGET тега задав его значение равным имени целевого фрейма, например, Пункт 1

Этот параметр можно также использовать в теге , при распределении ссылок по картинке.
Если в одном фрейме находитсся меню, а страницы должны открываться в другом фрейме, используют тег с параметром :

Документ 1




NAME=”FRAME1”>


NAME=”FRAME2”>



doc2.html

<HTML>

<HEAD>



ссылка 1

ссылка 2