Создание электронного учебника с помощью редактора MS FrontPage

Создание электронного учебника с помощью MicrosoftFrontPage

FrontPage — WYSIWYG-редактор HTML, входящий в состав пакета приложений Microsoft Office.

Данное приложение при разработке страниц веб-узла пользуется движком Internet Explorer (Trident). В браузерах, использующих другие движки (например, Gecko), страницы, созданные с помощью FrontPage могут отображаться по-другому. Тем не менее, при правильном использовании режимов совместимости, FrontPage позволяет создавать сайты, отображающиеся одинаково в любом браузере.

Программа обладает широким спектром возможностей, в частности, может автоматически отправлять изменения, внесённые разработчиком сайта в исходные тексты, в режиме реального времени.

FrontPage унаследовал характерные черты стиляOffice. Кнопки панелей инструментов, команды меню, диалоговые окна и комбинации клавиш разработаны в расчете на то, что они будут понятны и узнаваемы пользователями Office.

В верхней части экрана, под строкой заголовка располагается меню, панель инструментов Стандартная и Форматирование.

Рис.1 Окно программы FrontPage

Существует несколько различных режимов просмотра содержимого Web-узла:

Страница (Page)

Папки (Folders)

УдаленныйWeb-узел (RemoteWebSite)

Отчеты (Reports)

Переходы (Navigation)

Гиперссылки (Hiperlinks)

Задачи (Tasks)

Представление страницы можно использовать в 4-х режимах:

Конструктор (Design) – режим по умолчанию. В этом режиме можно разрабатывать и редактироватьWeb-страницы.

Код (Code) – просмотр тегов HTML.

С разделением (Split) – режим проверки и редактирования Web-страницы в формате с разделением экрана, представляющем одновременно доступ к режиму Код и Конструктор.

Просмотр (Prewiew) – просмотр внешнего видастраницы вWeb-обозревателе, не сохраняя ее.

В представлении Страница режим ее представления выбирается в левом нижнем углу рабочего окна программы.

Создание структуры учебника

Для создания структуры учебника выполните следующие действия.

Создайте новый одностраничный Web-узел с именем Учебник. Для этого выполните следующие действия: выберите команду Файл – Создать. В открывшемся окне справа выберите команду Одностраничный веб-узел. В поле Параметры укажите расположение нового веб-узла,введите адрес Web-узла:C:\Documents and Settings\user\мои документы\мои веб-узлы\Учебник и щелкните ОК.

В режиме Переходы вызовите контекстное меню для страницы index.htm и выберите пункт Создать – Страница. Под пиктограммой домашней страницы появится пиктограмма новой страницы и между ними установится связь.

Измените название страницы, выбрав из контекстного меню пункт Переименовать. Дайте ей имя – Содержание.Измените так же имя этой страницы на панелиСписок папок.

Добавьте страницы для каждого пункта учебника так, чтобы учебник имел древовидную структуру, аналогичную предложенной на рисунке.

Рис. 2 Создание структуры учебника

Index.htm

Содержание

Аннотация

Информационная часть

Практическая часть

Контроль

Словарь

Литература

При создании учебника можно редактировать созданную структуру, добавляя или удаляя страницы.

Создание обложки учебника

Для создания обложки учебника, аналогичной представленной на рисунке 3 выполните следующие действия.

Рис. 3 Обложка учебника

Выполните двойной щелчок на пиктограмме страницыindex.htm, чтобы открыть ее в режиме Конструктор.

Наберите текст обложки:

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

МОУ «Средняя общеобразовательная школа №79»

Электронный учебник

Работа с документами в MicrosoftWord

НОВОКУЗНЕЦК 2010

Используя панель инструментов Форматирование, измените цвет, размер, начертание и тип шрифта, а так же выравнивание абзацев.

Добавьте подходящий рисунок: Вставка – Рисунок – Картинка.

Переключитесь в режим предварительного просмотраПросмотр и оцените полученный результат. При необходимости вернитесь в в режимКонструктор и выполните шаги 2-5.

Для создания цвета фона страницы в контекстном меню страницы выберите шаблон оформления. Меню Формат – Тема. В правой части экрана выберите нужную тему. Из контекстного меню выберите команду Применить как тему по умолчанию. Нажмите Да.

Сохраните документ.

Задания для самостоятельного выполнения

В файле index.htm наберите текст аннотации (расположите его перед текстом: Новокузнецк 2010):

Электронный учебник разработан учеником (цей) 11 класса «А (Б)» Ивановым Иваном.

Для создания бегущей строки используйте команду Вставка – Веб-компонент – Динамические эффекты – Бегущая строка, предварительно выделив текст. Для изменения настроек бегущей строки используйте пункт Свойства бегущей строки контекстного меню бегущей строки.

Оглавление

Рассмотрим один из вариантов создания оглавления учебника.

Откройте файл Содержание.html

С помощью меню Вставка, оформите Объявление на странице. В качестве текста используйте название страницы Содержание. Свойство – Рисунок.

Для добавления горизонтальной линии установите курсор в месте вставки (перед текстом) и выберите командуГоризонтальная линия из меню Вставка.

Для изменения свойств линии из контекстного меню выберите пункт Свойства горизонтальной линии. Установите ширину – 90%, толщину – 7, выберите цвет, выравнивание по центру.

Для создания оглавления выберите пункт Веб-компонент в меню Вставка, а в нем – Оглавление – Для данного Веб-узла.

Отметим, что только в браузере страница с оглавлением будет выглядеть так, как показано на рисунке, в режиме Конструктор и в режиме предварительного просмотра страница будет выглядеть по-другому.

Переключитесь в браузер и оцените результат. При необходимости отредактируйте документ.

Сохраните документ.

Задания для самостоятельного выполнения

Заполните страницу Аннотация.htm описанием электронного учебника:

а. Цель создания учебника

б. Для кого предназначен электронный учебник

с. Требования к предварительным знаниям и умениям пользователей электронного учебника

d. Требования к программному и аппаратному обеспечению, необходимому для работы с электронным учебником.

е. Количество учебных часов, необходимых для работы с учебником.

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/155951-sozdanie-jelektronnogo-uchebnika-s-pomoschju-