Проектирование цифрового образовательного ресурса в программе FrontPage

ГККП «Высший колледж, город Кокшетау»
при управлении образования
Акмолинской области
Проектирование цифрового образовательного ресурса в программе FrontPage
(методические рекомендации для преподавателей)
Кокшетау - 2017
Составитель: Тлегенова С. Д.
Проектирование цифрового образовательного ресурса в программе FrontPage (методические рекомендации для преподавателей). – Кокшетау, 2017 – 20 с.
В данном пособии дано руководство по проектированию цифрового образовательного ресурса преподавателя в программе MS FrontPage. Предлагается структура ЦОР и алгоритм его составления в электронном виде.
© Тлегенова С. Д., 2017.
Введение
Современный образовательный процесс трудно представить без качественного обеспечения учебными электронными материалами. За последнее время их видовой состав пополнился такими новейшими педагогическими программными средствами, как электронные учебные пособия, средства компьютерного моделирования, Интернет-сайты, тренажеры, обучающие программы и другие образовательные ресурсы. В связи с этим особую значимость приобретают вопросы создания качественных программных средств для обучения.
Актуальность выбранной темы состоит в следующем: использование в учебном образовательном процессе цифрового образовательного ресурса позволяет повысить интерес к обучению и помощь в усвоении учебного материала, а так же комплексное использование информационных технологий с другими учебными предметами.
Сейчас вместо традиционных «электронных учебников» и прочих «CD-ROMов» нам предлагается разрабатывать и использовать ЦОРы – Цифровые Образовательные Ресурсы.
ЦОР- это учебные (образовательные) материалы, представленные в цифровой форме...
фотографии,
видеофрагменты,
текстовые документы,
звукозаписи,
картографические материалы,
статические и динамические модели,
объекты виртуальной реальности и интерактивного моделирования,
символьные объекты и деловая графика,
или иные учебные материалы, необходимые для организации учебного процесса.
Занятие №1
Прежде чем приступить к работе по созданию ЦОР, необходимо создать две папки:
1)документы набранные в текстовом процессоре Microsoft Word (Н-р: Лекции, разработки уроков, фотографии, видео и т.д.) и назовем её «Материал для ЦОР»;
2) «ЦОР по дисциплине». Данная папка предназначена для сохранения всей информации созданной в программе MicrosoftFrontPage.
Разработка ЦОР начинается с создания его макета средствами HTML-редактора MicrosoftFrontPage. MicrosoftFrontpage XP — современная интегрированная оболочка для построения отдельных web-страниц и целых web-узлов. Даже неопытный пользователь, незнакомый с языками программирования, сможет с помощью Frontpage самостоятельно создать свой собственный web-узел и опубликовать его в Интернете. Web-редактор Frontpage станет прекрасным дополнением и для арсенала опытного Web-дизайнера.
Интерфейс FrontPage аналогичен интерфейсу других программ MicrosoftOffice, и если вы использовали текстовый процессор MicrosoftWord, то используя наши рекомендации, вы без труда освоитесь с работой по созданию и наполнению содержанием веб-страницы средствами FrontPage.
Программа FrontPage включена в комплекс приложений MicrosoftOfficeXP. Запуск редактора FrontPage осуществляется с помощью команды Пуск→Все программы→MicrosoftOffice→MicrosoftFrontPage.

Рисунок 1
Рабочее окно программы MSFrontPage содержит знакомых для вас панель стандартная и форматирования. Документ, созданный в MSFrontPage, имеет 4 режима просмотра. Вам необходим режим «Конструктор» и режим «Просмотра".
Прежде чем создать ЦОР, необходимо определиться какую информацию вы хотите разместить, в каком виде, т.е. определить структуру электронного ЦОР.
Шаблон MSFrontPage позволяют определить структуру вашего электронного ЦОР и содержит много готовых шаблонов, которые можно использовать для создания Web-страниц.
Так как мы будем создавать не только электронную страничку или документ, а электронный ЦОР нам понадобиться создать главный файл (который в последствии мы будем запускать) сразу разделив его область на понравившуюся нам структуру с помощью команды.
Файл – Создать – Другие шаблоны страниц (рис. 2).

