Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Методические указания. Для наиболее удобного просмотра можно воспользоваться многооконным интерфейсом, реализованным при помощи фреймов



Для наиболее удобного просмотра можно воспользоваться многооконным интерфейсом, реализованным при помощи фреймов, то есть окон, в каждом из которых отображается содержимое различных документов HTML. В этом случае окно навигатора разделяется на несколько окон (фреймов). Таким образом можно работать одновременно с несколькими документами.

Структура документа с фреймами несколько отличается от обычного документа. Вместо привычного тэга <BODY> надо расположить тэг <FRAMESET>, который используется в паре с тэгом </FRAMESET>. Параметры тэга <FRAMESET> описывают набор фреймов в целом, задавая размеры, внешний вид рамки и т.д.

Между тэгами <FRAMESET> и </FRAMESET> находятся тэги <FRAME>, которые определяют параметры отдельных фреймов.

Помимо тэгов <FRAME>, внутри пары тэгов <FRAMESET> и </FRAMESET> необходимо разместить тэги <NOFRAME> и </NOFRAME>. Между ними надо разместить документ HTML, который будет отображаться навигаторами, не способными работать с фреймами.

Ниже приведены некоторые параметры тэгов <FRAMESET> и <FRAME>.

Параметры тэга <FRAMESET>:

- ROWS – определяет количество и размеры горизонтальных фреймов (фреймов-строк) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Способы задания размеров:

- в процентах от высоты рабочей области окна браузера. Например: "30%,30%,40%";

- в виде знака "*" (звездочка), говорящего о том, что фрейм занимает все свободное пространство окна браузера, незанятое другими фреймами с явно указанными размерами. Например, звездочка в записи "25%,25%,*" равносильна 50%;

- в пикселях. Например: "75,*".

Все три способа можно совмещать. Например, "25%,40,*" разобьет экран на три горизонтальных фрейма, первый из которых будет высотой в четверть окна браузера, второй - в 40 пикселей, а третий займет всю оставшуюся площадь.

- COLS – определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Размеры задаются так же, как и в предыдущем параметре ROWS.

- BORDER – определяет ширину рамок фреймов в пикселях. Данный параметр действует только в браузерах Netscape;

- FRAMEBORDER – определяет наличие рамок у содержащихся внутри <FRAMESET> фреймов. Возможные значения:

- Yes - отображать рамки;

- No или 0 - не отображать рамки.

Браузеры Netscape не поддерживают данный параметр в полной мере и для глобального определения ширины рамок используют параметр BORDER.

- FRAMESPACING – определяет расстояние (так называемую “серую область”) между фреймами в пикселях. Данный параметр необходим для создания фреймов без рамок.

Параметры тэга <FRAME>:

- SRC – обязательный параметр. Указывает адрес (URL) HTML-файла, отображаемого в данном фрейме.

- NAME – определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET. В качестве значения нужно указать любое имя без пробелов с использованием латинских символов и цифр. Имя не должно начинаться с цифр и специальных символов.

- MARGINWIDTH – определяет ширину (в пикселях) левого и правого полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

- MARGINHEIGHT – определяет ширину (в пикселях) верхнего и нижнего полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

- SCROLLING – определяет наличие линеек прокрутки содержимого фрейма. Возможные значения:

- yes – отображать линейки прокрутки.

- no – не отображать линейки прокрутки.

- auto – отображать линейки прокрутки при необходимости (если документ, указанный в параметре SRC, не умещается во фрейме).

- NORESIZE – не позволяет изменять размеры фрейма. Данный параметр является флагом и не требует указания значения.

- FRAMEBORDER – определяет наличие рамок у фрейма. Возможные значения:

- yes – отображать рамки;

- no или 0 – не отображать рамки.

Браузеры Netscape не поддерживают данный параметр в полной мере и для глобального определения ширины рамок используют параметр BORDER элемента <FRAMESET>.

В качестве примера рассмотрим фрагмент программы с вложенными фреймами. В результате на экране появится три окна. Первое располагается горизонтально и имеет высоту 90 пикселей. Второе и третье располагаются вертикально, занимая соответственно 25 и 75 процентов оставшегося пространства:

<FRAMESET ROWS=”90,*” FRAMEBORDER=1 BORDER=1>

<FRAME SCROLLING=”no” NAME=”title” NORESIZE SRC=”title.htm”>

<FRAMESET COLS=”25%,75%” FRAMEBORDER=1 BORDER=1>

<FRAME SCROLLING=”auto” NAME=”toc” SRC=”toc.htm”>

<FRAME SCROLLING=”no” NAME=”main page” SRC=”title.htm”>

</FRAMESET>

</FRAMESET>

Заметим, что при подготовке ссылок на фреймы в тэге <A> необходимо использовать параметр TARGET, указывающий имя окна, в которое будет выполнена загрузка документа. Так, например, если необходимо, чтобы документ был загружен в окно с именем “main page”, ссылка должна выглядеть подобным образом:

<A HREF=”main.htm” TARGET=”main page”>Добро пожаловать</A>

Тег <NOFRAMES> необходим для того, чтобы все, что находится между начальным и конечным тэгами данного элемента, было отображено браузером, если он не поддерживает фреймы. Элемент <NOFRAMES> не имеет параметров и должен находиться внутри элемента <FRAMESET>.

Пример использования тега <NOFRAMES>:

<FRAMESET ROWS="*,*">

<NOFRAMES>Ваш браузер не поддерживает фрэймы.</NOFRAMES>

<FRAME SRC="frame1.html">

<FRAME SRC="frame2.html">

</FRAMESET>

Контрольные вопросы

1. Что такое фрейм?

2. Теги определения фреймов.

3. Использование гипертекстовых ссылок в фреймовой структуре HTML-документов.

4. Использование гипертекстовых ссылок в фреймовых структурах, открытие HTML-документах в указанных фреймах.





Дата публикования: 2015-10-09; Прочитано: 238 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.009 с)...