Лекция № 14 Тема: Фреймы в HTML. Цель: Разработчикам HTML-документов предоставляется богатый выбор способов отображения информации на Web-страницах. Текстовая и графическая информация может быть упорядочена и организована при помощи таблиц, списков и просто использованием различных тэгов выравнивания. Иногда этих возможностей оказывается недостаточно и тогда приходится разбивать окно просмотра браузера на отдельные области или фреймы. Использование фреймов оправдано в следующих случаях: нужно организовать управление загрузкой документов в одну из подобластей окна просмотра браузера при работе в другой подобласти; для расположения в определенном месте окна просмотра информации, которая должна постоянно находиться на экране вне зависимости от содержания других подобластей окна; для представления нескольких смежных информации, подобластях которую окна, удобно каждая из расположить которых в может просматриваться независимо. Например, фреймовую структуру удобно использовать в том случае, когда требуется постоянно видеть список разделов какого-то документа и иметь возможность переходить к содержимому требуемого раздела. Создание структуры фреймов Фреймы позволяют делить пространство окна браузера на независимые подобласти (разделы). Каждый из таких разделов способен отображать содержимое отдельного HTML-документа. Отсюда можно сделать вывод, что должен существовать главный HTMLдокумент, который содержит описание того, как нужно поделить окно просмотра браузера, или описание структуры фреймов. 1 Описание структуры фреймов располагается в HTML-документе, в котором вместо тэга <BODY> применяется тэг <FRAMESET>, определяющей количество областей разбиения окна браузера и их взаимное расположение. Так как для страниц с фреймами не применяется тэг <BODY>, то нет возможности задать фоновое изображение и цвет фона для всей страницы в целом. Однако это не мешает в каждый фрейм загружать документы, имеющие свои параметры фона. Тэг <FRAMESET> имеет следующие параметры: ROWS – определяет количество “горизонтальных” областей; COLS – определяет количество “вертикальных” областей. Значения этих параметров могут задаваться как в пикселях, так и в процентах от общего размера предпочтительным). окна Эти просмотра параметры браузера могут (что является присутствовать в более тэге <FRAMESET> как по отдельности, так и вместе. Приведем несколько примеров задания значений указанных параметров. 1. ROWS=50,200 - окно браузера будет разделено на две горизонтальные линии области. Высота первой - 50 пикселей, а второй - все остальное, то есть этот параметр игнорируется. ROWS=25%, 50%, 100% COLS=30%, 70% - окно браузера будет разделено на три строки и два столбца, причем последнее значение в параметрах (100 и 70 %) будут проигнорированны. 2 Из приведенных примеров можно сделать следующие выводы: последние значения параметров браузером игнорируются; можно “смешивать” единицы измерения (пиксели и проценты); чаще всего размеры областей задаются не в пикселях, а в процентах. Это позволяет сохранять пропорции между областями при изменении размеров окна просмотра браузера. Лучше всего вместо последнего значения использовать символ “*” (звездочка). Этот символ показывает, что последняя строка (или последний столбец) занимает всю оставшуюся область окна просмотра браузера. Таким образом, последний пример можно записать следующим образом: ROWS=25%,50%,* COLS=30%,* . Замечание. Символ * можно применять при задании размера любой области, а не только последней, например: ROWS=30%,*,10%. В этом случае высота второй строки будет составлять 60% от высоты окна просмотра браузера. Возможно использование конструкций такого типа: ROWS=40%,2*,*. В этом случае высота второй строки будет составлять 40%, а третьей – 20% от общей высоты окна просмотра браузера. После создания содержанием, то структуры есть необходимо определить, какие наполнить ее конкретным HTML-документы должны располагаться в созданных областях. Это осуществляется с помощью тега <FRAME>, в котором параметр SRC определяет имя HTML-документа. В заключение отметим, что внутри тэга <FRAMESET> можно использовать, помимо тэга <FRAME>, другой тэг <FRAMESET>, что позволяет создавать достаточно сложные структуры. 3