Рисунок 2
В появившемся окне выбрать ВКЛАДКУ «Страница рамок» затем в диалоговом окне выбрать шаблон «Объявления и оглавление» затем нажать ОК (рис. 3).

Рисунок 3
Итак у нас пустой шаблон в левой части будет располагаться меню (с помощью которого мы будем перемещаться по ЦОР) и в правой части будет отображаться основной текст (рис. 4).

Рисунок 4.
Занятие №2
А теперь приступим к разработке основной части – МЕНЮ. Нажмем на кнопку в верхнем окне –Создать страницу – набираем название учебного заведения.
После чего необходимо выбрать дизайн страницы. Выполним следующие команды:
Формат – Тема. Справа появится список тем (рис. 5).

Рисунок 5.
Щёлкнуть левой клавишей мыши по понравившейся теме.
Продолжаем работу оформлением титульного листа:Создать страницу – набираем Ф.И.О. преподавателя, предмет. Далее выполняем действие по дизайну страницы рассмотренные выше (рис. 6).

Рисунок 6.
На следующем этапе займемся оформлением левой части страницы.
Щелкнуть левой клавишей мыши. Создать страницу. Далее выбираем дизайн темы, после чего выполняем следующие действия: Вставка – Меняющаяся кнопка (рис. 7).

Рисунок 7.
В вышедшем списке, вы можете выбрать нужный дизайн кнопки (рис. 8)

Рисунок 8.
Выберем кнопку показанную на рисунке8. В поле Текст укажем надпись, которая будет находиться на кнопке, например Рабочая программа. В разделе Ссылка укажем позже адрес страницы на которую будем переходить при нажатии на кнопку. Нажмем ОК. Таким образом мы получили титульный лист ЦОР (рис. 9).

Рисунок 9.
Занятие №3
Учимся создавать страницы и заполнять их материалом.
Файл – создать – пустую страницу. Свернуть программу.
На рабочем столе открываем папку «Материалы для ЦОР». Открыть документ с фото и скопировать в созданную страницу программы FrontPage. Также на созданной странице где мы вставили фото набираем ФИО, образование (учебное заведение и год окончания), специальность, категория (рис. 10).

Рисунок 10.
Переходим к созданию 3-й страницы.
Файл – Создать – Пустую страницу –выбрать дизайн, и набрать текст содержащий оглавление Лекции (рис. 11).

Рисунок 11.
Итак, мы получили 3 страницы. Далее будем учиться их сохранять, для этого открываем первую основную страницу ивыполняем следующие действия: Файл – Сохранить как - Рабочий стол – ЦОР - открыть. В диалоговом окне проект сохраняем в 3 этапа, сначала по очереди каждая из страниц, затем общий (главный файл проекта), при создании электронных документов файлы лучше называть используя английские буквы, например МЕНЮ назвать MENU), тип файла указать *.html или *.htm..Программа выделив окно темным цветом укажет какое именно окно она будет сохранять. Нашему первому документу в котором отображено название учебного заведения дадим имя Zagolovok– нажать Сохранить в следующем окне ОК(рис. 12).

Рисунок 12.
Нашему второму документу в котором будут отображаться наше кнопочное меню дадим имя –MENU –Сохранить – ОК (рис. 13).

Рисунок 13.
При нажатии на любую кнопку, нужная информация будет отображаться в правом основном окне. Так как при запуске портфолио в данном окно изначально запуститься общие сведения мы и назовем нашу страничку –Osnovnaja– Сохранить – ОК(рис. 14).

Рисунок 14.
Общая структура ЦОР FrontPage стандартно предлагает сохранить как index что мы и сделаем. Эта основная страница запуска ЦОР (рис. 15).

