Пример документа html с фреймами
В качестве примера приведем в сокращенном виде исходный текст документа, определяющего фреймы, показанные на рис. 6.1.
<HTML>
<HEAD>
<TITLE>лаб 5</TITLE>
</HEAD>
<FRAMESET ROWS="90,*" FRAMEBORDER=0 BORDER=1>
<FRAME SCROLLING="no" NAME="title" NORESIZE SRC="title.htm" MARGINHEIGHT=1>
<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>
</HTML>
Здесь мы определили два набора фреймов, причем второй набор вложен в первый.
Для первого набора мы определили один фрейм, расположенный горизонтально. Первый из них имеет высоту 90 пикселей и используется для размещения нашего логотипа, второй занимает все оставшееся пространство:
<FRAMESET ROWS="90,*" FRAMEBORDER=0 BORDER=1>
В свободном пространстве ниже фрейма первого набора мы расположили еще один набор фреймов. Второй набор фреймов состоит из двух фреймов, расположенных вертикально. Эти фреймы занимают, соответственно, 25% и 75% ширины родительского фрейма:
<FRAMESET COLS="25%,75%" FRAMEBORDER=0 BORDER=1>
Вернемся опять к первому набору фреймов.
В этом наборе определен только один фрейм:
<FRAME SCROLLING="no" NAME="title" NORESIZE SRC="title.html" MARGINHEIGHT=1>
Так как этот фрейм предназначен для отображения логотипа, для него не используется свертка. Поэтому значение параметра SCROLLING равно “no”.
Имя фрейма указано в параметре NAME как “title”. Дополнительно мы указали параметр NORESIZE, запретив изменение размера фрейма мышью.
Параметр SRC указан как “title.htm”. Из файла с этим именем загружается документ HTML при отображении фрейма. Заметим, что файл title.htm расположен в том же каталоге, что и файл, определяющий фреймы.
Параметр MARGINHEIGHT задает отступ по высоте, равный 1 пикселу. Мы указали этот параметр для уменьшения зазора между верхней границей фрейма и графическими изображениями логотипа.
Файл title.htm содержит таблицу с двумя графическими изображениями и не имеет никаких особенностей:
<HTML>
<BODY BGCOLOR="#FFFFFF">
<TABLE>
<TR><TD VALIGN=TOP><IMG SRC="f2.gif"></TD>
<TD VALIGN=TOP><IMG SRC="logo.gif"></TD></TR>
</TABLE>
</BODY>
</HTML>
Теперь перейдем к второму набору фреймов, разделяющих по вертикали нижнюю часть окна навигатора на две половины. Два фрейма из этого набора определены следующим образом:
<FRAME SCROLLING="auto" NAME="toc" SRC="toc.htm">
<FRAME SCROLLING="auto" NAME="main page" SRC="main.htm">
Так как для параметра SCROLLING указано значение "auto", то если содержимое не помещается в окне фрейма, около фрейма появляются полосы просмотра.
Окно левого фрейма называется “toc”. Оно загружается из файла с именем toc.htm, который состоит из ссылок на разделы сервера:
<HTML>
<BODY BGCOLOR="#B0FFD8">
<BASEFONT SIZE=2>
<LEFT>
<A HREF="http://www.ааа.ru/index.html" TARGET="_top">Домашняя страница</A><BR>
<A HREF="main.htm" TARGET="main page">Добро пожаловать</A><BR>
<A HREF="news.htm" TARGET="main page">Новости</A><BR>
<P><A HREF="books.htm" TARGET="main page">Книги</A><BR>
<P><A HREF="capital.htm" TARGET="main page">КАПИТАЛ</A><BR>
<A HREF="terra.htm" TARGET="main page">КОМПЬЮТЕРРА</A><BR>
<A HREF="qa.htm" TARGET="main page">Вопросы и ответы</A><BR>
<A HREF="links.htm" TARGET="main page">Ресурсы Internet</A><BR>
<P><A HREF="virchk.htm" TARGET="main page">Вирусы</A><BR>
<P><A HREF="frends.htm" TARGET="main page">Партнеры и друзья</A><BR>
<A HREF="../guest/gbook.htm" TARGET="main page">Книга гостей</A><BR>
<P><A HREF="../eng/home.htm" TARGET="_top">Set English Language</A><BR>
</LEFT>
</BODY>
</HTML>
Обратите внимание, что в операторах <A> параметр TARGET, задающий имя окна для загрузки документа, имеет различные значения. В параметре TARGET вы должны указать имя окна, в которое будет выполняться загрузка документа.
Для параметра TARGET можно указывать одно из нескольких предопределенных имен:
Имя окна |
Описание |
_top |
Документ HTML будет загружен в окно самого верхнего уровня |
_parent |
Документ HTML загрузится в родительское окно (по отношению к текущему окну) |
_self |
Документ будет загружен в текущее окно |
_blank |
Для загрузки документа будет использовано новое окно без имени |
Когда пользователь выбирает строку “Домашняя страница”, документ HTML с адресом http://www.ааа.ru/index.html загружается в окно, которое называется _top. В результате указанный документ займет все внутреннее пространство окна навигатора.
Остальные ссылки, кроме последней, загружают документы в окно с именем main page. Это окно соответствует фрейму, расположенному справа и принадлежащему второму набору фреймов.
При необходимости вы можете загружать документы и в окно левого фрейма, указав в параметре TARGET значение toc. При этом можно сделать так, что при выборе в левом фрейме какого-либо раздела содержимое этого фрейма полностью изменяется, отображая, например, названия подразделов нового раздела.
Документ main.htm, который первоначально загружается в окно фрейма main page,
может содержать общее описание сайта или приветствие, счетчик посещений страницы,
почтовый адрес и сведения об авторских правах на информацию, расположенную на сайте.