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

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

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

Использование фреймов оправдано в том случае, если вам необходимо, чтобы при изменении части экрана (Web-страницы фрейма), остальная часть экрана оставалась без изменения. Это может быть оглавление Web-узла, встроенный раздел, список рекламируемой продукции и информация о выбранном товаре, повестка дня собрания акционеров, выбирая значения которой, вы просматриваете список докладчиков по тому или иному вопросу и регламент. Все зависит от вашей фантазии.

Фрейм имеет очевидные преимущества. Тем не менее, если в него входит большое количество страниц, загрузка фрейма будет происходить медленно, т. к. для загрузки каждой из страниц, составляющих его, требуется отдельное обращение к серверу. Поэтому при создании фреймов следует проявлять чувство меры и ограничиваться небольшим количеством страниц. Информация о страницах, входящих в состав фрейма, хранится на отдельной странице, называемой фреймсетом. Поэтому, если вы создаете двухстраничный фрейм, то при подсчете обращений к серверу необходимо учитывать и фреймсет.

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

1. В меню Файл (File) выберите команду Создать (New), а затем в появившемся подменю — опцию Страница или веб-узел (Page or Web).
2. На появившейся панели Создание веб-страницы или узла (New Page or Web) выберите команду Шаблоны страниц (Page Templates).
3. В открывшемся диалоговом окне Шаблоны страниц (рис. 20.21) перейдите на вкладку Страница рамок (Frames Pages).

Просмотреть вид выбранного шаблона вы можете в области Образец (Preview). Подобрав устраивающий вас шаблон, дважды щелкните на нем или нажмите кнопку ОК.

5. Открывается страница, имеющая вид, аналогичный представленному на рис. 20.22.

В соответствии с типом выбранного шаблона, страница разбита на облас-• ти, каждая из которых содержит по две кнопки:

• Задать начальную страницу (Set Initial Page) — при нажатии на данную кнопку открывается диалоговое окно Добавление гиперссылки (Insert Hyperlink), позволяющее указать страницу, которая будет размещаться в этой области фрейма при его открытии
• Создать страницу (New Page) — загружает во фрейм новую страницу шаблона Обычная страница (Normal Page)

Используя эти кнопки, вам необходимо указать страницы, которые будут загружаться по умолчанию в области фрейма при его открытии, а также создать ссылки с указанием того, в какую область фрейма эти страницы должны загружаться.

Рассмотрим пример создания Web-узла, в состав которого входит фрейм, представленный на рис. 20.23, и Web-страницы, просматриваемые с его помощью. Фрейм состоит из трех областей: заголовок, оглавление и основная область, в которой будет размещаться информация из Web-страниц, выбираемых с помощью оглавления.

Процесс создания Web-узла будет состоять из следующих этапов:

5. Связывание областей фрейма с загружаемыми в них по умолчанию страницами.
6. Связывание элементов списка, размещенных в оглавлении, со страницами, загружаемыми для просмотра в основную область фрейма.

Мы рассмотрели основные этапы работы, которую нам предстоит выполнить. Приступим к созданию Web-узла:

Замечание

Чтобы не запутаться в названиях страниц при создании ссылок, им лучше давать имена, которые будут ассоциироваться с областью фрейма, в которой эта страница будет отображаться. Присвоим созданной странице наименование banner_f.htm, т. к. она по умолчанию будет размещаться в области заголовка.

14. Используя кнопки Задать начальную страницу (Set Initial Page) остальных областей фрейма, поместите в них созданные страницы content_f.htm и main_f.htm.

Рис. 20.26. Диалоговое окно Конечная рамка

Проверьте действие ссылок, расположенных в области оглавления. При щелчке на любом из разделов оглавления в правой области фрейма отображается страница соответствующего раздела (рис. 20.28).

Рис. 20.28. Отображение страницы раздела в правой области фрейма при его выборе из оглавления

В рассмотренном примере мы устанавливали в диалоговом окне Конечная рамка (Target Frame) один и тот же конечный фрейм для всех ссылок оглавления. Можно было ускорить процедуру назначения, установив конечный фрейм по умолчанию для всех ссылок страницы. Для этого необходимо было выполнить следующие действия:

