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

Раздел Информатика
Класс 10 класс
Тип Другие методич. материалы
Автор
Дата
Формат doc
Изображения Есть
For-Teacher.ru - все для учителя
Поделитесь с коллегами:

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

Создание макета сайта в редакторе 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);
ж) аналогично оформите и остальные веб-страницы.


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

Рис.1.Вид окна Шаблоны веб-узлов.

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

Рис.2.Выбор папки для создания веб-узла.

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

Рис.3. Вид окна Параметры узла

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

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

Рис.5. Задание параметров страницы

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

Рис. 6.Установка языка страницы и набора знаков


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

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

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

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

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

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

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

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

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

© 2010-2022