- •Создание 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.
6.3. Закладки
Переход по гиперссылке осуществляется в начало страницы Web-узла. Это не всегда удобно, так как Web-страницы в большин- стве случаев содержат большой объем информации. Для перехода в определенное место Web-страницы используют закладки и именно на них устанавливают гиперссылки. Таким образом, закладка — это объект на странице, к которому осуществляется переход по ги- перссылке.
Создание закладки
Для размещения на Web-странице закладки выполните сле-
дующие действия:
1. Установите курсор в место расположения закладки.
2. В меню Вставка выберите команду Закладка или нажмите комбинацию клавиш <Ctrl>+<G>. На экране открывается диалого- вое окно Закладка (рис. 6.4), содержащее список закладок, создан-
ных на текущей странице.
3. Введите в поле Имя закладки наименование создаваемой закладки.
4. Нажмите кнопку ОК.
Посмотрите теперь на текст Web-страницы (рис. 6.5). В месте установки курсора появился значок закладки.
Рис. 6.4. Диалоговое окно Закладка
Для создания закладки можно использовать не только текст, но и графическое изображение. По внешнему виду графического объекта не видно, что он является закладкой, как в случае текстово- го объекта. Но в его контекстном меню появляется команда Свой- ства закладки, открывающая диалоговое окно Закладка.
Поиск закладки и ее удаление
С правой стороны диалогового окна Закладка расположены две кнопки:
• Очистить — удаляет выделенную закладку, оставляя текст в неприкосновенности;
• Перейти — осуществляет переход к выделенной в диалого-
вом окне закладке.
Если на странице размещено несколько закладок, и вы не знаете, какая из них где размещена, то, используя имя закладки, можно найти ее расположение на странице. Для этого выполните следующие действия:
1. Установите курсор слева или справа от значка любой за-
кладки на Web-странице.
2. Откройте диалоговое окно Закладка.
3. Из списка закладок выберите наименование закладки, кото-
рую хотите найти на Web-странице.
4. Нажмите кнопку Перейти. На странице будет выделен зна-
чок требуемой вам закладки.
Создание ссылки на закладку текущей страницы
При создании гиперссылок на закладки необходимо различать два случая:
• Закладки и ссылки на них расположены на одной странице;
• Закладка и ссылка на нее находятся на разных страницах Web-
узла.
Рассмотрим пример создания Web-страницы, содержащей ссылки на закладки, расположенные на той же Web-странице. Для этого выполните следующие действия:
1. Добавьте в созданный нами тестовый Web-узел новую стра-
ницу и сохраните ее.
2. Разместите на странице большой фрагмент текста в виде трех абзацев.
3. Расположите перед текстом маркированный список из двух пунктов для перехода на второй и третий абзац текста.
4. В начале второго абзаца создайте закладку.
5. Аналогичным образом создайте в третьем абзаце вторую за- кладку. Диалоговое окно Закладка будет содержать список из двух закладок. Закройте это окно.
6. Перейдите в начало Web-страницы.
7. Выделите первый элемент списка и откройте диалоговое окно Добавление гиперссылки, нажав кнопку Добавление гипер- ссылки на панели инструментов.
8. На панели Связать с диалогового окна Добавление гипер- ссылки нажмите кнопку, содержащую текст с местом в докумен- те. В области Выберите место в документе отображается список созданных закладок (рис. 6.6).
9. Выделите в списке название первой закладки, на которую создаете ссылку, и нажмите кнопку ОК для закрытия диалогового окна.
10. Для создания следующей ссылки выделите второй элемент списка, откройте для него диалоговое окно Добавление гипер- ссылки и повторите работу.
Ссылки на закладки созданы. Проверьте их действие.
Редактирование ссылки
Выделите ссылку и после этого в меню Вставка выберите ко-
манду Гиперссылка или выберите команду контекстного меню
Свойства гиперссылки
В результате на экране откроется диалоговое окно Изменение гиперссылки, которое аналогично окну Добавление гиперссыл- ки. Измените в нем необходимые параметры и нажмите кнопку ОК.
Удаление ссылки
Для удаления созданной ссылки выделите ее и нажмите кла-
вишу <Delete> или <Backspace> на клавиатуре. При этом удаляется
не только ссылка, но и исходный текст, использовавшийся для ее создания. В том случае, если вы хотите сохранить текст гиперссыл- ки, вы должны поступить иначе:
1. Откройте окно редактирования ссылки Изменение гипер-
ссылки любым удобным способом.
2. Нажмите кнопку Удалить ссылку и затем кнопку ОК.
Текст, на основе которого создавалась ссылка, остался, только принял формат окружающего его текста.