В нижней части рабочей области программы FrontPage при размещении в ней фрейма (см. рис. 20.28) вместо трех вкладок, соответствующих режимам просмотра обычных Web-страниц, появляется пять. Их назначение описано в табл. 20.5.

Для настройки свойств фрейма используется дишюговое окно Свойства рамки (рис. 20.29). Чтобы его открыть, выделите фрейм и выполните одно из следующих действий:

• В меню Рамки (Frame) выберите команду Свойства рамки (Frame Properties)
• Щелкните правой кнопкой мыши и выберите команду контекстного меню Свойства рамки (Frame Properties)

В верхней части диалогового окна расположены два поля. Поле Имя (Name) содержит название редактируемого фрейма, а поле Начальная страница (Initial page) — название страницы, отображаемой в данном фрейме при его начальной загрузке. Для изменения начальной страницы необходимо нажать кнопку Обзор (Browse), расположенную справа от поля. При этом открывается диалоговое окно Изменение гиперссылки (Edit Hyperlink), позволяющее указать для загрузки другую страницу.

Область Размер рамки (Frame size) содержит поля Ширина столбца (Column Width) и Высота (Height), указывающие размеры фрейма. Обратите внимание, что поле, задающее ширину фрейма, для которого открыто окно свойств, не доступно для модификации. Это связано с тем, что рассматриваемый нами фрейм занимает всю ширину фреймсета, которая и определяет его размер. При изменении размера фрейма изменяются также размеры всех граничащих с ним фреймов. Для указания единиц, в которых задаются размеры, используются расположенные справа от полей раскрывающиеся списки, содержащие следующие значения:

• точки (Pixels)
• относительная (Relative)
• проценты (Percent)

При выборе из списка значения точки размер фрейма задается в пикселах. Значение относительная указывает, что размер фрейма задается с учетом размеров фреймов, расположенных рядом с ним по горизонтали. В том случае, если необходимо указать размер фрейма в процентах от размера окна обозревателя, используется значение проценты.

• при необходимости (If Needed)
• никогда (Never)
• всегда (Always)

Для фрейма, содержащего заголовок, конечно, нет смысла использовать значения при необходимости (If Needed) или всегда (Always) — подойдет значение никогда (Never). В том случае, если содержимое фрейма меняется в зависимости от загруженной в него страницы, разумно использовать значение при необходимости (If Needed), т. к. если вся информация в нем помещается, то полоса прокрутки будет отсутствовать. Если информации будет много, полоса прокрутки появится.

Кнопка Стиль (Style), расположенная в нижнем левом углу диалогового окна Свойства рамки, позволяет изменить связанную с фреймом таблицу стилей.

При нажатии кнопки Страница рамок (Frame Page) области Параметры открывается диалоговое окно Свойства страницы (Page Properties) (рис. 20.30), в котором по умолчанию выбрана вкладка Рамки (Frames). Она содержит параметры, относящиеся к фреймсету.

Для изменения размеров фрейма, размещенного на странице, можно использовать не только диалоговое окно Свойства рамки (Frame Properties), но и мышь. Достаточно установить курсор на границу двух фреймов и, когда курсор примет вид двунаправленной стрелки, перемещать в ту или другую сторону.

Во фреймсет можно добавлять новые фреймы или удалить фреймы, которые больше не нужны. Для добавления нового фрейма выполните следующие действия:

1. Нажмите и удерживайте клавишу<Ctrl>.
2. Установите курсор на рамку, перед или выше которой хотите добавить новый фрейм. Под курсором появляется подсказка Для разделения рамки перетаскивайте ее при нажатой клавише Ctrl (Ctrl+Drag to split frame).
3. Нажмите кнопку мыши и, удерживая, перемещайте курсор в нужную сторону до образования области требуемого размера.
4. Отпустите клавишу<Ctrl> и кнопку мыши.

Для добавления во фреймсет нового фрейма можно также использовать команду меню:

Чтобы удалить фрейм из фреймсета, установите на него курсор и в меню Рамки (Frame) выберите команду Удалить рамку (Delete Frame). Освободившееся после удаления фрейма место будет занято оставшимися фреймами.