frontpage2002
.pdfЗагрузка и отображение Web-страницы на экран монитора выполняется браузером, установленным на компьютере пользователя. Именно браузер загружает HTML-документ, содержащий HTMLтеги, определяет форматирование текста, выполняет загрузку графических изображений с сервера. Отображение документа осуществляется программным обеспечением браузера. Но так как браузеры, применяемые пользователями, различны, а сами браузеры отличаются заложенными в них стандартами, то и Web-страницу они отображают каждый по-своему. Во избежание недоразумений обязательно протестируйте созданный Web-узел с помощью наиболее часто применяемых пользователями браузеров, таких как Internet Explorer.
Внешний вид просматриваемой в обозревателе Web-страницы зависит не только от типа браузера, но и от монитора, видеокарты, применяемой пользователем операционной системы и установленного на мониторе разрешения. Поэтому, разрабатывая собственный Web-узел, вы должны просмотреть, как будет выглядеть ваша страница в браузере при разрешении экрана 800x600, 1024x768 и 1240х940, так как это наиболее часто используемые на компьютере разрешения.
Важным параметром Web-страницы, который необходимо учитывать при разработке, является занимаемый ею объем. Чем больше объем, тем дольше будет загрузка страницы. При большом объеме страницы посетитель может не дождаться завершения ее загрузки и перейти на другой Web-узел. Объем Web-страницы, как правило, определяется объемом размещаемых на странице графических и мультимедийных файлов. Поэтому для уменьшения времени загрузки файла необходимо использовать файлы данных типов в оформлении Web-страницы как можно меньшего объема.
FrontPage позволяет узнать предполагаемое время загрузки Web-страницы на компьютер пользователя в зависимости от скорости соединения с Web-сервером. Оно отображается в строке состояния в режиме редактирования страницы справа от значка с изображением песочных часов. Чтобы узнать время загрузки при другой скорости соединения, щелкните мышью в правой области строки состояния и выберите из появившегося меню значение предполагаемой скорости соединения с Web-сервером.
111
После того как вы создали Web-узел, его можно опубликовать на сервере для всеобщего доступа. Публикация Web-узла предполагает размещение файлов, содержащих страницы и графику, на Webсервере, подключенном к Интернету. Если вы собираетесь поместить свой Web-узел на сервер провайдера, следует узнать, поддерживает ли сервер технологии, используемые вами при разработке. Прежде чем публиковать Web-узел, тщательно проверьте его. Обратите особое внимание на разорванные ссылки.
Не вошедшие в пособие компоненты FrontPage XP попробуйте изучить самостоятельно. Приложения Office XP имеют дружественный интерфейс и прекрасную справочную систему, которые в трудной ситуации придут вам на помощь. Для более детального изучения описанных приложений обратитесь к литературе из серии книг, посвященным конкретным приложениям из пакета Microsoft Office XP.
Контрольные вопросы
1.Как открыть с диска web-узел, с которым вы недавно работали.
2.Включите режим переходов.
3.Оставьте видимой только одну ветвь web-узла?
4.Как увеличить масштаб просмотра до 100 %.
5.Какими приемами можно открыть web-страницу в режиме просмотра Страница?
6.Выберите для активной страницы новую схему оформления.
7.Измените цвета схемы, выбрав новый вариант.
8.Назначьте заголовкам новый шрифт.
9.Как сохранить web-страницу.
10.Закройте web-узел.
11.Как добавить на Web-страницу таблицу с тремя столбцами.
12.Назначьте ячейкам таблицы желтый фон.
13.Назначьте фон страницы.
14.Cвяжите ссылки на web-страницы с другими страницами.
15.Измените панель навигации так, чтобы в нее выводились кнопки страниц того же уровня, а также ссылки на домашнюю и родительскую страницы.
16.Как настроить текст заголовка окна?
17.Как просмотреть HTML-код полученной страницы.
112
18.Откройте созданную страницу в окне браузера Internet Explorer и проверьте работу гиперссылок.
19.Как создать новый узел (страницу).
20.Скопируйте в новый узел web-страницы из другого узла.
21.Создайте новую страницу с двумя кадрами — основным и верхним заголовком.
22.Свяжите кадры страницы index.htm с новыми web-страницами.
23.Под каким именем следует сохранять основной HTML-файл, управляющий кадрами?
24.Добавьте в страницу какое-нибудь изображение из библиоте-
ки ClipArt.
25.Добавьте к изображению динамический эффект.
26.Назначьте фоновый звук новой странице audio.htm.
Задание на лабораторную работу «Создание web-узлов при помощи программы FrontPage XP»
Представьте собственный web-сайт (web-узел) на свободную тему. Требования к web-узлу:
1.Наличие гипертекста и мультимедийной информации.
2.Презентабельность (т.е. достаточно высокий уровень полноты представленного материала).
3.Желательно использовать схему сайта в виде страниц с общими полями-границами или на основе фреймового (рамочного) шаблона.
4.Наличие дополнительных динамических эффектов.
5.Свободное редактирование (изменение) по указанию преподавателя.
Список рекомендованной литературы
1.Вонг, У. Office 2003 для "чайников". : Пер. с англ. – М.: Издательский дом "Вильяме", 2004. – 336 с.
2.Берлинер, Э.М. Microsoft Office 2003 / Э.М. Берлинер, И.Б. Гла-
зырина, Б.Э. Глазырин – М.: ООО "Бином-Пресс", 2004. – 576 с.
113
СОДЕРЖАНИЕ |
|
Введение ................................................................................................ |
3 |
Глава 1. Введение в программу FrontPage .......................................... |
4 |
1.1. Запуск FrontPage ........................................................................ |
4 |
1.2. Главное окно программы .......................................................... |
4 |
1.3. Открытие Web-узла ................................................................... |
8 |
1.4. Открытие Web-страницы .......................................................... |
9 |
1.5. Панели Список папок и Область переходов ........................... |
9 |
1.6. Режимы просмотра и редактирования Web-страницы ......... |
11 |
1.7. Режим просмотра структуры папок ....................................... |
13 |
1.8. Режим Переходы ...................................................................... |
14 |
1.9. Режим Гиперссылки ................................................................ |
15 |
1.10. Режим формирования и просмотра отчетов ........................ |
16 |
1.11. Режим формирования и просмотра задач ............................ |
16 |
1.12. Выход из программы FrontPage ............................................ |
17 |
Глава 2. Создание Web-узла с помощью мастеров и шаблонов .....18 |
|
2.1. Мастера создания Web-узлов ................................................. |
18 |
2.2. Шаблоны для создания Web-узлов ........................................ |
20 |
2.3. Шаблон создания одностраничного Web-узла ..................... |
21 |
2.4. Шаблон создания пустого Web-узла ...................................... |
22 |
2.5. Шаблоны и мастера для создания Web-страниц ................... |
23 |
Глава 3. Размещение на Web-странице текста, заголовков и |
|
таблиц ................................................................................................... |
23 |
3.1. Форматирование текста на странице ..................................... |
24 |
3.2. Создание таблиц ...................................................................... |
28 |
Глава 4. Оформление одностраничного Web-узла ........................... |
31 |
4.1. Размешение горизрнталных линий ........................................ |
31 |
4.2. Размещение даты ..................................................................... |
34 |
4.3. Создание общих областей ....................................................... |
35 |
4.4. Просмотр результатов работы в обозревателе ...................... |
37 |
Глава 5. Использование изображений, звука и видео для |
|
оформления Web-страницы ............................................................... |
38 |
5.1. Фон страницы .......................................................................... |
39 |
5.2. Размещение графических изображений ................................ |
42 |
5.3. Настройка свойств изображений ............................................ |
44 |
5.4. Редактирование изображений ................................................ |
47 |
5.5. Автоэскизы ............................................................................... |
47 |
114
5.6. Задание фонового звука страницы ......................................... |
48 |
5.7. Размещение видеозаписи ........................................................ |
49 |
5.8. Использование тем в оформлении страницы ........................ |
51 |
Глава 6. Создание текстовых и графических гиперссылоки ........... |
52 |
6.1. Добавление в Web-узел новой страницы .............................. |
52 |
6.2. Гиперссылки ............................................................................. |
54 |
6.3. Закладки .................................................................................... |
57 |
6.4. Создание графических ссылок ............................................... |
61 |
6.5. Режимы просмотра гиперссылок Web-узла .......................... |
62 |
6.6. Режим перехода Web-узла ...................................................... |
63 |
6.7. Панель ссылок .......................................................................... |
66 |
6.8. Использование общих областей при создании панелей |
|
ссылок .................................................................................................. |
68 |
Глава 7. Использование документов Microsoft Office при |
|
создании Web-страниц ........................................................................ |
72 |
7.1. Использование буфера обмена Windows ............................... |
72 |
7.2. Размещение на Web-странице диаграммы Microsoft Excel .73 |
|
7.3. Размещение файлов других форматов ................................... |
75 |
7.4. Импорт файлов без преобразования формата ....................... |
75 |
7.5. Сохранение документов Microsoft Office в HTML-формате 76 |
|
Глава 8. Использование сложных элементов при оформлении |
|
Web-страниц ........................................................................................ |
78 |
8.1. Использование эффектов динамического HTML ................. |
78 |
8.2. Бегущая строка ......................................................................... |
79 |
8.3. Меняющиеся кнопки ............................................................... |
81 |
8.4. Анимация на Web-страницах. Эффекты DHTML ................ |
84 |
8.5. Использование анимации при смене страниц ....................... |
86 |
8.6. Сворачивающиеся списки ....................................................... |
88 |
8.7. Объявления на странице ......................................................... |
89 |
Глава 9. Использование фреймов и стилей при создании |
|
Web-страниц ........................................................................................ |
91 |
9.1. Шаблоны фреймов ................................................................... |
92 |
9.2. Создание фрейма ..................................................................... |
93 |
9.3. Режимы просмотра фрейма .................................................... |
98 |
9.4. Свойства фреймов ................................................................... |
99 |
9.5. Стили ...................................................................................... |
101 |
9.6. Создание внешней таблицы стилей ..................................... |
101 |
115
9.7. Использование внешней таблицы стилей ........................... |
102 |
9.8. Формы ..................................................................................... |
104 |
Глава 10. Использование компонентов при создании |
|
Web-страниц ...................................................................................... |
106 |
10.1. Использование подстановок ............................................... |
107 |
Заключение ........................................................................................ |
110 |
Контрольные вопросы ...................................................................... |
112 |
Задание на лабораторную работу .................................................... |
113 |
Список рекомендованной литературы ............................................ |
113 |
Редактор Е.Л. Наркевич
Подписано к печати ___.___.____ г. Формат 60х841/16. Печать офсетная. Печ. л. _____. Уч.-изд. л. ____. Тираж 100 экз.
Заказ № __________
ГОУ ВПО "Кемеровский государственный университет". 650043, Кемерово, ул. Красная, 6.
Отпечатано в издательстве "Кузбассвузиздат". 650043, Кемерово, ул. Ермака, 7.
116