Создание сайтов с помощью фреймов Понятие фрейма
Фреймы (по-английски слово «фрейм» значит кадр) позволяют выводить в одном окне браузера одновременно несколько веб-страниц, имеющих разные URL, различные полосы прокрутки и ведущих себя довольно независимо. Это достигается за счет контейнера <frameset>, заменяющего <body>. Этот контейнер предназначен для элементов <frame/>, определяющих конкретные фреймы на странице и их URL.
Внутри фреймов отдельные страницы могут содержать гиперссылки, причем указывается, в каком файле будут выводиться документы, расположенные по адресу, на который они указывают. Например, можно сделать фрейм, содержащий список гиперссылок, а в основное, или главное, окно будет выводиться содержимое выбранной страницы.
Какие проблемы возникают при работе с фреймами?
Во-первых, не все браузеры воспринимают фреймы.
Во-вторых, возникают ситуации, когда браузер не может определить истинный URL страницы, поскольку каждый из фреймов имеет свой адрес.
В-третьих, из-за того, что в окне браузера одновременно выводится несколько окон, приходится использовать полосы прокрутки для просмотра документов.
В-четвертых, наличие фреймов сильно замедляет процесс загрузки веб-страницы.
Каковы области применения фреймов?
Создание индексов. Очень часто фреймы используются для создания единообразной системы навигации по сайту. С их помощью можно организовать стройную и понятную структуру, при этом не повторять ссылочные меню на каждой странице.
Обсуждения и пояснения. Причиной использования фреймов может стать необходимость одновременной загрузки двух разных страниц. Например, одни файл содержит основной текст, другой – пояснения к нему.
Фиксированные элементы. Фреймы используются для размещения на экране элементов, которые должны быть постоянно, независимо от того, что происходит в других частях документа.
!!! Если на странице используются фреймы, всегда следует предлагать возможность пользователям перейти к версии сайта без фреймов.
Добавление фреймов
Чтобы можно было использовать фреймы и оставаться в рамках стандарта XHTML, следует добавлять в начале документов Frameset DTD:
<! DOCTYPE html PUBLIC “\ /W3C//DTD XHTML 1.0 Frameset //EN”
“http://www.w3.org/TR/xhtml1/DTD/frameset.dtd”>
<html xlmns=”http://www.w3.org/1999/xhtml”>
Элемент <frameset>
Элемент <frameset> заменяет элемент <body> на обычной странице. У элемента <frameset> могут быть два атрибута: cols (колонки) и rows(строки), определяющие, разбивается ли фрейм на колонки или строки.
Пример:
<frameset cols =”25%, 75%”>
</frameset>
Данный пример задает два столбца (рис.3). Ширину можно также задавать в пикселах. Если необходимо иметь и строки, и столбцы, следует использовать несколько элементов <frameset>.
!!! Данный пример не будет работать в браузере, пока в элемент <frameset> не будет включен хотя бы один элемент <frame> (см. далее).
Рис. 3
Элементы <frame/> и <noframes>
Контейнер <frameset> имеет дело с двумя основными элементами: <frame/> и <noframes>. Первый используется для определения фреймов внутри документа, а второй применяется тогда, когда нужно определить альтернативный текст и разметку для браузеров, не имеющих поддержки фреймов.
Пример:
<frameset>
<noframes>
<p> Этот сайт требует наличия браузера с поддержкой фреймов.
Если ваш браузер не поддерживает фреймы, перейдите
на <a href="index.html"> Главную страницу </a>
</p>
</noframes>
</frameset>
Технически, контейнер <noframes> может содержать целую страницу со всевозможной разметкой.
Пример:
<frameset cols="25%, 75%">
<frame src="index.html"/>
<frame src="viewer.html"/>
</frameset>
Адрес в атрибуте src можно указывать как относительный, так и абсолютный.
Исходные файлы для фреймов должны быть полноценными веб-документами.