- •Создание web-страниц в программе Microsoft FrontPage 2002 Учебно-методическое пособие
- •Введение
- •Глава 1. Введение в программу FrontPage
- •1.1. Запуск FrontPage
- •1.2. Главное окно программы
- •1.3. Открытие Web-узла
- •1.4. Открытие Web-страницы
- •1.5. Панели Список папок и Область переходов
- •1.6. Режимы просмотра и редактирования Web-страницы
- •1.7. Режим просмотра структуры папок
- •1.8. Режим Переходы
- •1.9. Режим Гиперссылки
- •1.10. Режим формирования и просмотра отчетов
- •1.11. Режим формирования и просмотра задач
- •1.12. Выход из программы FrontPage
- •Глава 2. Создание Web-узла с помощью мастеров и шаб-
- •2.1. Мастера создания Web-узлов
- •2.2. Шаблоны для создания Web-узлов
- •2.3. Шаблон создания одностраничного Web-узла
- •2.4. Шаблон создания пустого Web-узла
- •Images.
- •Страничный веб-узел
- •2.5. Шаблоны и мастера для создания Web-страниц
- •Глава 3. Размещение на Web-странице текста и заголовков
- •3.1. Форматирование текста на странице
- •3.2. Создание таблиц
- •Глава 4. Оформление одностраничного Web-узла
- •4.1. Размещение горизонтальных линий
- •4.2. Размещение даты
- •4.3. Создание общих областей
- •4.4. Просмотр результатов работы в обозревателе
- •Глава 5. Использование изображений, звука и видео для оформления Web-страницы
- •5.1. Фон страницы
- •5.2. Размещение графических изображений
- •5.3. Настройка свойств изображения
- •5.4. Редактирование изображений
- •5.5. Автоэскизы
- •5.6. Задание фонового звука страницы
- •5.7. Размещение видеозаписи
- •5.8. Использование тем в оформлении страницы
- •Глава 6. Создание текстовых и графических гиперссылок
- •6.1. Добавление в Web-узел новой страницы
- •6.2. Гиперссылки
- •6.3. Закладки
- •6.4. Создание графических ссылок
- •6.5. Режим просмотра гиперссылок Web-узла
- •6.6. Режим переходов Web-узла
- •6.7. Панель ссылок
- •Создание панели ссылок
- •6.8. Использование общих областей при создании панелей ссылок
- •Го уровня иерархии
- •Глава 7. Использование документов Microsoft Office при создании Web-страниц
- •7.1. Использование буфера обмена Windows
- •7.2. Размещение на Web-странице диаграммы Microsoft
- •7.3. Размещение файлов других форматов
- •7.4. Импорт файлов без преобразования формата
- •7.5. Сохранение документов Microsoft Office в html-
- •Глава 8. Использование сложных элементов при оформле-
- •8.1. Использование эффектов динамического html
- •8.2. Бегущая строка
- •8.3. Меняющиеся кнопки
- •8.4. Анимация на Web-страницах. Эффекты dhtml
- •8.5. Использование анимации при смене страниц
- •Гового окна Свойства страницы
- •8.6. Сворачивающиеся списки
- •8.7. Объявление на странице
- •Глава 9. Использование фреймов и стилей при создании
- •9.1. Шаблоны фреймов
- •9.2. Создание фрейма
- •9.3. Режимы просмотра фрейма
- •9.4. Свойства фреймов
- •9.5. Стили
- •9.6. Создание внешней таблицы стилей
- •9.7. Использование внешней таблицы стилей
- •9.8. Формы
- •Глава 10. Использование компонентов при создании Web-
- •10.1. Использование подстановок
- •Заключение
- •Контрольные вопросы
- •Задание на лабораторную работу «Создание web-узлов при по-
- •Глава 2. Создание Web-узла с помощью мастеров и шаблонов ..... 18
- •Глава 3. Размещение на Web-странице текста, заголовков и
- •Глава 4. Оформление одностраничного Web-узла ........................... 31
- •Глава 5. Использование изображений, звука и видео для
- •Глава 6. Создание текстовых и графических гиперссылоки ........... 52
- •Глава 7. Использование документов Microsoft Office при
- •Глава 8. Использование сложных элементов при оформлении
- •Глава 9. Использование фреймов и стилей при создании
- •Глава 10. Использование компонентов при создании
- •650043, Кемерово, ул. Красная, 6.
- •650043, Кемерово, ул. Ермака, 7.
10.1. Использование подстановок
Рассмотрим пример использования Подстановки. Например, на страницах Web-узла вы разместили адрес предприятия, контакт- ные телефоны, фамилии разработчиков и т. д. Как быть, если изме-
нился один из этих параметров (например, номер телефона)?
Если при размещении этой информации не использовались подстановочные компоненты, вам необходимо проверить все стра- ницы, где этот номер телефона может находиться, и ввести необхо- димые изменения. При использовании на Web-страницах подстано- вочных компонентов вы избавляете себя от проблем, связанных как с их размещением, так и с изменением значений, заданных с помо- щью переменных. Для размещения на Web-странице подстановоч- ного компонента выполните следующие действия:
1. Откройте редактируемую Web-страницу.
2. Установите курсор в место предполагаемого размещения компонента Подстановка.
3. В меню Вставка выберите команду Веб-компонент. От-
крывается диалоговое окно Вставка компонента веб-узла.
4. Из списка Тип компонента выберите значение Включен- ное содержимое, при этом в правой области окна появляется спи- сок Выберите тип содержимого.
5. Выберите из этого списка значение Подстановка и нажми-
те кнопку Готово. На экране открывается диалоговое окно Свой-
ства подстановки.
6. Нажмите кнопку раскрытия списка Заменить на и выбери- те значение переменной, определяющей размещаемый параметр (рис. 10.2).
7. Нажмите кнопку ОК. На Web-странице появляется значе-
ние, задаваемое данной переменной.
По умолчанию в списке Заменить на расположены перемен-
ные, называемые переменными конфигурации (табл. 10.1).
Таблица 10.1. Переменные конфигурации, формируемые про-
Переменная
Назначение
Автор
Разработчик
Web-страницы.
Информация
для
переменной
берется
из
поля
Кем
создан
вкладки
Сводка
диалогового
окна
свойств
страницы
Кем
изменен
Разработчик,
осуществлявший
последнюю
модификацию
Web-
страницы.
Информация
для
переменной
берется
из
поля
Кем
из-
менен
вкладки
Сводка
диалогового
окна
свойств
страницы
Описание
Описание
страницы
в
произвольной
форме.
Информация
для
пе-
ременной
берется
из
поля
Заметки
вкладки
Сводка
диалогового
окна
свойств
страницы
URL-адрес страницы
URL-адрес страницы. Информация для переменной берется из поля Размещение вкладки Общие диалогового окна свойств стра- ницы
Чтобы просмотреть значения данных параметров, откройте окно свойств страницы. Для этого на панели Список папок уста- новите курсор на наименование файла, нажмите правую кнопку мыши и выберите в контекстном меню команду Свойства.
При создании Web-узла с помощью мастера список перемен- ных конфигурации формируется на основе ответов на вопросы, за- даваемые мастером. Их значения можно посмотреть и отредактиро- вать на вкладке Параметры диалогового окна Настройка веб-узла (рис. 10.3). Для его открытия в меню Сервис выберите команду Настройка веб-узла. При разработке Web-узла без использования мастера список переменных конфигурации вы должны сформиро- вать самостоятельно.
Для добавления в список переменных, которые затем могут использоваться в качестве подстановочных компонентов, предна- значена кнопка Добавить. При ее нажатии открывается диалоговое окно Добавить имя и значение (рис. 10.4), содержащее два поля. Поле Имя используется для ввода наименования переменной, а по- ле Значение — ее значения. Завершив ввод данных нажмите кноп- ку ОК для его закрытия. Введенная переменная и ее значение поя- вятся в списке диалогового окна Настройка веб-узла.
Вернемся к рассматриваемому примеру. Допустим, на многих страницах созданного вами Web-узла размещен подстановочный компонент с указанием телефона предприятия. Для изменения но- мера телефона на всех Web-страницах узла необходимо выполнить следующие действия:
1. В меню Сервис выберите команду Настройка веб-узла.
2. В открывшемся диалоговом окне Настройка веб-узла пе-
рейдите на вкладку Параметры.
3. В списке переменных конфигурации выберите переменную,
задающую изменившийся номер телефона предприятия.
4. Нажмите кнопку Изменить.
5. В поле Значение открывшегося диалогового окна Измене- ние имени и значения введите новое значение телефона предпри- ятия.
6. Нажмите кнопку ОК окна Настройка веб-узла.
Программа FrontPage обновит номер телефона на всех страни-
цах Web-узла.