Фреймы - это окна независимого просмотра HTML-документов. Иногда бывает очень удобно использовать навигацию по странице в виде меню, оформленного в отдельном фрейме, и основного окна, где будет представлена вся основная информация, определяемая действиями пользователя в области меню.
Для создания фрейма используется тег FRAMESET, который заменяет тег BODY в документе и используется для разделения экрана на области. Внутри данного тега находятся теги FRAME, которые указывают на HTML-документ, предназначенный для загрузки в область.
В приведенном примере присутствует объявление двух фреймов, которые будут располагаться вертикальными полосами и занимать соответственно 30 и 70 процентов рабочей области. Вертикальное расположение устанавливается параметром cols="", а для горизонтальных полос используют параметр rows="". Параметр border="" определяет границу между фреймами. Определение документа, изначально загружаемого при открытии этого файла (этот документ является HTML-страницей.), задается атрибутом тега <FRAME> src="…", при этом необходимо указать параметр name="…", позволяющий задать "имя" созданной области в виде последовательности латинских букв и цифр, использованной как значение этого атрибута. Это имя можно использовать, чтобы загружать новые документы в ранее созданную область. Для этого в тег <A>, определяющий гиперссылку, необходимо добавить атрибут TARGET="", значение которого совпадает с ранее определенным именем области. При переходе по данной гиперссылке новый документ загрузится в указанный фрейм. Например, предположим, что начальная страница Web-узла состоит из двух фреймов: слева располагается навигационная панель, а справа - текущая страница. Если правой области присвоено имя, используемое во всех ссылках, имеющихся в левой области, то щелчок на любой ссылке навигационной панели приведет к обновлению информации в соседней области, оставляя навигационную панель без изменений. В данном документе находятся только ссылки на другие (существующие) HTML-документы, которые будут загружены браузером при открытии страницы с фреймами. Файл menu.html имеет следующую структуру:
Файл main.html также имеет указанную выше структуру. Следует сказать, что оба этих файла должны располагаться в том же каталоге, где расположен файл с фреймами.
Задание 1 Расположить эти фреймы по вертикали, используя атрибут rows="". В результате у вас должно получиться следующее:
Распространенное явление - комбинация вертикальных и горизонтальных фреймов.
Задание 2. Разбейте страницу на вертикальные и горизонтальные фреймы, используя приведенный ниже текст.
<FRAMESET cols="*, 55%"> символ * означает все оставшееся место<FRAME src="lab5.html" name="Frame1"><FRAMESET rows="15%, 15%, 70%"><FRAME src="lab1.html" name=" Frame2"><FRAME src="lab2.html" name=" Frame3"><FRAME src="lab3.html" name=" Frame4"></FRAMESET></FRAMESET>
Задание 3. Используя вложенные теги FRAMESET, разбейте страницу следующим образом: