- Преподавателю
- Информатика
- Практическая работа по информатике на тему Создание сайта в редакторе Microsoft Office Front Page
Практическая работа по информатике на тему Создание сайта в редакторе Microsoft Office Front Page
Раздел | Информатика |
Класс | 10 класс |
Тип | Другие методич. материалы |
Автор | Бизина Г.Ю. |
Дата | 16.01.2016 |
Формат | doc |
Изображения | Есть |
Практическая работа
Создание макета сайта в редакторе 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.