Практическая работа по информатике на тему Создание сайта в редакторе Microsoft Office Front Page
Практическая работа
Создание макета сайта в редакторе Microsoft Office FrontPage
Задание: Создайте макет сайта.
Алгоритм выполнения
Создайте в своей папке папку сайта с именем site1.
Откройте редактор Microsoft Office FrontPage.
Создайте сайт на основе папки site1: а) выполните команду Файл, Создать. б) в панели Создание в разделе Создать веб-узел выберите Другие шаблоны веб-узла; в) в окне Шаблоны веб-узлов в разделе параметры укажите расположение нового веб-узла (используя экранную кнопку Обзор, выделите папку site1); г) щелкните дважды на папке site1 затем на кнопках Открыть, Ок. (рис.1 и 2)
Выполните настройку кодировки языка сайта: меню Сервис, Параметры узла. В окне Параметры узла (Рис.3.) перейдите на вкладку Язык (Рис.4.) и выберите следующие установки: - язык сообщений сервера: русский; - применяемый по умолчанию набор знаков для страниц: кириллица; - Игнорировать раскладку при выборе кодировки новых страниц.
Создайте страницы сайта с именами: 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.
15