Практическая работа по информатике на тему "Создание сайта в редакторе Microsoft Office Front Page"

Практическая работа

Создание макета сайта  в редакторе Microsoft Office FrontPage

Задание: Создайте макет сайта.

Алгоритм выполнения

1.     Создайте в своей папке папку сайта с именем site1.

2.     Откройте редактор Microsoft Office FrontPage.

3.     Создайте сайт на основе папки site1:
а) выполните команду Файл, Создать.
б) в панели Создание в разделе Создать веб-узел выберите Другие шаблоны веб-узла;
в) в окне Шаблоны веб-узлов в разделе параметры укажите расположение нового веб-узла (используя экранную кнопку Обзор, выделите папку site1);
г) щелкните дважды на папке site1 затем на кнопках Открыть, Ок. (рис.1 и 2)

4.     Выполните настройку кодировки языка сайта: меню Сервис, Параметры узла.
В окне Параметры узла (Рис.3.) перейдите на вкладку Язык (Рис.4.) и выберите следующие установки:
- язык сообщений сервера: русский;
- применяемый по умолчанию набор знаков для страниц: кириллица;
- Игнорировать раскладку при выборе кодировки новых страниц.

5.     Создайте страницы сайта с именами: zagolov.html, menu.html, 1.html, 2.html, 3.html. С этой целью выполните следующие операции:
а) создайте новую страницу, щелкнув на кнопке Создание новой обычной страницы;
б)щелкнув правой кнопкой в области поля страницы, выберите в контекстном меню команду Свойства страницы;
в) в окне Свойства страницы (Рис.5.) на вкладке Общие введите текст заголовка страницы, перейдите на вкладку Язык (Рис. 6.) и выберите следующие установки
- Поместить текущий документ, указав: русский;
- Сохранить документ, используя: кириллица;
- Повторить загрузку текущего документа, используя: кириллица;

г) примените к страницам zagolov.html, menu.html тему для графического оформления: меню Формат, Тема, Выбрать тему;
д) введите в область страницы соответствующий текстовый заголовок (Заголовок);
е) сохраните страницу в папке сайта: меню Файл, Сохранить как, введите имя страницы (zagolov);
ж) аналогично оформите и остальные веб-страницы.

Рис.1.Вид окна Шаблоны веб-узлов.	Рис.2.Выбор папки для создания веб-узла.
Рис.3. Вид окна Параметры узла	Рис.4.Настройка кодировки языка сайта
Рис.5. Задание параметров страницы	Рис. 6.Установка языка страницы и набора знаков

6.  Создайте главную страницу сайта с фреймовой структурой:
а) выполните команду меню Файл, Создать, Другие шаблоны страницы;
б) в открывшемся окне Шаблоны страницы  перейдите на вкладку Страница рамок и выберите тип фреймовой структуры Объявление и оглавление;
в) в окне отображения макета страницы (Рис.6) щелкните на кнопке Задать начальную страницу в заголовочном фрейме; в списке файлов сайта выделите страницу zagolov.html и щелкните на кнопке ОК (Рис. 7.)

Рис. 7. Созданный редактором макет страницы.

 Рис.8. Задание страницы, отображаемой во фрейме.

г) в левом фрейме щелкните на кнопке Задать начальную страницу, в списке файлов выделите страницу menu.html и щелкните по кнопке на кнопке ОК. Страница menu.html, открытая в левом фрейме, пока не содержит кнопки перехода на другие  веб-страницы;
д) в правом фрейме щелкните на кнопке Задать начальную страницу, в списке файлов сайта выделите страницу 1.html и щелкните на кнопке ОК.
Результат отражен на Рис. 8.

Рис. 9. Образец страницы index.html.

е) сохраните главную страницу сайта: меню Файл, Сохранить как, введите имя страницы index.html.