Рисунок 15.
Также Сохраняем оставшиеся две страничке в папке ЦОР.
Закроем наш сайт, но программу оставляем открытой.
Занятие №4
Учимся связывать страницы между собой.
Откроем отдельно страницу index.html командой: Файл – Открыть – Рабочий стол –ЦОР –index.htm– открыть.
Так как кнопка на странице Menuи первая страничка готовы, мы можем связать их. Для этого необходимо щелкнуть правой кнопкой мыши по кнопке ЛЕКЦИИ, откроется контекстное меню, в нем выбрать команду Гиперссылка(рис 16).

Рисунок 16.
В открывшемся окне необходимо в разделе ССЫЛКА,указать адрес страницы,на которую будем переходить при нажатии на кнопку «ЛЕКЦИИ» –ОК(рис. 17).

Рисунок 17.
Далее открываем страницу Рубрикатор и создадим кнопки Меню, Назад.
Выполняем команду Вставка – Меняющаяся кнопка. Выбрать понравившийся вид кнопки, в строке Текст набрать надпись «Вперёд». На страничке появится кнопка «Вперёд». Подобно создаем здесь же следующую кнопку(рис. 18).

Рисунок 18.
Гиперссылку на кнопку осуществляем в следующем порядке: Правой кнопкой по кнопке Меню – в контекстном меню выбрать Гиперссылка – index – ОК. Для кнопки Назад: Правой кнопкой по кнопке Назад – в контекстном меню выбрать Гиперссылка – Osnavnaja – ОК.
Выполнить команду сохранить (не забываем при сохранении указывать папку «ЦОР») –ОК –закрываем программу.
Для того,чтобы просмотреть результат своей работы, зайдите в вашу папку на Рабочем столе и запустите главный файл index.html. Нажмите на каждую кнопку по очереди. Таким образом, мы с помощью кнопок ссылаемся с вами на нужные нам страницы.
В вашем ЦОР вы можете разместить любые кнопки в любом месте и аналогично, как мы это проделали выше, указать ссылку на необходимую для вас страничку. Основная часть информации готовится в текстовом виде, с использованием любого текстового редактора, позволяющего сохранить текст в формате *html или *.htm.
Аналогичным образом создаем следующие страницы, оформляем их и сохраняем в своей созданной папке на Рабочем столе «ЦОР».
ЦОР как программное средство учебного назначения можно представить в качестве системы, состоящей из двух подсистем:
информационной (содержательная часть);
программной (программная часть).
В информационную часть электронного учебного пособия входят:
четко структурированные учебные материалы;
иллюстрации, представленные всем спектром мультимедиа (графика, анимация, звук, видео);
практикум для выработки умений и навыков применения теоретических знаний с примерами выполнения задания и анализом наиболее часто встречающихся ошибок;
система диагностики и контроля (тестовые задания, задания для работы в группе и т.п.);
дополнительные материалы (от контекстной расшифровки терминов до нормативной базы и электронной библиотеки);
сервисные средства (справка по работе с учебником, словарь, глоссарий и т.п.).
Работая в программе FP, вы сможете добавлять новые страницы по мере накопления материала.
Желаем творческих успехов!
Литература:
http://www.scienceforum.ru/2015/976/7274MicrosoftOfficeFrontPage 2003. Русскаяверсия. Шаг за шагом (+ CD-ROM)
ПрохорскийГ. В. Как сделать свою веб-страницу или сайт с помощью MicrosoftFrontPage. – 2003.
Марти Мэттьюз, Джон Кронан, Эрик Пулсен. MicrosoftOffice. FrontPage. – 2003.
Акопян А.В. Мультимедийный самоучитель на CD-ROM. TeachPro Microsoft FrontPage 2003 (+ CD-ROM)
http://www.deti-66.ru/forteachers/educstudio/presentation/768.html