Современные средства создания электронного обучающего материала

Развитие электронных учебных пособий. Требования к электронным обучающим средствам. Модель урока с использованием электронного пособия. Работа с электронными материалами. Проблема ориентации и перемещения пользователя внутри электронного издания.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 06.02.2013
Размер файла 4,0 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

<html>

…………………

<body>

<p><h2> 2.1.Выбор инструментария… </h2></p>

………………………………

</body>

</html>.

От простого текста заголовки отличаются размером и толщиной букв. Заголовок первого уровня h1 выполняется обычно очень крупным шрифтом, а заголовок шестого уровня h6 - очень мелким.

Надо обратить внимание, что не следует путать заголовки разделов документа с заголовком страницы, определяемым директивой <head> (Заголовок страницы) </head>.

По умолчанию заголовок выравнивается по левому краю страницы, но его можно также выровнять по правому краю или центрировать. Для правостороннего выравнивания в тэге <h1> используется атрибут align = right, а для центрирования - align = center. Допускается также явное указание левостороннего выравнивания - align = left. Например, директива <hl align = center> (Текст заголовка) </hl> указывает, что текст заголовка должен быть выровнен по центру, а размер шрифта должен быть наибольшим.

Вставка рисунков. На каждую Web-страницу можно поместить любое число рисунков, используя готовые графические изображения или создавая их.

Изображения, которые необходимо разместить на Web-страницах, должны быть в таком графическом формате, который поддерживается броузером. Стандартные форматы Web-графики - GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с файлами других форматов.

Для вставки графического файла применяется одиночный тэг <img> с атрибутом src. Значение атрибута указывает полное имя файла или его адрес в Интернете.

Вставка гиперссылок. Так как HTML означает «язык гипертекста», вспомним, что же такое гипертекст?

В отличие от простого текста, который, как правило, мы читаем только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Справочные системы многих программных продуктов построены именно по принципу гипертекста. При щелчке левой кнопкой мыши на некотором выделенном цветом и подчеркнутом фрагменте текущего документа - гипертекстовой ссылке -происходит переход к заранее определенному документу или фрагменту документа. На Web-страницах гипертекстовые ссылки широко используются для перехода к определенному фрагменту текущей страницы, следующей или любой странице сайта или документу другого сайта.

Для задания перехода по гиперссылке в языке HTML используются тэги <а>...</а> с атрибутом href, значением которого является адрес перехода. В качестве адреса может использоваться имя файла другого документа или URL-адрес.

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

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

<frameset cols="280,*" frameborder="1" border="1" framespacing="1">

<frame src="left.html" name="TableFrame" scrolling="YES" noresize>

<frame src="главная.html" name="MainFrame">

</frameset>

Создание таблиц. До сих пор мы создавали документы, в которых текст располагался в одной колонке. На практике иногда бывает необходимо внести текст в несколько колонок. Сделать это можно, создавая таблицы, аналогичные таблицам Word. Кроме того, таблица, состоящая из одной ячейки, помогает эффективно выделить фрагмент текста, на который следует обратить внимание читателя. В ячейках таблицы удобно размещать рисунки и текст. Часто таблицу применяют для создания пользовательского меню. Конечно же, таблица нужна для отображения информации непосредственно в табличном виде.

Для создания таблицы необходимо выполнить следующие действия:

открыть текстовый или создать новый документ, уже в открытом редакторе;

ввести основные тэги, ее создающие структуру документа.

Рисунок 8 - Пример таблицы

Каждая таблица начинается тэгом <table> и заканчивав тэгом </table>. Строки таблицы образуются парой тэгов <tr>...</ tr> между которыми располагаются тэги <td>(Строка текста)</td>. Каждая пара этих тэгов образует строку столбца. Таким образом код HTML, описывающий таблицу, показанную на рисунок 5, будет иметь следующий вид:

<table widht="50%" border="1" rules="all"><br \>

<tr><td align="center"colspan="50"><img src="C:\Windows\Рабочий стол\Учебник\рисунки\ф43.gif" /></td</tr>

<tr><td align="center"colspan="50"><img src="C:\Windows\Рабочий стол\Учебник\рисунки\ф46.gif" /></td></tr>

</table>.

Данный код необходимо ввести между открывающим <body> и закрывающим тэгом </body>.

Итак, таблица разработана, осталось создать ссылки на соответствующие страницы сайта.

Для задания перехода по гиперссылке используем тэги <а>...</а> с атрибутом href, указывающим имя страницы.

