ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 13.06.2024
Просмотров: 149
Скачиваний: 0
СОДЕРЖАНИЕ
Использование сложных элементов при оформлении Web-страниц Использование эффектов динамического html
Использование анимации при смене страниц
Использование фреймов при создании Web-страниц
Использование компонентов при создании Web-страниц
Страница, включаемая по расписанию
Область Размер рамки (Frame size) содержит поля Ширина столбца (Column Width) иВысота (Height), указывающие размеры фрейма. Обратите внимание, что поле, задающее ширину фрейма, для которого открыто окно свойств, не доступно для модификации. Это связано с тем, что рассматриваемый нами фрейм занимает всю ширину фреймсета, которая и определяет его размер. При изменении размера фрейма изменяются также размеры всех граничащих с ним фреймов. Для указания единиц, в которых задаются размеры, используются расположенные справа от полей раскрывающиеся списки, содержащие следующие значения:
-
точки (Pixels)
-
относительная (Relative)
-
проценты (Percent)
При выборе из списка значения точки размер фрейма задается в пикселах. Значениеотносительная указывает, что размер фрейма задается с учетом размеров фреймов, расположенных рядом с ним по горизонтали. В том случае, если необходимо указать размер фрейма в процентах от размера окна обозревателя, используется значениепроценты.
С помощью полей Ширина (Width) и Высота (Height) области Поля (Margins) можно задать размеры полей страницы, т. е. интервалы между содержимым страницы и границами фрейма. Объекты интерфейса, расположенные в области Параметры(Options), позволяют управлять фреймом при просмотре его в обозревателе. Например, при установленном флажке Изменять размер в обозревателе (Resizable in browser) можно с помощью мыши изменить размеры фреймов по своему усмотрению, а, используя значения раскрывающегося списка Полосы прокрутки — указать, отображать ли во фреймах полосы прокрутки. Список содержит следующие значения:
-
при необходимости (If Needed)
-
никогда (Never)
-
всегда (Always)
Для фрейма, содержащего заголовок, конечно, нет смысла использовать значения при необходимости (If Needed) или всегда (Always) — подойдет значение никогда (Never). В том случае, если содержимое фрейма меняется в зависимости от загруженной в него страницы, разумно использовать значение при необходимости (If Needed), т. к. если вся информация в нем помещается, то полоса прокрутки будет отсутствовать. Если информации будет много, полоса прокрутки появится.
Кнопка Стиль (Style), расположенная в нижнем левом углу диалогового окна Свойства рамки, позволяет изменить связанную с фреймом таблицу стилей.
При нажатии кнопки Страница рамок (Frame Page) области Параметры открывается диалоговое окно Свойства страницы (Page Properties) (рис. 20.30), в котором по умолчанию выбрана вкладка Рамки (Frames). Она содержит параметры, относящиеся к фреймсету.
Рис. 20.30. Вкладка Рамки диалогового окна Свойства страницы
Поле Интервал между рамками (Frame Spacing) позволяет указать толщину разделительных линий между фреймами на странице. Флажок Показать границы (Show Borders) определяет, показывать ли разделительные линии между фреймами.
Управление фреймами
Для изменения размеров фрейма, размещенного на странице, можно использовать не только диалоговое окно Свойства рамки (Frame Properties), но и мышь. Достаточно установить курсор на границу двух фреймов и, когда курсор примет вид двунаправленной стрелки, перемещать в ту или другую сторону.
Во фреймсет можно добавлять новые фреймы или удалить фреймы, которые больше не нужны. Для добавления нового фрейма выполните следующие действия:
1. Нажмите и удерживайте клавишу<Ctrl>. 2. Установите курсор на рамку, перед или выше которой хотите добавить новый фрейм. Под курсором появляется подсказка Для разделения рамки перетаскивайте ее при нажатой клавише Ctrl (Ctrl+Drag to split frame). 3. Нажмите кнопку мыши и, удерживая, перемещайте курсор в нужную сторону до образования области требуемого размера. 4. Отпустите клавишу<Ctrl> и кнопку мыши.
Рис. 20.31. Добавление во фреймсет нового фрейма
Образовавшийся новый фрейм (рис. 20.31) содержит кнопки Задать начальную страницу (Set Initial Page) и Создать страницу (New Page), позволяющие определить загружаемые в него страницы.
Для добавления во фреймсет нового фрейма можно также использовать команду меню:
1. Выделите фрейм, область которого хотите разбить на две части, шелкнув на нем мышью. 2. В меню Рамки (Frame) выберите команду Разделить рамку (Split Frame). 3. В открывшемся диалоговом окне Разделить рамку (Split Frame) (рис. 20.32), содержащем опции Разбить на столбцы (Split into columns) n Разбить на строки (Split into rows), установите требуемую опцию. 4. Нажмите кнопку ОК.
Рис. 20.32. Диалоговое окно Разделить рамку
Чтобы удалить фрейм из фреймсета, установите на него курсор и в меню Рамки (Frame) выберите команду Удалить рамку (Delete Frame). Освободившееся после удаления фрейма место будет занято оставшимися фреймами.
Использование компонентов при создании Web-страниц
Использование подстановок Счетчик посещений Включаемая страница Страница, включаемая по расписанию Изображение, включаемое по расписанию Компонент поиска Компонент создания оглавления Подтверждение введенной информации
Использование подстановок
Компоненты, предоставляемые в распоряжение разработчика программой FrontPage, представляют собой готовые к применению программные модули, для использования которых достаточно настроить свойства компонентов. За счет применения компонентов расширяются функциональные возможности Web-узла, ускоряется процесс разработки и отпадает необходимость программирования в тех случаях, когда за вас это сделали другие.
Так, например, компонент Подстановка (Substitution) позволяет размещать на Web-страницах информацию, задаваемую с помощью переменных. При изменении значения переменной произойдет автоматическое обновление данных на всех Web-страницах, где эта переменная используется.
Компонент Страница (include Page) вставляет содержимое отдельной страницы в другие страницы Web-узла. Данный объект удобен для размещения в Web-узле периодически обновляемой информации, которая должна присутствовать на нескольких страницах. Изменения, осуществленные на исходной странице, автоматически будут отображены во всех местах, где эта страница используется.
Для рекламы какого-либо товара, анонса предстоящей выставки или распродажи можно использовать компоненты Страница с расписанием (Scheduled Include Page) и Рисунок с расписанием (Scheduled Picture), Позволяющие включить в Web-страницу информацию или графическое изображение на определенный период времени, после чего они исключаются из страницы.
Размещение на домашней странице компонента Счетчик посещений (Hit Counter) позволит получить сведения о том, как популярен у пользователей ваш Web-узел, а компонент Форма поиска (Search Form) облегчит посетителям поиск необходимой информации.
Для размещения на домашней странице ссылок на все страницы Web-узла можно использовать компонент Оглавление (Table of Contents), создающий иерархическое оглавление узла со ссылками. В программе FrontPage для размещения на Web-страницах компонентов используется диалоговое окно Вставка компонента веб-узла (Insert Web Component) (рис. 21.1) со списком компонентов. Чтобы открыть это окно, выполните одно из следующих действий:
-
В меню Вставка (Insert) выберите команду Веб-компонент (Web Component)
-
Нажмите кнопку Веб-компонент (Web Component) на стандартной панели инструментов
Рис. 21.1. Диалоговое окно Вставка компонента веб-узла
С помощью компонента подстановка (Substitution) на страницах Web-узла размещают информацию, изменение которой автоматически приведет к модификации данных на всех Web-страницах узла.
Рассмотрим такой пример. На страницах Web-узла вы разместили адрес предприятия, контактные телефоны, фамилии разработчиков и т. д. Как быть, если изменился один из этих параметров (например, номер телефона)?
Если при размещении этой информации не использовались подстановочные компоненты, вам необходимо проверить все страницы, где этот номер телефона может находиться, и ввести необходимые изменения. Это легко сделать, если страниц немного, и вы помните, на какой из них расположен изменившийся параметр. А что делать, если Web-узел содержит огромное количество страниц? Вероятность того, что вы не везде введете нужные изменения, велика. При использовании на Web-страницах подстановочных компонентов вы избавляете себя от проблем, связанных как с их размещением, так и с изменением значений, заданных с помощью переменных. Для размещения на Web-странице подстановочного компонента выполните следующие действия:
1. Откройте редактируемую Web-страницу. 2. Установите курсор в место предполагаемого размещения компонента Подстановка. 3. В меню Вставка (Insert) выберите команду Веб-компонент (Web Component). Открывается диалоговое окно Вставка компонента веб-узла (Insert Web Component) (см. рис. 21.1). 4. Из списка Тип компонента (Component type) выберите значение Включенное содержимое (Included Content), при этом в правой области окна появляется списокВыберите тип содержимого (Choose a type of content). 5. Выберите из этого списка значение Подстановка (Substitution) и нажмите кнопкуГотово (Finish). На экране открывается диалоговое окно Свойства подстановки(Substitution Properties). 6. Нажмите кнопку раскрытия списка Заменить на (Substitude with) и выберите значение переменной, определяющей размещаемый параметр (рис. 21.2). 7. Нажмите кнопку ОК. На Web-странице появляется значение, задаваемое данной переменной.
Рис. 21.2. Диалоговое окно Свойства подстановки
По умолчанию в списке Заменить на расположены переменные, называемыепеременными конфигурации (табл. 21.1).
Таблица 21.1. Переменные конфигурации, формируемые программой FrontPage
Переменная |
Назначение |
Автор(Author) |
Разработчик Web-страницы. Информация для переменной берется из поля Кем создан (Created by) вкладки Сводка (Summary) диалогового окна свойств страницы (рис. 21.3) |
Кем изменен (Modified By) |
Разработчик, осуществлявший последнюю модификацию Web-страницы. Информация для переменной берется из поля Кем изменен (Modified By) вкладки Сводка (Summary) диалогового окна свойств страницы (см. рис. 21 .3) |
Описание (Description) |
Описание страницы в произвольной форме. Информация для переменной берется из поля Заметки (Comments) вкладки Сводка (Summary) диалогового окна свойств страницы (см. рис. 21 .3) |
URL-адрес страницы (Page URL) |
URL-адрес страницы. Информация для переменной берется из поля Размещение (Location) вкладки Общие (General) диалогового окна свойств страницы |