Техника Web-дизайна для студента
Описание фреймов
Каждый полученный в результате деления фрейм должен быть описан с помощью метки <ееаме>. К основным параметрам метки <ееаме> можно отнести:
О знс="имя файла" — задается имя файла НТМЬ-документа, который откроется в данном фрейме в момент начальной загрузки;
О ыаме="имя фрейма"— задается имя фрейма, которое в дальнейшем может быть использовано для загрузки в этот фрейм других документов.
При создании документа с фреймовой структурой метка
<ВСГО¥>...</ВСЮ¥> не используется.
В качестве примера рассмотрим одну из популярных фреймовых структур, приведенную на рис. 5.2.
|
Рис. 5.2. Документ с фреймовой структурой. В каждый из трех фреймов загружен самостоятельный документ |
В верхний фрейм загружается файл с заголовком, который может служить заголовком всего сайта, включающего несколько документов. Например, в качестве заголовка может использоваться название фирмы, владеющей сайтом, название учебного заведения, памятника культуры, географического объекта и т. д. В левый фрейм загружается документ с оглавлением, в котором перечислены названия всех документов, входящих в сайт. По каждому пункту оглавления может осуществляться ссылка на соответствующий документ, который будет загружаться в правый (главный) фрейм. Содержимое главного фрейма в процессе работы с оглавлением будет постоянно обновляться. Однако для начальной загрузки для главного фрейма должен существовать документ, который в нашем примере назван "Основным документом".
Текст документа с показанной на рис. 5.2 фреймовой структурой приведен в листинге 5.1.
Листинг 5.1. Текст документа с фреймовой структурой
<html>
<head>
<t i 11е>Фреймы</1 i 11e>
</head>
<frameset rows="70,*">
<frame src="TopDoc. htm" name="topFrame">
<frameset cols="120,*">
<frame src="LeftDoc. htm" name="leftFrame">
<frame src="MainDoc. htm" name="mainFrame">
</frameset>
</frameset>
<noframes>
<body>
Ваш браузер не поддерживает работу с фреймами </body>
</noframes>
</html>
Первая метка <framset> делит окно браузера на два горизонтальных фрейма, верхний из которых имеет высоту 70 пикселей, а нижний занимает остальную часть окна. Так как мы не предполагаем делить верхний фрейм на другие фреймы, следом за меткой <frameset> идет метка <frame>, с помощью которой задаются его параметры. Нижний фрейм делится на два вертикальных фрейма меткой <frameset>, из которых левый имеет ширину 120 пикселей, а правый занимает остальную часть нижнего фрейма. Только после этого можно задать параметры созданных вертикальных фреймов, что и делается с помощью идущих друг за другом меток <frame>. Далее последовательно закрываются метки <frameset>.
Завершается документ парой меток <noframes>...</noframes>, между которыми размещаются традиционные для обычных документов метки <всго¥>...</воо¥> с содержимым, которое будет воспроизводиться только браузерами, не поддерживающими фреймы. С каждым днем все труднее представить себе, что такие существуют в природе, поэтому размещение в документе с фреймовой структурой этих меток скорее дань давним традициям, чем практическая необходимость.
Остается выяснить, что представляют собой документы, загружаемые в каждый из трех фреймов: TopDoc. htm, LeftDoc. htm и MainDoc. htm. В нашем случае они чрезвычайно просты, так как предназначены для вывода небольших фраз. Тексты документов приведены в листингах 5.2, 5.3 и 5.4.
Листинг 5.2. Текст документа, загружаемого в верхний фрейм
<ЬШ1>
<11еас!>
< 11; 1е>Заголовок< /1111е>
<Ьос1у>
<111 а11дп="сегЛег">Заголовок</111>
</Ьос1у>
Листинг 5.3. Текст документа, загружаемого в левый фрейм
<ЬШ1>
<11еас1>
<ИЦе>0главление</1;11;1е>
</11еас!>
<Ьос1у>
<з^опд>0главление</з1;гопд>
</Ьос1у>
Листинг 5.4. Текст документа, загружаемого в правый фрейм
<ЬШ1>
<title>Ocнoвнoй документ</1;11;1е>
</head>
<body>
<hl align="center">0cHOBHOЬ документ</Ь1>
</body>
</html>
Как видим, это обычные HTML-документы, которые хранятся в виде отдельных файлов. Чтобы в параметрах src меток <frame> можно было указать только имя файла, все документы должны находиться в одной папке.