Создание многооконной страницы (страницы с фреймами). Значительно улучшить внешний вид и функциональность сайта можно, используя фреймы - элементы, разделяющие экран на несколько окон, в каждом из которых отображается содержимое отдельной страницы. Используя технологию фреймов, можно одновременно загрузить в одно окно браузера несколько Web-страниц.

Каждый фрейм имеет собственный адрес, позволяющий отображать его независимо от других фреймов, и собственное имя позволяющее переходить к нему из других фреймов. Эти свойства позволяют размещать в одном фрейме информацию, которую автор считает необходимым постоянно показывать пользователю (например, содержание как в нашем электронном учебнике).

Для описания фреймов используется специальный HTML-файл, в структуре которого вместо тэгов <body>...</body> используется пара тэгов <frameset>...</frameset>.

Структура файла с фреймами выглядит следующим образом:

<html>

<head>

<title>(Teкст заголовка)</ title>

<frameset>

(Описание фреймов)

</frameset>

</head>

</html>.

Открывающий фрейм <frameset> должен иметь атрибуты rows или cols, которые определяют способ разделения экрана - по горизонтали или вертикали. В качестве значений этих атрибутов используют числовое значение высоты или ширины фрейма в пикселях или процентах (от 1 до 100%). Например, если требуется разделить окно браузера по горизонтали на два равных по размеру фрейма, код должен иметь вид: <frameset rows = «50%, 50%»>, в котором значения атрибутов отделяются один от другого запятой.

Для описания каждого фрейма в отдельности используются одиночные тэги <frame>, которые должны находиться внутри тэгов <frameset>...</frameset>.

<html>

<head>

<title>фреймы </title>

</head>

<frameset framespacing="0" border="0" cols="200,*" frameborder>

<frame name="contents" target="прав" scrolling="auto" src="C:\Windows\Рабочий стол\Учебник\главы\лев.htm" noresize marginwidth="8" marginheight="8">

<frame name="прав" scrolling="auto" src="C:\Windows\Рабочий стол\Учебник\главы\прав.htm" target="_self" marginwidth="8" marginheight="8" noresize>

<noframes>

</frameset>

</html>.

Мы рассмотрели в общих чертах язык разметки гипертекста HTML и технологию создания Web-страниц для размещения в сети Internet деловой информации, способствующей эффективному функционированию предприятия, фирмы или учебного заведения.

2.3 Демонстрация созданного ЭУП «Современные средства ЭОМ»

Сразу после загрузки электронного учебного пособия учащийся попадает на главную страницу. Главная страница отображает содержание всего курса в виде структуры лекционного материала (Рисунок 6).

Рисунок 9 - Внешний вид главной страницы разработка электронных учебных пособий «Современные средства создания электронного обучающего материала»

Теоретический материал разработка электронных учебных пособий « Современные средства создания электронного обучающего материала» содержится в 3 разделах, в которых рассматриваются как создаются ЭУП:

1) введение;

2) анализ научно-методический литературы по созданию электронных обучающих материалов;

3) практическая разработка электронного обучающего материала;

Учебный курс «Разработка электронных учебных пособий «Современные средства создания электронного обучающего материала»» построен так, что обучающийся, переходя по гиперссылкам от раздела к разделу, может просмотреть содержание всего курса. Главная страница электронного учебного пособия отображает его содержание. К ней можно вернуться, находясь в любом разделе учебного пособия, нажав на кнопку на панели инструментов «Home».

При выборе одного из разделов загружается страница, на которой находятся подразделы данного раздела.

Все HTML-документы учебного материала, отображаются в основном окне браузера. Тесты для самопроверки, примеры, используемые в пособии, и помощь для работы с учебником отображаются в отдельном окне.

Все разделы электронного пособия построены по шаблону и имеют одинаковую структуру (Рисунок 4).

Рисунок 10 - Пример структуры раздела электронного учебного пособия

Структура каждого раздела построена по шаблону. Гиперссылочное содержание раздела отображает основные подразделы раздела и дает пользователю возможность перехода к каждому из них.

Теоретический материал представлен в виде текстовых блоков, с применением различного оформления.

Предусмотрен переход от текущей, просматриваемой пользователем странички к предыдущей.

Весь теоретический материал систематизирован и структурирован с помощью гиперссылок.

Пример теоретического содержания электронного учебного пособия можно посмотреть на рисунке 11.

Рисунок 5 - Пример экрана электронного учебного пособия

Заключение

В ходе выполнения данной курсовой работы выполнено следующее:

1) В результате анализа требований к современным электронным обучающим средствам были выделены следующие основные требования:

