Как это ни странно, но начнем с конца и рассмотрим элемент <NOFRAMES>...</NOFRAMES>. Данный элемент содержит альтернативное содержимое документа, отображаемое в окне браузеров не поддерживающих технологию фреймов.
Элемент <NOFRAMES>...</NOFRAMES> может содержать единственную строку с извинениями, может представлять собой полноформатный элемент тела альтернативного документа, заключенный в элемент <BODY>...</BODY>, но более правильно разместить в нем ссылку на альтернативный документ в котором для представления данных используются стандартные средства (например таблицы).
Теперь рассмотрим элемент <FRAMESET>...</FRAMESET> который определяет фреймовую структуру документа и содержит элементы фреймы, задаваемые тегом <FRAME>. Тег <FRAMESET>...</FRAMESET> имеет следующие атрибуты:
· ROWS - описание строк фреймовой структуры (проценты высоты окна браузера, пропорции, высота в пикселях);
· COLS - описание столбцов фреймовой структуры (проценты ширины окна браузера, пропорции, ширина в пикселях);
· FRAMEBORDER - описывает сетку фреймовой структуры (по умолчанию значение YES- трехмерная сетка, NO-без сетки);
· BORDER - ширина сетки фреймовой структуры (по умолчанию значение 5);
BORDERCOLOR - цвет сетки фреймовой структуры;
Пример:
<FRAMESET ROWS="15%, 70%, 15%"> </FRAMESET> - создается фреймовая структура (по умолчанию с сеткой шириной 5 пикселей) из трех строк: первая строка 15% высоты окна браузера, вторая 70% и третья 15%;
<FRAMESET COLS="*, 3*" BORDER=3 BORDERCOLOR=GRAY> </FRAMESET> - создается фреймовая структура из двух столбцов: первый ¼ ширины окна браузера, второй ¾ ширины, с сеткой шириной 3 пикселя, цвет сетки - серый;
<FRAMESET ROWS="50%, 50%" COLS="50%, 50%" FRAMEBORDER=NO> </FRAMESET> - создается фреймовая структура без сетки из двух столбцов и двух строк, делящих окно браузера на 4 равные части;
Каждый элемент фреймовой структуры описывается при помощи тега <FRAME>, имеющего следующие атрибуты:
· SRC - URL содержимого фрейма;
· NAME - имя фрейма (аналогия имени окна броузера), для осуществления доступа к фрейму и обновления его содержимого;
· MARGINHEIGHT - ширина верхнего и нижнего свободного поля фрейма в пикселях;
· MARGINWIDTH - ширина левого и правого свободного поля фрейма в пикселях;
· SCROLLING - полосы прокрутки содержимого фрейма (AUTO/YES/NO, по умолчанию значение - AUTO);
· NORESIZE - наличием данного атрибута, пользователю запрещается изменять размеры фрейма при просмотре документа (по умолчанию это возможно при помощи мыши);
· FRAMEBORDER - описывает сетку фрейма (YES/NO);
· BORDERCOLOR - цвет сетки фрейма;
Пример:
<FRAMESET ROWS="15%, 70%, 15%">
<FRAME SRC="header.htm" NORESIZE SCROLLING=NO>
<FRAME SRC="body.htm">
<FRAME SRC="footer.htm" NORESIZE SCROLLING=NO>
</FRAMESET>
Вышеприведенная фреймовая структура делит экран на три продольных части. Верхняя часть занимает 15% высоты окна браузера ее содержимым является документ - header.htm. Средний фрейм занимает 70% высоты окна и в него выводится содержание документа - body.htm. Оставшуюся нижнюю часть окна браузера занимает фрейм, в который выводится содержание документа - footer.htm.
Верхний и нижний фреймы данной структуры не содержат полос прокрутки содержимого и имеют постоянный размер. Атрибут NORESIZE для среднего фрейма не задается, поскольку наложив запрет на изменение размеров прилегающих фреймов мы не сможем изменить размер среднего фрейма.
Возможно использование вложенных фреймовых структур, например следующий код создает фреймовую структуру содержащую вложенный фрейм.
Пример:
<FRAMESET ROWS="15%, 70%, 15%">
<FRAME SRC="header.htm" NORESIZE SCROLLING=NO>
<FRAMESET COLS="*,*">
<FRAME SRC="left.htm">
<FRAME SRC="right.htm">
</FRAMESET>
<FRAME SRC="footer.htm" NORESIZE SCROLLING=NO>
</FRAMESET>
Данный пример является развитием вышеприведенной фреймовой структуры. Область окна браузера (70% высоты), отведенная под средний фрейм, содержит вложенную структуру фреймов разделяющих родительский фрейм на два равных столбца. Для наглядности приведем пример таблицы иллюстрирующей данную структуру фреймов:
Header.htm
Left.htm
Right.htm
Footer.htm
Использование фреймов в HTML документах рассмотрим на конкретном примере. Организуем окно броузера следующим образом: в верхней и нижней части разместим стационарные фреймы для заголовка и итоговой части страницы, среднюю часть окна броузера разделим на две части, левую - навигационный фрейм и правую - фрейм просмотра данных. Фрейму просмотра данных, используя атрибут NAME, зададим имя и укажем его как имя окна назначения (См. раздел 2.2.) во всех ссылках навигационного фрейма, используя атрибут TARGET.
Здесь я вам расскажу очень страшную истории, в которую я попал будучи в компании администраторов NT ....
</BODY>
</HTML>
Вышеприведенный пример наглядно демонстрирует, как технологию фреймов использовать для совершенствования ваших документов. В окне браузера формируются стационарные области управления документами (навигационные фреймы) и области просмотра, в которых динамически меняется содержимое. Подобным образом организованы очень многие Web-сайты.
