Управление параметрами страниц фреймов.

Чтобы продолжить работу двойным щелчком мыши откройте в режиме редактирования страницу фреймов index.htm. Как вы знаете, при этом внизу экрана будут отображены кнопки, управляющие режимами представления текущего документа. Традиционно этих кнопок четыре:Конструктор, С разделением, Код и Просмотр. Однако в случае страниц фреймов добавляется еще одна кнопка – Без рамок. Рассмотрим более подробно существующие представления для страниц фреймов.

Представление Конструктор, как и прежде, является режимом визуального проектирования Web-документа. Именно в нем мы и создавали прошлый раз страницу фреймов. Представление Просмотр также не готовит нам никаких сюрпризов: оно позволяет, не выходя из Microsoft FrontPage, узнать, как текущая документ будет отображаться браузером Microsoft Internet Explorer.

Переключитесь в представление С разделением. Обратите внимание, что сейчас этот режим позволяет в верхней части экрана просмотреть HTML-код элемента, выделенного в нижней части экрана. Если в нижней части экрана выделен один из фреймов, вверху вы увидите HTML-код документа, отображаемого в выделенном фрейме. Если же в нижней части экрана вы выделите набор фреймов, вверху вы увидите HTML-код самой страницы фреймов. (В прошлый раз мы уже упоминали, что выделение можно выполнить с помощью мыши: чтобы выделить какой-либо фрейм достаточно выполнить щелчок мыши внутри этого фрейма (фрейм будет обрамлен серой рамкой), а для выделения набора фреймов следует выполнить щелчок по внешней границе фреймовой структуры.)

Однако если вас действительно интересует код страницы фреймов, проще воспользоваться представлением Код. В прошлый раз мы уже говорили, что страница фреймов представляет собой особый тип Web-документа, определяющего способ разбивки на фреймы, параметры форматирования этих фреймов, а также документы, отображаемые в каждом из фреймов. И глядя на HTML-код нашей домашней страницы, в этом можно лишний раз убедиться. Обратите внимание, что в том случае, если браузер пользователя не поддерживает отображение страниц фреймов, при открытии подобной страницы на экран будет выведено сообщение об отсутствии фреймов. По умолчанию в качестве подобного сообщения Microsoft FrontPage предлагает использовать фразу «Эта страница использует рамки, однако ваш обозреватель их не поддерживает». Чтобы изменить текст для браузеров, которые не поддерживают фреймы, вы можете внести коррективы прямо в представлении Код. Однако более удобно выполнить соответствующие изменения в представлении Без рамок. Более того, в этом новом режиме вы можете создать альтернативное представление вашей страницы фреймов на тот редкий случай, если браузер посетителя вашего сайта не поддерживает отображение фреймов. Для этого представление Без рамокследует использовать как режим визуального проектирования для разработки подобного «безфреймового замещения». Правда, следует иметь в виду, что это альтернативное представление также будет прописано в HTML-коде страницы фреймов и помещено внутри парного тега <noframes>. А это означает, что подобное замещение увеличивает размер исходного документа, и, следовательно, увеличивает время его загрузки.

А сейчас поговорим об изменении созданной страницы фреймов. Прежде всего, вы имеете возможность добавлять новые фреймы или же удалять существующие. Чтобы добавить новый фрейм, следует просто любой существующий фрейм разбить по горизонтали или по вертикали, в результате чего будут созданы два фрейма. Продемонстрируем это на примере. Представим, что мы хотим разбить верхний фрейм на два вертикальных фрейма. Чтобы это осуществить, вернитесь в представление Конструктор, выделите верхний фрейм, щелкнув внутри него мышью, и выполните команду Рамки / Разделить рамку. При этом на экране появится диалоговое окно Разделить рамку(рис. 35), в котором следует указать способ разбиения фрейма: на столбцы или на строки. Установите переключатель Разбить на столбцы и подтвердите выбор с помощью кнопки ОК. После этого останется только задать документ для отображения в новом фрейме (кнопки Задать начальную страницу… и Создать страницу).

Продолжим наши эксперименты по изменению страницы фреймов. Удалим только что созданный фрейм. Для этого выделите новый фрейм и выполните команду Рамки / Удалить рамку. Заметьте, что при этом выделенный фрейм действительно будет удален из набора фреймов, однако следует иметь в виду, что документ, отображавшийся в удаленном фрейме, останется в папке сайта.

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

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

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

Для точной настройки размеров, а также определения других параметров фрейма используется диалоговое окно Свойства рамки. Чтобы вызвать это окно, необходимо выделить фрейм и выполнить команду Рамки / Свойства рамки…или же щелкнуть правой кнопкой мыши внутри фрейма и в появившемся контекстном меню выбрать Свойства рамки…

Попробуйте таким образом вызвать окно Свойства рамки для верхнего фрейма (рис. 36). В поле Имя этого диалогового окна отображается имя текущего фрейма (banner). Если по каким-то причинам вас не устаивает имя, определенное программой, в это поле вы можете ввести новое имя для фрейма. Правда, в случае переименования фрейма следует помнить о том, что все гиперссылки вашего сайта, указывающие на данный фрейм, перестанут действовать. В подобном случае вам придется найти каждое вхождение такой гиперссылки и в окне Изменение гиперссылки с помощью кнопки Выбор рамки… изменить имя фрейма на новое. В нашем случае изменение имени верхнего фрейма не является таким катастрофическим, поскольку наш сайт не содержит гиперссылок, указывающих на данный конкретный фрейм.

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

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

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

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

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

В этом же диалоговом окне можно настроить отображение или скрытие границ фреймов. Для этого в разделе Параметры воспользуйтесь кнопкой Страница рамок… В результате на экран будет выведено знакомое нам диалоговое окно настройки параметров страницы, только открытое на вкладке Рамки (рис. 37). С помощью флажка Показать границы можно управлять включением и отключением отображения границ фреймов. Следует иметь в виду, что этот параметр будет применен ко всем фреймам, расположенным на данной странице. А с помощью поля Интервал между рамками можно задать расстояние между фреймами. В том случае, если флажок Показать границы установлен, ширина границ определяется настройками в поле Интервал между рамками. По умолчанию, она равна двум пикселям. С тем, чтобы создать иллюзию целостности просматриваемой страницы, снимите флажок Показать границы и в качестве расстояния между фреймами проверьте в поле Интервал между рамками наличие нулевого значения (0). Не забудьте подтвердить применение выбранных параметров с помощью кнопок ОК.

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

- размеры полей по 15 пикселей;

- определите ширину фрейма в пикселях (ширина интерактивной кнопки+30; для определения ширины кнопки: щелчок правой кнопкой мыши по кнопке / Свойства кнопки… / вкладка Рисунок);

- отмените вывод на экран полосы прокрутки;

- отмените возможность для пользователя изменять размеры фрейма в браузере.

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

- размеры полей по 15 пикселей;

- укажите, что полоса прокрутки в фрейме должна отображаться только при необходимости.

В заключение сохраните страницу фреймов c помощью инструмента панели Стандартная и протестируйте ее в браузере, воспользовавшись инструментом . Как видите, нам действительно удалось добиться иллюзии целостности страницы фреймов.

На этом наше сегодняшнее занятие мы заканчиваем. Не забудьте завершить работу с браузером и выполнить