Деление окна на фреймы


Фреймы (от англ. frame - кадр) или области нужны для удобства навигации. Сейчас на Вашем экране 3 фрейма: верхний, в котором находится главне меню; левый, в котором находится подменю раздела "Язык HTML"; и правый, где открываются разделы, перечисленные в меню.

Рассмотрим объекты, при помощи которых окно делится на фреймы.

<frameset> </frameset> деление окна на области (фреймы)
<frame> Описание фрейма, т.е. загрузка какого-то html-файла в данный фрейм

ПРИМЕЧАНИЕ: Объект "frame" закрывающего тэга не требует!!!


Рассмотрим атрибуты оператора "frameset".

cols="200,*,200" Делит окно вертикально на 3 фрейма. В кавычках указываются размеры фреймов: левый - 200px, правый - 200px, центральный - всё оставшееся в окне место. Сколько будет цифр в кавычках через запятую, столько фреймов и получится. Размеры фреймов можно указывать в процентах от размера окна.
rows="150,*" Делит окно горизонтально на 2 фрейма. Размеры: верхний - 150px, нижний все оставшееся в окне место.
border="5" Размер бордюра между фреймами. Если в кавычках будет 0, то бордюр будет невидимым.

ПРИМЕЧАНИЕ: Каждый фрейм может делиться на подфреймы, как это показано в примере.
В одном тэге может быть либо cols, либо rows. Вместе они не указываются.


Рассмотрим атрибуты оператора "frame".
Атрибуты, отмеченные "*", вставляются в тэги обязательно.

src="menu.html" * Загружает во фрейм файл "menu.html".
name="frame1" * Присваивает фрейму имя, которое указывается в ссылках (т.е. в каком фрейме откыть страницу, на которую осуществляется переход).
noresize Запрещает пользователю менять размер фрейма. По умолчанию размер фрейма менять можно.
scrolling="auto" Описывает появление во фрейме появление полосы прокрутки. Имеет 3 значения: no - полосы прокрутки не будет; yes - полоса прокрутки будет, auto - автоматически будет появляться в случае необходимости.
marginwidth="5" Боковые поля в данном фрейме, т.е. расстояние в пикселях от правого и левого краев окна до какого-либо объекта на странице, загруженной в данный фрейм.
marginheight="5" Верхнее и нижнее поля в данном фрейме, т.е. расстояние в пикселях от верхнего и нижнего краев окна до какого-либо объекта на странице, загруженной в данный фрейм.

Для примера разделим окно на 4 фрейма. Но для этого нам понадобится ещё 4 файла, которые мы будем загружать в эти фреймы: "menu.html", "menu2.html", "main.html", "welcome.html" (они могут быть совершенно пустыми).

<html>
<head>
<title>Фреймы</title>
</head>
<frameset cols="200,*,200" border="5">
 <frame src="menu.html" name="frame1">
 <frameset rows="150,*" border="5">
  <frame src="welcome.html" name="frame2">
  <frame src="main.html" name="frame3">
 </frameset>
 <frame src="menu2.html" name="frame4">
</frameset>
<body></body>
</html>

На экране получим:

НАЗАД    ДАЛЬШЕ