Конспект урока "Создание электронного учебника с помощью Microsoft FrontPage"
Создание электронного учебника с помощью Microsoft FrontPage
FrontPage — WYSIWYG-редактор HTML, входящий в состав пакета приложений
Microsoft Office.
Данное приложение при разработке страниц веб-узла пользуется движком Internet
Explorer (Trident). В браузерах, использующих другие движки (например, Gecko),
страницы, созданные с помощью FrontPage могут отображаться по-другому. Тем не менее,
при правильном использовании режимов совместимости, FrontPage позволяет создавать
сайты, отображающиеся одинаково в любом браузере.
Программа обладает широким спектром возможностей, в частности, может
автоматически отправлять изменения, внесённые разработчиком сайта в исходные тексты,
в режиме реального времени.
FrontPage унаследовал характерные черты стиля Office. Кнопки панелей
инструментов, команды меню, диалоговые окна и комбинации клавиш разработаны в
расчете на то, что они будут понятны и узнаваемы пользователями Office.
В верхней части экрана, под строкой заголовка располагается меню, панель
инструментов Стандартная и Форматирование.
Рис.1 Окно программы FrontPage
Существует несколько различных режимов просмотра содержимого
Web-узла:
Страница (Page)
Папки (Folders)
Удаленный Web-узел (Remote Web Site)
Отчеты (Reports)
Переходы (Navigation)
Гиперссылки (Hiperlinks)
Задачи (Tasks)
Представление страницы можно использовать в 4-х режимах:
Конструктор (Design) – режим по умолчанию. В этом режиме можно
разрабатывать и редактировать Web-страницы.
Код (Code) – просмотр тегов HTML.
С разделением (Split) – режим проверки и редактирования Web-
страницы в формате с разделением экрана, представляющем одновременно
доступ к режиму Код и Конструктор.
Просмотр (Prewiew) – просмотр внешнего вида страницы в Web-
обозревателе, не сохраняя ее.
В представлении Страница режим ее представления выбирается в левом
нижнем углу рабочего окна программы.
Создание структуры учебника
Для создания структуры учебника выполните следующие действия.
1. Создайте новый одностраничный Web-узел с именем Учебник. Для
этого выполните следующие действия: выберите команду Файл –
Создать. В открывшемся окне справа выберите команду
Одностраничный веб-узел. В поле Параметры укажите
расположение нового веб-узла, введите адрес Web-узла:
C:\Documents and Settings\user\мои документы\мои веб-узлы\Учебник
и щелкните ОК.
2. В режиме Переходы вызовите контекстное меню для страницы
index.htm и выберите пункт Создать – Страница. Под пиктограммой
домашней страницы появится пиктограмма новой страницы и между
ними установится связь.
3. Измените название страницы, выбрав из контекстного меню пункт
Переименовать. Дайте ей имя – Содержание. Измените так же имя
этой страницы на панели Список папок.
4. Добавьте страницы для каждого пункта учебника так, чтобы учебник
имел древовидную структуру, аналогичную предложенной на
рисунке.
Рис. 2 Создание структуры учебника
1. Index.htm
2. Содержание
3. Аннотация
4. Информационная часть
5. Практическая часть
6. Контроль
7. Словарь
8. Литература
При создании учебника можно редактировать созданную структуру,
добавляя или удаляя страницы.
Создание обложки учебника
Для создания обложки учебника, аналогичной представленной на
рисунке 3 выполните следующие действия.
Рис. 3 Обложка учебника
1. Выполните двойной щелчок на пиктограмме страницы index.htm,
чтобы открыть ее в режиме Конструктор.
2. Наберите текст обложки:
ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
МОУ «Средняя общеобразовательная школа №79»
Электронный учебник
Работа с документами в Microsoft Word
НОВОКУЗНЕЦК 2010
3. Используя панель инструментов Форматирование, измените цвет,
размер, начертание и тип шрифта, а так же выравнивание абзацев.
4. Добавьте подходящий рисунок: Вставка – Рисунок – Картинка.
5. Переключитесь в режим предварительного просмотра Просмотр и
оцените полученный результат. При необходимости вернитесь в в
режим Конструктор и выполните шаги 2-5.
6. Для создания цвета фона страницы в контекстном меню страницы
выберите шаблон оформления. Меню Формат – Тема. В правой
части экрана выберите нужную тему. Из контекстного меню
выберите команду Применить как тему по умолчанию. Нажмите
Да.
7. Сохраните документ.
Задания для самостоятельного выполнения
1. В файле index.htm наберите текст аннотации (расположите его перед
текстом: Новокузнецк 2010):
Электронный учебник разработан учеником (цей) 11 класса «А (Б)»
Ивановым Иваном.
2. Для создания бегущей строки используйте команду Вставка – Веб-
компонент – Динамические эффекты – Бегущая строка,
предварительно выделив текст. Для изменения настроек бегущей
строки используйте пункт Свойства бегущей строки контекстного
меню бегущей строки.
Оглавление
Рассмотрим один из вариантов создания оглавления учебника.
1. Откройте файл Содержание.html
2. С помощью меню Вставка, оформите Объявление на странице. В
качестве текста используйте название страницы Содержание.
Свойство – Рисунок.
3. Для добавления горизонтальной линии установите курсор в месте
вставки (перед текстом) и выберите команду Горизонтальная
линия из меню Вставка.
4. Для изменения свойств линии из контекстного меню выберите
пункт Свойства горизонтальной линии. Установите ширину –
90%, толщину – 7, выберите цвет, выравнивание по центру.
5. Для создания оглавления выберите пункт Веб-компонент в меню
Вставка, а в нем – Оглавление – Для данного Веб-узла.
6. Отметим, что только в браузере страница с оглавлением будет
выглядеть так, как показано на рисунке, в режиме Конструктор и в
режиме предварительного просмотра страница будет выглядеть по-
другому.
7. Переключитесь в браузер и оцените результат. При необходимости
отредактируйте документ.
8. Сохраните документ.
Задания для самостоятельного выполнения
1. Заполните страницу Аннотация.htm описанием электронного
учебника:
а. Цель создания учебника
б. Для кого предназначен электронный учебник
с. Требования к предварительным знаниям и умениям
пользователей электронного учебника
d. Требования к программному и аппаратному обеспечению,
необходимому для работы с электронным учебником.
е. Количество учебных часов, необходимых для работы с
учебником.
Информатика - еще материалы к урокам:
- Конспект урока "Разработка тематического проекта и создания web-сайта" 9 класс
- Конспект урока "Разветвляющийся алгоритм"
- Конспект урока "Безопасность школьников в сети Интернете"
- Конспект урока "Всемирная паутина" 8 класс
- Практическая работа "Светофор" 6 класс
- Практическая работа "Ветвление. Разветвляющиеся алгоритмы" 6 класс