- •Создание 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.
4.4. Просмотр результатов работы в обозревателе
Вид, который будет иметь разработанный вами Web-узел при просмотре в обозревателе, несколько отличается от того, каким вы
его видите на экране в режиме редактирования программы
FrontPage. Поэтому вам необходимо периодически просматривать, как создаваемая страница будет выглядеть в обозревателе, чтобы вовремя устранить те или иные возникающие нюансы.
В программе FrontPage существует режим предварительного просмотра страницы в том виде, в котором она будет представлена в обозревателе. Для этого достаточно нажать кнопку Просмотр, расположенную в нижней части области редактирования програм- мы FrontPage (рис. 4.8).
Для просмотра результатов работы в обозревателе предназна-
чена команда Просмотр в обозревателе меню Файл и одноимен- ная кнопка на стандартной панели инструментов. При выполнении команды Просмотр в обозревателе на экране открывается диало- говое окно Просмотр в обозревателе, в котором расположен спи-
сок обозревателей, доступных для просмотра (рис. 4.9). Область Размер окна содержит опции, позволяющие указать размер окна обозревателя. Важно проверить, как будет выглядеть ваша страни- ца при различных разрешениях монитора.
После того как вы выбрали для просмотра тип обозревателя и установили необходимое разрешение монитора, нажмите кнопку Просмотр. Текущая страница Web-узла будет загружена в выбран-
ный вами обозреватель (рис. 4.10).
Глава 5. Использование изображений, звука и видео для оформления Web-страницы
Графика способна оживить Web-страницу, внести элемент на- глядности в излагаемый материал, облегчить восприятие информа- ции. При создании Web-узлов чаще всего применяют графические форматы JPEG и GIF. FrontPage позволяет импортировать файлы
следующих форматов: GIF, JPEG (JPG), PNG, BMP (Windows или OS/2), TIFF(TIF), WMF (Метафайлы Windows), SUN Raster (RAS), EPS (Инкапсулированный Postscript), PCX (Paintbrush), TGA(Targa), PCD (Kodak PhotoCD).
По умолчанию импортируемые форматы, за исключением форматов GIF и JPEG, преобразовываются FrontPage в формат GIF. При создании Web-страниц вы можете использовать графические
изображения из библиотеки Clip Art, входящей в состав Microsoft
Office, файлы, разработанные с использованием графических ре-
дакторов, а также применять изображения, полученные со сканера.
5.1. Фон страницы
Для создаваемых Web-страниц по умолчанию FrontPage пред-
лагает белый фон. Вы можете изменить цвет фона, используя пред- лагаемые программой цвета. Кроме того, в качестве фона страницы можно использовать графическое изображение, которое сделает вашу страницу более привлекательной.
Сначала рассмотрим, как изменить предлагаемый по умолча- нию программой FrontPage белый фон страницы на другой цвет. Для задания однотонного фона Web-страницы выполните следую-
щие действия:
1. Откройте созданный Web-узел. Для этого в меню Файл вы-
берите команду Последние веб-узлы.
2. Откройте web-страницу, дважды щелкнув на панели Спи-
сок папок имя ее файла.
3. В меню Формат выберите команду Фон. На экране откры- вается диалоговое окно Свойства страницы, содержащее шесть вкладок. По умолчанию открыта вкладка Фон (рис. 5.1).
Область Цвета содержит 5 раскрывающихся списков, позво-
ляющих задать цвета следующих элементов Web-страницы:
• Фон;
• Текст;
• Гиперссылка;
• Просмотренная ссылка;
• Активная ссылка.
4. Для задания цвета фона нажмите кнопку со стрелкой, пред-
назначенную для раскрытия списка Фон. Откроется палитра, со-
держащая 16 стандартных цветов. Для замены текущего фона дос-
таточно выбрать на палитре понравившийся цвет.
5. В том случае, если ни один из цветов вам не подходит, и вы хотите использовать дополнительные цвета, щелкните в области Другие цвета. Выбрав из предложенных цветов понравившийся, нажмите еще раз кнопку Выбрать, а затем кнопку ОК. Диалоговое окно закроется, а выбранный цвет отобразится в списке Фон.
6. Если вам не удалось подобрать цвет фона в диалоговом ок- не Другие цвета, тогда нажмите кнопку Другой. Откроется диало- говое окно Цвет (рис. 5.2), содержащее в области Основная па- литра 48 готовых цветов и позволяющее дополнительно создать 16 пользовательских. Получив необходимый цвет, нажмите кнопку ОК для закрытия диалогового окна.
7. Вернувшись в диалоговое окно Свойства страницы, на-
жмите кнопку ОК для его закрытия.
Использование изображения в качестве фона
Если вы решили в качестве фона Web-страницы использовать графическое изображение и оно уже подготовлено, то для облегче- ния размещения поместите его в папку images вашего Web-узла,
так как программа FrontPage именно там и начнет его искать. После
этого можете приступать к созданию фона страницы, выполнив следующие действия:
1. Откройте созданный Web-узел.
2. Откройте домашнюю страницу, дважды щелкнув мышью на панели Список папок на файле index.htm.
3. В меню Файл выберите команду Свойства или выберите команду контекстного меню страницы Свойства страницы.
4. В открывшемся диалоговом окне Свойства страницы пе-
рейдите на вкладку Фон.
5. Установите расположенный в верхней части диалогового окна флажок Фоновый рисунок.
6. Установите также флажок Подложка. Если он установлен,
то при перемещении по Web-странице с помощью полосы прокрут- ки не происходит смещения рисунка фона относительно объектов, расположенных на странице.
7. Для указания имени и расположения графического файла, содержимое которого будет использовано в качестве фона, нажми- те кнопку Обзор. На экране открывается диалоговое окно Выбрать
фоновый рисунок, в списке Папка которого указано имя открыто-
го Web-узла.
8. Если вы поместили графический файл в папку images, от- кройте ее (рис. 5.3), выберите подготовленный для фона страницы файл и нажмите кнопку ОК.
9. Выбрав необходимый файл, нажмите кнопку ОК для закры-
тия диалогового окна Выбрать фоновый рисунок.
Вы можете использовать единое графическое изображение на нескольких страницах Web-узла в качестве фона, устанавливая в диалоговом окне Свойства страницы флажок Получить сведения о фоне с другой страницы. В этом случае, если вы решите изме- нить фон, нет необходимости менять его на всех страницах, ис- пользующих одинаковое изображение, — достаточно сделать это на одной единственной странице.
Теперь, если вы захотите изменить фоновое изображение на всех страницах Web-узла, вам достаточно выполнить следующие действия:
1. Поместите новое графическое изображение в папку images
Web-узла.
2. Откройте окно свойств страницы, размещенной в папке images, для которой вы установили графическое фоновое изобра- жение.
3. Измените фоновое изображение, используя размещенный в данной папке новый графический файл.
4. Закройте окно свойств страницы.
Рис. 5.3. Диалоговое окно Текущий веб-узел