Задание. Создайте многостраничный экспериментальный сайт города Кемерово

Пошаговая работа №2. Создание многостраничного Web-узла

Выполняя это задание, вы научитесь:

- создавать новый многостраничный узел, используя панель Navigation,

- создавать панели навигации сайта с использованием общих областей.

Задание. Создайте многостраничный экспериментальный сайт города Кемерово.

Щелкните по ярлычку FrontPage на вашем рабочем столе. Откроется окно программы.

Для создания пустого Web-узла необходимо в меню File (Файл) New (Новый) Web (Web-узел).

В появившемся окне New Web-sites в поле Specify the location of the new web (укажите расположение нового узла) наберите имя и местоположение нового узла. Например, student_2.

Щелкните дважды левой кнопкой мышки по значку Page Web (пустой Web-узел). Программа создаст новый узел, с которым вы будете работать.

Добавьте папку Kiev к содержимому вашего узла. Переместите ее в папку Image.

Активизируйте область Folder List, если она закрыта. Для этого используйте меню View-Folder List (Вид/Папки). В открывшейся области отображается структура созданного сайта, состоящая из двух папок.

Выполните команду Файл/Создать/Новая страница.В результате будет добавлена новая страница под именем Новая_страница1.htm.

Затем нажмите правой клавишей на имени странице и выберите сохранить. Будет предложено имя по умолчанию, как index.htm. Страницa index.htm по умолчанию считается домашней страницей сайта. Дважды щелкните по имени файла index.htm в области Folder List. В рабочем окне программы откроется пустая страница, на которой вы будете размещать необходимые объекты.

Активизируйте режим работы Navigation (Переходы), нажав кнопку на панели Views (Вид).

Установите указатель мыши на значок Home Page . Переименуйте страницу на Киев, выбрав в контекстном меню опцию Rename (Переименовать).

Щелкните правой кнопкой мыши на домашней странице, представленной на карте сайта. В появившемся контекстном меню выберите New Page (Создать страницу), новая страница отобразится на экране в виде значка, расположенного под значком домашней страницы. Переименуйте страницу, нажав правой кнопкой по значку новой страницы и выбрав в контекстном меню опцию Rename: История.

Создайте еще две новые страницы, присвоив им имена: Культура, Князья .

Создайте четвертую новую страницу, щелкнув правой кнопкой мыши по странице Князья. Присвойте имя странице: Ярослав Мудрый. Эта страница будет дочерней по отношению к странице Князья.

Не путайте имя страницы (тело документа) с именем файла!

Перейдите в режим Page (Страницы), нажав кнопку на панели Views (Вид). Сохраните все ваши изменения - Save.

Вернитесь в режим Navigation (Переходы). Щелкайте левой кнопкой мыши по созданным вами страницам и попробуйте перемещать их. Вы увидите, как просто можно изменить структуру сайта в зависимости от ваших планов, ведь планы иногда могут меняться! Затем восстановите начальную структуру сайта.

Наполните каждую страницу информацией и иллюстрациями, используя содержимое папки Kiev и поочередно открывая каждую страницу, дважды щелкая в области Folder List.

Создадим темы оформления с использованием общих областей.

Выделите все страницы, для этого нажмите кнопку Ctrl и поочередно нажимайте на страницах.

Выберите меню Формат/Тема. В появившейся панели выберите любую понравившуюся тему оформления , нажмите на стрелку и выберите Применить ко всем выделенным страницам.

Автоматически добавятся две папки - _themes, _frclass

Нажмите кнопку ОК. Сохраните все изменения - Save и перейдите в режим Просмотра.