Практическое занятие. «Использование FrontPage для создания карт ссылок»

Карта ссылок – это графический элемент web-страницы, представляющий собой две или более гипертекстовые ссылки, каждая из которых активизируется при щелчке мышью на определенной области изображения.

1. Запустите Microsoft FrontPage и откройте созданный ранее web-сайт, для чего выберите команду Файл (File) > Открыть (Open), затем в окне Открыть файл (Open File) выберите папку, в которой были сохранены папки и файлы web-сайта, укажите файл index.htm и щелкните на кнопке Открыть (Open).

Откройте ее для редактирования страницу interests.htm (на web-странице должен быть расположен рисунок автомобиля).

2. Сейчас создадим на рисунке автомобиля гиперссылку на изображении колеса. Ссылка должна открывать web-страницу, на которой описан этот элемент автомобиля.

Выделите картинку с изображением автомобиля. В результате в нижней части окна FrontPage появится панель инструментов Рисунки (Pictures).

Используя элемент рисования Эллипс (Circular Hotspot) , нарисуйте контур на изображении колеса автомобиля. В открывшемся окне Вставить гиперссылку (Create Hyperlink) щелкните на кнопке Создать новый документ (Create a page and link to the new page . В появившемся окне Новый (New) выберите шаблон Normal Page и нажмите ОК. В результате на экране появилась новая web-страница. В новой странице введите текст: На этой странице будет рассказано про колеса, диски, резину.

3. Сохраните созданную web-страницу под именем coleso.htm в папку, где располагаются остальные страницы сайта.

4. На панели Виды (Views) выберите Навигация (Navigation). Укажите файл coleso.htm в разделе Список папок (Folder List), нажмите левую кнопку мыши и, не отпуская кнопки, перетащите файл coleso.htm в окно, расположенное справа. Появившуюся в навигационной схеме web-страницу расположите так, чтобы она была доступна с web-страницы Интересы.

5. Вернитесь к редактированию web-страницы Интересы. Используя инструмент рисования Прямоугольник (Rectangular Hotspot) , нарисуйте контур на стекле автомобиля. Аналогично шагу 2 задайте для контура гиперссылку, однако на этот раз адресуйте ее к web-сайту компании BMW – http://www.bmw.com.

6. Сохраните отредактированную web-страницу.

7. Для проверки действия созданной карты ссылок переключите FrontPage в режим Просмотр (Preview). Щелкая мышью на активных областях изображения с гиперссылкми, проверьте действие карты ссылок.

8.Завершите работу редактора FrontPage.