Читайте также:
|
Создадим документ, который разбивает область экрана на две части. Левая часть содержит оглавление разделов документа, который располагается в правой части. При выборе пункта оглавления в левой части появляется соответствующий раздел документа в правой части.
Разобьем область экрана на два фрейма. Левый фрейм занимает 25% ширины всего окна и будет содержать оглавление разделов документа, который загрузим в правый фрейм. Пусть имя файла, содержащего оглавление - contents.htm, а имя документа - ch.htm. Фреймовая структура задает способ организации экрана и определяет, какие документы должны быть первоначально загружены во фреймы. Создать описанную фреймовую структуру можно, если использовать документ, содержащий HTML-код, представленный в листинге 1.
Листинг 1. Создание простой фреймовой структуры
<HTML>
<HEAD>
<TITLE>Простая фреймовая структура</TITLE>
</HEAD>
<frameset cols="25%,75%">
<frame src=contents0.htm name=left>
<frame src= ch.htm name=right>
</frameset>
</HTML>
Параметр cols тега <frameset> имеет вид соls ="список значений". В списке через запятую перечисляются значения, которые определяют размеры фреймов. Список должен содержать не менее двух значений. Значения могут задаваться в процентах, в пикселах, в относительных единицах.
Тег <frame> определяет один фрейм. Он должен располагаться внутри парного тега <frameset> и </frameset>. Число тегов <frame> должно совпадать с количеством тегов, определенных при описании фреймовой структуры. В рассматриваемом примере в теге <frameset cols="25%,75%"> определено два фрейма, поэтому в дальнейшем следует описание каждого из фреймов с помощью тега <frame>.
Значение параметра src тега <frame> определяет адрес документа, который первоначально загружается во фрейм. В рассматриваемом случае в левый фрейм загружается документ с именем contents0.htm, а в правый фрейм - документ с именем ch.htm. В теге параметр name определяет имя фрейма, необходимое для указания, в какой фрейм загрузить документ. Если имя фрейма не задавать, то будет создан фрейм без имени, но сослаться на него из других фреймов будет нельзя.
Пример 2. Фреймовая структура с загружаемыми документами
Создадим документ, левая часть которого представляет оглавление, а в правую часть загружаются документы выбранного пункта оглавления. Документы, соответствующие пунктам оглавления, хранятся в разных файлах.
При решении задачи экран по-прежнему разбивается на два фрейма. Левый фрейм занимает 30% ширины всего окна и будет содержать оглавление документов, которые могут быть просмотрены пользователем при выборе соответствующего пункта. Правый фрейм занимает большую часть окна просмотра и предназначен для отображения самих документов. При первоначальной загрузке оба фрейма делят окно просмотра по вертикали в соотношении 30% и 70%. Данное соотношение может меняться при просмотре. Каждый из фреймов имеет свою полосу прокрутки, обеспечивающую просмотр всего документа. При выборе ссылки в левом фрейме соответствующий документ будет загружен в правый фрейм. Такая структура позволяет одновременно видеть на экране и оглавление документов, и сами документы.
Пусть оглавление документа содержит шесть пунктов и располагается в файле с именем contents.htm. Требуется, чтобы файл, содержащий оглавление, загружался в левый фрейм. Файлы с именами ch1.htm, ch2.htm,..., ch6.htm содержат документы, соответствующие пунктам оглавления.
Фреймовая структура мало отличается от той, какая была рассмотрена в предыдущем примере (листинг 2, а).
Листинг 2, а. Задание фреймовой структуры
<HTML>
<HEAD>
<TITLE>Простая фреймовая структура</TITLE>
</HEAD> <frameset cols="30%,70%">
<frame src=contents.htm name=left>
<frame src=empty.htm name=right>
</frameset>
</HTML>
В правый фрейм первоначально загружается файл с именем empty.htm. Если сразу неизвестно, какой файл загружать во фрейм, то можно использовать файл, содержащий HTML-код (листинг 2, б).
Листинг 2, б. Документ для первоначальной загрузки
<HTML>
<HEAD>
<TITLE>Пустой документ</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
В левый фрейм помещается Оглавление, которое содержит ссылки на документы, расположенные в различных файлах. Оглавление может быть сформировано так, как указано в листинге 2, в.
Листинг 2, в. Оглавление, загружаемое в левый фрейм
<HTML>
<HEAD>
<TITLE>Оглавление</TITLE>
</HEAD>
<BODY background="decor.gif" bgcolor=silver>
<base target=right>
<h3>Оглавление</h3>
<OL>
<LI><A href="ch1.htm">Ocновы языка HTML </A>
<LI><A href="ch2.htm">Графика </A>
<LI><A href="ch3.htm">Изoбpaжeниe-кapтa </A>
<LI><A href="ch4.htm">Списки </A>
<LI><A href="сh5.htm">Таблицы </А>
<LI><A href="ch6.htm">Фpeймы </A>
</OL>
</BODY>
</HTML>
Дата добавления: 2015-09-11; просмотров: 179 | Поможем написать вашу работу | Нарушение авторских прав |