Фреймы

ZAQ32: На главную | К содержанию раздела

Фреймы.

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

Основная задача фреймов – разбивка окна браузера на несколько областей. Каждая такая область представляет собой отдельную страничку (в данном контексте – фрейм).

Все это лучше посмотреть на конкретном примере. Создадим четыре html-документа, которые назовем: index.html, list1.html, list2.html, list3.html. Теперь заполним их нужной нам информацией.

Листинг 17

<HTML>
<HEAD>
<TITLE>Пример использования фреймов</TITLE>
</HEAD>
<FRAMESET FRAMEBORDER="1" COLS="100,*">
<FRAME SRC="list1.html" NAME="list1">
<FRAMESET ROWS="165,*">
<FRAME SRC="list2.html" NAME="list2">
<FRAME SRC="list3.html" NAME="list3">
</FRAMESET>
<NOFRAMES>Данная страница содержит фреймы, но по каким-либо причинам,
они не могут быть отражены</NOFRAMES>
</FRAMESET>
<BODY>
</body>

Листинг 18

<HTML>
<HEAD>
<TITLE>Пример использования фреймов</TITLE>
</HEAD>
<BODY>
Определенная информация, например, меню документа
</body>
</html>

Листинг 19

<HTML>
<HEAD>
<TITLE>Пример использования фреймов</TITLE>
</HEAD>
<BODY>
Здесь тоже будет определенная информация, размещенная с другой стороны окна.
</body>
</html>

Листинг 20

<HTML>
<HEAD>
<TITLE>Пример использования фреймов</TITLE>
</HEAD>
<BODY>
А здесь еще что-нибудь будет размещено
</body>
</html>

Если вы все сделали правильно, результат должен быть как на рисунке:

Рис. 20

В данном примере были использованы следующие тэги: <frameset>, <frame> и <noframes>.

<frameset>

Тэг <frameset> позволяет определить общую структуру фреймов, их размеры, положение на странице, рамки фреймов … . Особенность тэга заключается в том, что он должен располагаться до тэга <body>.

Основные атрибуты тэга:

rows – количество и размеры фреймов, которые будут располагаться горизонтально. Размер можно задать следующими способами. Во-первых, в процентном соотношении к размеру окна (например: 20%,60%,20%). Во-вторых, можно просто написать звездочку (*), тогда фрейм будет занимать все свободное пространство. В-третьих, указать размер в пикселах. В листинге 17 совмещен третий и второй способ.
cols – то же самое, только для вертикальных фреймов.
border – толщина рамки.
frameborder – тоже рамки, только внутри frameset. Хотя данный атрибут в некоторых браузерах работает некорректно.
framespacing – расстояние между фреймами. Размер указывается в пикселах.

<frame>

Тэг <frame> располагается внутри конструкции <frameset></frameset> и описывает ее структуру.

Атрибуты тэга:

src – адрес, указывающий путь к файлу, который будет отображен в данном тэге.
name – имя фрейма
marginwidth – ширина правого и левого полей фрейма
marginheight – ширина верхнего и нижнего полей фрейма.
scrolling – полосы прокрутки. Атрибут может принимать значения: yes, no, auto.
noresize – запрещает изменять размеры фрейма.
frameborder – рамки фрейма. Может принимать значения: yes или no.

<noframes>

Тэг <noframes> необходим на тот случай, если браузер по какой-либо причине не сможет отобразить фреймы. В таком случае пользователь увидит сообщение, размещенное в данной конструкции:
<noframes>Ваш браузер не поддерживает фреймы!</noframes>

ZAQ32: На главную | К содержанию раздела

Используются технологии uCoz