Лабораторная работа №8 Тема: Использование Microsoft FrontPage для редактирования web-узла

Цель: Освоить редактирование web-страниц со вставкой рисунков, таблиц, гиперссылок.

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

1. Загрузите программу Microsoft Front Page (Пуск, Программы, Microsoft Front Page).

2. Выберите меню Файл, Новый, Web… В появившемся окне шаблонов выберите шаблон Личный Web-узел, нажмите кнопку OK.

При этом Front Page сформирует шаблоны нескольких страниц и установит связи между ними.

Если на экране отсутствуют окно Список папок, то обратитесь к меню Обзор и включите кнопку Список папок.

3. Щелкните мышью по кнопке веб-узел затем Переходы. На экране будет показана схема созданного сайта на основе шаблона (см. рисунок 9.1).

Рисунок 9.1- схема созданного веб –узла по шаблону

4. Отредактируйте названия страниц. Для этого щелкните правой кнопкой мыши по рисунку страницы, в сплывающем меню выберите команду Переименовать и введите новое название.

Например, как на рисунок 9.2:

Рисунок 9.2- схема нового веб-узла

5. При необходимости добавьте в схему навигации дополнительные страницы. Для этого в поле схемы навигации щелкните правой кнопкой мыши и вo всплывающем меню выберите команду Новая верхняя страница. В схеме навигации подцепите мышкой появившуюся страницу и передвиньте ее на нужный уровень так, чтобы появились связи (см. рисунок 9.3).

Отредактируйте название новых страниц, по аналогии с пунктом 4.

Рисунок 9.3- схема навигации

6. Перейдите на главную страницу (она помечена значком «домик»).

Для перехода из схемы навигации к любой странице достаточно выполнить двойной щелчок мышью по ее изображению на схеме.

7. Выберите схему отображения связей между страницами. Для этого щелкните правой кнопкой мыши по строке навигации и во всплывающем меню выберите команду Свойства Панель ссылок (см. рисунок 9.4)

Рисунок 9.4- окно главной страницы

В появившемся окне Свойства Панели ссылок выберите Дочерние страницы домашней (см. рисунок 9.5). Нажмите кнопку OK.

Рисунок 9.4- окно свойств панели управления

8. Выберите стиль оформления сайта - меню Формат, Тема. Выберите любую тему из предлагаемого списка и нажмите кнопку ОК.

9. Перейдите в режим просмотра сайта (кнопка Просмотр в нижней части окна Front Page). Переходя по ссылкам просмотрите структуру сайта.

10. Перейдите в режим редактирования страниц (кнопка Конструктор в нижней части окна Front Page). Отредактируйте каждую страницу. Уберите ненужный текст (Выделите ненужный текст и нажмите кнопку Delete на клавиатуре) и вставьте материал, найденный в интернете по данной теме, а также иллюстрации, используя команду меню Вставка, Рисунок, Из файла.

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

1. Что такое шаблон веб-узла?

2. Какие существуют шаблоны?

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

4. Какие объекты могут выступать в роли гиперссылки?

5. Как поместить изображение на страницу?

6. Как установить стиль оформления страницы?

7. Как установить и изменить свойства изображения в редакторе FrontPage?