- требование соответствия учебной деятельности смоделированной в учебном пособии основным принципам педагогической психологии и дидактики;

- требование необходимости учета уровня первичной подготовки учащихся в содержании учебного материала и учебных задач;

- мотивационные требования к учебным мотивам, интересам учащихся к познанию;

- адаптационные требования сложности материала и учета индивидуальных особенностей;

- требование индивидуализации обучения, позволяющее учащемуся принимать решение о стратегии, траектории и темпе обучения;

- требование свободной навигации по учебному материалу и обеспечение возможности прекращения работы в любой момент времени;

- требование реализации непрерывного пошагового и итогового контроля;

2) В результате анализа литературы были определены этапы разработки электронного учебного пособия:

а) проектирование курса (разработка педагогического и технологического сценариев);

б) подготовка материалов для курса (подготовка текстов, подготовка статических иллюстраций, создание мультимедиа);

в) компоновка материалов в единый программный комплекс.

3) В результате анализа литературы определена структура электронного учебного пособия.

Разработанное учебное пособие состоит из блока теоретического материала. Теоретический материал электронного учебного пособия содержится в трех разделах, в которых рассматриваются стандартные компоненты, и приемы для работы с HTML:

- введение;

- анализ научно-методический литературы по созданию электронных обучающих материалов;

- практическая разработка электронного обучающего материала

Список использованных источников

1 Башмаков, А.И., Башмаков И.А. Разработка компьютерных учебников и обучающих систем/ А.И. Башмаков, И.А. Башмаков. - М.: Информационно-издательский дом "Филинъ", 2003. - 616с.

2 Зайнутдинова Л.Х. Создание и применение электронных учебников (на примере общетехнических дисциплин)/ Л.Х Зайнутдинова. - Астрахань, издательство «ЦНТЭП», 1999. - 363 с.

3 Аванесов В.С. “Композиция тестовых заданий”: Учебная книга для преподавателей вузов, учителей школ, аспирантов и студентов педвузов. 3 изд., доп/ В.С. Аванесов - М.: Центр тестирования, 2002г., - 240с.

4 Красильникова В.А. Становление и развитие компьютерных технологий обучения: Монография. - М.: ИИО РАО, 2002. - 168с.

5 Антонова, С. Г. Современная учебная книга: создание учеб. лит. нового поколения [Текст] / С.Г. Антонова, Л.Г. Тюрина. - М.: Сервис, 2001. - 287 с.

6 Берденникова, Н.Г. Организационное и методическое обеспечение учебного процесса в вузе [Текст]: учебно-методическое пособие / Берденникова Н.Г., Меденцев В.И., Панов Н.И. - СПб.: Д.А.Р.К., 2006. - 208

7 Можаева, Г.В. Как подготовить мультимедиа курс? [Текст]: методическое пособие для преподавателей / Можаева Г.В., Тубалова И.В.; Под ред. В.П. Демкина. - Томск: ТГУ, 2002. - 41 с.

8 Компьютерное тестирование [Электронный ресурс] / ИТО - Электрон. дан. - М., 2000 - . - электронный ресурс удаленного доступа. Режим доступа: http://ito21.fromru.com/ito2.htm, свободный. - Загл. с экрана.

9 Король Д.Ю. Использование современных информационных технологий в образовании [Электронный ресурс] / Д.Ю Король. - Электрон. дан. - М., 2002 - . - электронный ресурс удаленного доступа. Режим доступа: свободный. - Загл. с экранаhttp://mediamatch.derby.ac.ru

10 Коротков А.М., Никитин А.В. Компьютерное тестирование как элемент рейтинговой системы вуза [Электронный ресурс] / А.М. Коротков., А.В. Никитин- Электрон. дан. - М., 2000 - . - электронный ресурс удаленного доступа. Режим доступа: http://www.vspu.ru/~tmepi/articles/kor_nik1.htm, свободный. - Загл. с экрана.

11 Михайлишин А. Ю., Захаров В. Ю., Попов Ю. С., Рубин Д. А., Сталковская И. Н. К вопросу о структуре и составе электронного учебно-методического комплекса [Электронный ресурс] / А. Ю Михайлишин., В. Ю Захаров., Ю. С Попов., Д. А Рубин., И. Н Сталковская.- Электрон. дан. - Омск, 2000 - . - электронный ресурс удаленного доступа. Режим доступа: http://www.ou.tsu.ru/seminars/sem13/tezis/section3.htm, свободный. - Загл. с экрана.

Размещено на Allbest.ru


Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.