- •Создание 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.
9.8. Формы
Формы, размещаемые в Web-узле, содержат объекты, позво- ляющие посетителям вводить информацию (рис. 9.10). Это поля, в которые информация вводится вручную, списки, содержащие вари- анты ответов, из которых посетителю необходимо выбрать вариант, группы переключателей, флажки, предполагающие два варианта ответа — согласен или не согласен. Формы содержат также кнопки, позволяющие выполнять определенные действия, например, пере- слать на сервер для дальнейшей их обработки введенную в поля информацию или очистить поля ввода формы.
Поля формы на Web-странице выделяются контурной пунк-
тирной рамкой. При разработке формы необходимо тщательно продумать, какие объекты в ней будут использоваться. Основные требования, предъявляемые к формам, — простота, краткость, по- нятные конструкции по ее заполнению.
Для создания форм FrontPage предлагает шаблоны и мастера,
облегчающие их разработку:
• Форма подтверждения;
• Форма обратной связи — шаблон формы для ввода замечаний;
• Мастер страницы формы — мастер создания формы для опро-
са посетителей Web-узла;
• Гостевая книга;
• Страница поиска;
• Регистрационная форма.
Формы, созданные с помощью мастеров и шаблонов, можно модифицировать, добавляя в них новые элементы управления, ре- дактируя имеющиеся. Кроме того, FrontPage предоставляет средст- ва для самостоятельной разработки форм. Для размещения объек- тов в форме служат опции команды Форма, содержащейся в меню Вставка. Настройка и редактирование объектов формы осуществ- ляются с помощью окна их свойств, открываемого двойным щелч- ком на объекте или командой контекстного меню Свойства поля формы. С помощью окон свойств объектов формы можно задать, чтобы некоторые поля заполнялись в обязательном порядке или со- держали информацию определенного типа и т. д.
После того как форма создана, необходимо предусмотреть средства для обработки данных, вводимых в форму. Управление данными можно осуществлять несколькими способами:
• Сохранить в файле, имеющем формат HTML, обычный текст или текст базы данных
• Переслать по электронной почте
• Передать для обработки в ASP- или CGI-сценарий
• Поместить в дискуссионную или регистрационную форму
Настройка средств обработки данных, полученных с помощью формы, осуществляется в окне свойств формы Свойства формы,
открываемом одноименной командой контекстного меню.
Глава 10. Использование компонентов при создании Web-
страниц
Компоненты, предоставляемые в распоряжение разработчика программой FrontPage, представляют собой готовые к применению программные модули, для использования которых достаточно раз- местить компоненты на Web-странице и настроить их свойства. Использование компонентов расширяет функциональные возмож- ности Web-узла, ускоряет разработку и избавляет от необходимо- сти программирования. Перечислим наиболее часто применяемые компоненты:
• Подстановка — размещает на Web-странице информацию, за-
даваемую с помощью переменной. При изменении значения переменной происходит автоматическое обновление данных во
всех местах, где эта переменная используется;
• Страница — вставляет содержимое отдельной страницы с пе- риодически обновляемой информацией в другие страницы Web-узла. Данный объект удобен для размещения в Web-узле периодически обновляемой информации, которая должна при- сутствовать на нескольких страницах. Изменения, осуществ- ленные на исходной странице, автоматически будут отображе- ны во всех местах, где эта страница используется;
• Страница с расписанием — вставляет содержимое отдельной страницы в другие страницы Web-узла на определенный интер-
вал времени (например, для рекламы какого-либо товара, анон-
са предстоящей выставки);
• Рисунок с расписанием — вставляет графическое изображе-
ние на страницу Web-узла на определенный интервал времени
• Счетчик посещений — размещает на Web-странице компо- нент, позволяющий получить сведения о том, сколько пользо- вателей открывало Web-узел;
• Форма поиска — позволяет посетителям Web-узла проводить поиск необходимой информации;
• Оглавление — размещает на домашней странице иерархиче-
ское оглавление со ссылками на все страницы Web-узла.
В программе FrontPage для размещения на Web-страницах компонентов используется диалоговое окно Вставка компонента веб-узла (рис. 10.1) со списком компонентов. Чтобы открыть это
окно, выполните одно из следующих действий:
• В меню Вставка выберите команду Веб-компонент;
• Нажмите кнопку Веб-компонент на стандартной панели ин-
струментов.