|
|||||||||||
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция |
Пример документа 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 можно указывать одно из нескольких предопределенных имен:
Когда пользователь выбирает строку “Домашняя страница”, документ HTML с адресом http://www.ааа.ru/index.html загружается в окно, которое называется _top. В результате указанный документ займет все внутреннее пространство окна навигатора. Остальные ссылки, кроме последней, загружают документы в окно с именем main page. Это окно соответствует фрейму, расположенному справа и принадлежащему второму набору фреймов.
При необходимости вы можете загружать документы и в окно левого фрейма, указав в параметре TARGET значение toc. При этом можно сделать так, что при выборе в левом фрейме какого-либо раздела содержимое этого фрейма полностью изменяется, отображая, например, названия подразделов нового раздела. Документ main.htm, который первоначально загружается в окно фрейма main page, может содержать общее описание сайта или приветствие, счетчик посещений страницы, почтовый адрес и сведения об авторских правах на информацию, расположенную на сайте. Поиск по сайту: |
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.005 сек.) |