4.9 Лабораторная работа № 13 FrontPage. Организация связи с другими страницами

Цель работы:

• научиться создавать гиперссылки в редакторе FrontPage

• научиться создавать кнопки и связывать их с web-страницами

Задание

1. Откройте страницу index.htm.

2. Создайте три пустые web-страницы (Файл-Создать, в области задач выбрать пункт Пустая страница). Сохраните их в папку с вашим сайтом под именами FrontPage.htm, Web.htm и HTML.htm. Откройте эти страницы и вставьте в них соответствующий текст из теоретического материала по FrontPage. Сохраните страницы.

3. Создайте гиперссылки для каждого элемента списка в разделе содержания. Для этого нужно выделить элемент списка, нажать правую кнопку мыши и выбрать в меню пункт Гиперссылка, либо щелкнуть по соответствующей кнопке на панели Форматирование. В открывшемся диалоговом окне выбрать Связать с файлом, web-страницей, открыть папку Мой web-узел и связать элемент с соответствующей web-страницей. Проверьте работу гиперссылок, открыв каждую страницу. Сохраните страницу index.htm, при необходимости сохраните внедренные графические файлы в папку image.

4. Чтобы увидеть, как будет выглядеть страница с точки зрения пользователя, ее нужно просмотреть в web-браузере. Для этого выполните команду Файл-Просмотреть в обозревателе. Чтобы вернуться обратно во FrontPage, закройте окно обозревателя.

5. Создайте еще одну пустую web-страницу и сохраните ее в свою папку под именем Author.htm. На этой странице будут содержаться сведения об авторе. Напишите на ней несколько слов о себе. Можете вставить рисунок, добавить фон.

6. Вернитесь на страницу index.htm. Установите курсор под списком разделов сайта. Выполните команду Вставка-Меняющаяся кнопка. В открывшемся диалоговом окне выберите желаемый вид кнопки. В разделе Текст напишите «Об авторе». В разделе Ссылка нажмите кнопку Обзор и в папке Мой web-узел выберите страницу Author.htm. Страницы, открываемые по гиперссылкам в разделе оглавления, по умолчанию отображаются в центральном фрейме. Чтобы открываемая по гиперссылке страница выводилась не в центральный фрейм, а в отдельное окно, нужно выполнить следующее. Щелкните по кнопке Выбор рамки и в списке объектов выберите Новое окно. Затем перейдите на вкладку Шрифт и отформатируйте надпись на кнопке по своему усмотрению. Проверьте работу кнопки.

7. Сохраните страницу, внедренные графические файлы сохраните в папку image.

8. Просмотрите главную страницу в обозревателе. Она должна выглядеть примерно так, как на рисунке 4.1. Проверьте работу кнопки и гиперссылок.

Рисунок 4.1 - Главная страница с фреймами

Задания для самостоятельной работы

1. Создайте в разделе содержания еще одну кнопку, которая будет открывать титульную страницу. Назовите ее «Домой».

2. Создайте для кнопки гиперссылку на титульную страницу.

3. В качестве фрейма для вывода выберите центральный.

4. Настройте кнопку таким образом, чтобы при наведении и нажатии на нее менялся цвет надписи.

Контрольные вопросы

1. Что такое гиперссылка?

2. С какими объектами можно создавать связь по гиперссылке?

3. Что из себя представляет меняющаяся кнопка, почему она так называется?

4. Каким образом можно выбрать фрейм для вывода страницы?

5. Как можно увидеть web-страницу «глазами» пользователя?