Главная
База знаний "Allbest"
Программирование, компьютеры и кибернетика
Разработка электронного учебного пособия "Создание web-документов"
Разработка электронного учебного пособия "Создание web-документов"
Основные элементы Web-конструирования в современных курсах информатики. Роль Web-технологий в современном обществе. Электронные учебные пособия и технологии их разработки. Электронное пособие "Создание Web-документов", его содержание и структура.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 11.04.2012 |
| Размер файла | 2,1 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Рассмотрим общую схему создания электронных учебников указанного типа [40]:
Подготовительный этап. Определение методистом цели и задач создания электронных учебников и отбор Web-дизайнером средств конструирования электронных учебников и форм представления информации.
Этап создания оболочки. Оболочка, создаваемая Web-дизайнером, имеет определенное оформление и схему навигации. Для электронных учебников актуальной является именно нелинейная схема навигации. Наличие таких систем, как: внутренний справочник, поиск по ключевым словам, глоссарий, поиск по так называемой "модели знаний" (семантическому графу) и прочее - зависят от особенностей конкретной оболочки.
Этап информационного наполнения электронных учебников. Создание Web-дизайнером Web-страниц, демонстрационных примеров и моделей, схем обратной связи, тренажеров, систем контроля и самоконтроля.
Этап объединения элементов электронных учебников. Web-дизайнер, руководствуясь некоторым алгоритмом, прописывает каждую Web-страницу в оболочке: расставляет ссылки и подгоняет страницы под общий стиль, прописывает прочие подключаемые модули.
Этап администрирования. Web-дизайнером, со временем, вносятся изменения и дополнения в электронный учебник. При этом производится частичный повтор этапов 3 и 4.
Из этой схемы видно, что Web-дизайнер (обычно программист) - специалист в области Web-технологий - занят на всех этапах создания электронного учебника. На первый взгляд кажется, что нужно собрать группу специалистов по Web-технологиям для создания разделения труда и повышения эффективности разработки электронных учебников, но это не так.
Конечно, этапы проектирования электронного учебника и создания оболочки не сможет качественно выполнить никто, кроме соответствующих специалистов, но с другими этапами дело обстоит иначе. Для большинства электронных учебных пособий от участия Web-дизайнера на этапе информационного наполнения пособия можно было бы отказаться по следующим причинам:
· Web-страницы с текстом, рисунками, таблицами и прочими стандартными элементами могут создавать пользователи, не владеющие специальными навыками создания сайтов.
· Для создания демонстрационных примеров необходимо разбираться в компьютерной графике, а не Web-дизайне.
· Демонстрационные модели, программы-тренажеры, модули контроля и самоконтроля смогут создать специалисты, владеющие навыками программирования на выбранных в зависимости от конкретной задачи языках.
В таком случае, камнем преткновения являются этапы объединения элементов электронных учебников и администрирования. Действительно, чтобы заниматься внесением изменений в оболочку, нужно знать, как она устроена. Здесь не идет речь о простейших линейных схемах навигации, но даже при иерархической схеме навигации ЭУП, сбор, добавление или удаление Web-страниц без знания HTML представляется весьма сложной задачей. Что уж говорить об оболочках, где прописаны сложные объекты, типа висящих окон, меню, глоссариев и прочее.
Суть нового подхода заключается в том, что следует придумать некоторую промежуточную форму электронных пособий, некий полуфабрикат, создание которого будет доступно Web-дизайнеру и в тоже время общение с ним будет несложным для среднестатистического пользователя. Такой промежуточной формой может быть несложная программа или шаблон.
Закономерен новый этап - 2.1 - этап перевода оболочки в шаблон. Здесь Web-дизайнер должен описать процесс добавления новой Web-страницы в сайт командами специального языка. Такой подход позволяет отказаться от услуг Web-дизайнера уже после этапа 2.1 Это серьезный шаг, т.к. он приводит к разделению труда и позволяет создателям Web-страниц сосредоточиться над содержательной частью работы, а Web-дизайнеру - над созданием качественных оболочек.
Для создания несложных электронных учебников, которых на практике большинство, Web-дизайнер будет совсем не нужен, т.к. со временем число типовых шаблонов, возможно, станет достаточно велико.
Бурное развитие глобальной компьютерной сети показало перспективность удаленного тестирования студентов с помощью интерактивных Web-тестов, устанавливаемых на серверах, подключенных к локальной компьютерной сети или сети Интернет. Более широкому распространению таких информационных технологий в образовании, позволяющих не только повысить интенсивность и эффективность процесса обучения, но и существенно расширить аудиторию потенциальных слушателей ведущих университетов страны, препятствует трудоемкость процесса разработки тестов, предназначенных для работы в Web-сети.
Для создания интерактивных Web-тестов преподавателю помимо знаний по курсу, для которого предназначен тест, требуются специальные навыки в области применения Интернет-технологий, либо необходима помощь соответствующего специалиста. При использовании для разработки учебных материалов любого из большого количества имеющихся инструментальных средств создания и редактирования HTML-документов, например, таких как Netscape Composer или Microsoft FrontPage, требуются базовые сведения о гипертексте и определенные навыки в области программирования. Кроме того, для придания Web-документам интерактивных свойств, позволяющих оперативно реагировать на информацию, введенную пользователем, автору потребуются еще более глубокие знания Интернет-технологий, связанные с необходимостью написания программ-обработчиков с использованием Java, JavaScript или CGI-приложений. Таким образом, создание учебных материалов для дистанционного обучения в Web-сети предъявляет весьма высокие требования к квалификации преподавателя-разработчика в области практического использования современных информационных технологий. В противном случае необходима совместная работа коллектива специалистов различного профиля. Эти обстоятельства существенно повышают трудоемкость создания учебных Web-пособий и в определенной степени сдерживают процесс развития такой формы дистанционного образования.
Разработка электронных учебных пособий стала актуальной задачей в условиях развития системы дистанционного образования и широкого внедрения средств новых информационных технологий в учебный процесс. В последние годы электронные учебные пособия занимают всё более заметное место среди прочих электронных публикаций [30]. Представляется целесообразным организовать все компоненты дистанционного обучения, включая электронные учебные пособия, в рамках единой информационной среды, созданной с использованием современных компьютерных и телекоммуникационных технических средств. [12]
При таком подходе предпочтительнее создавать страницы не вручную, а специальными инструментами, обеспечивающими сопровождение локальной копии Web-узла и её обновление по мере необходимости. Большинству учебных учреждений необходимы Web-узлы, содержащие страницы с переменным или автоматически обновляемым содержанием. Здесь мы покидаем область простой компоновки документов и очень близко подходим к программированию. Вопросы создания таких Web-узлов лучше задавать профессионалам.
Если же вы возьмётесь за создание Web-страницы или Web-узла своими руками, то сразу же возникает вопрос о его содержании и оформлении. Здесь трудно давать советы, так как вы сами определяете, чем именно вы хотели бы поделиться со всем миром и как эта информация должна быть представлена. Общепринятые приёмы оформления существуют, но он и весьма разнообразны и пока не считаются стандартными.
Если говорить кратко, то содержание страницы всегда важнее, чем её оформление, а при оформлении мера и гармония важнее, чем броскость и яркость. Чтобы получить точку отсчёта, обычно стоит посетить в Интернете узлы самой разной тематики, обращая, в первую очередь, внимание на их структуру (удобство навигации в пределах узла) и приёмы, используемые в оформлении.
А как же устроена Web-страница? Web-страница представляет собой текстовый документ. Правда, при её просмотре на экране браузера поверить в это трудно, но это действительно так. Экранное представление Web-страницы формируется с помощью специальных команд языка HTML, интерпретируемых браузером. Этими командами можно обеспечить отображение рисунков, звукозаписей, видеороликов и других объектов в документе. То есть Web-страница, на самом деле, отображается как комбинированный документ.
Соответственно, при создании Web-страницы возможны два основных подхода. Первый состоит в формировании документа вручную с использованием текстового редактора и непосредственно команд HTML. Это наиболее трудоёмкий, но и более универсальный путь. С его помощью можно реализовать всё, что позволяет язык HTML. При создании объёмных или необычных Web-пособий приходиться в той или иной степени прибегать к такому подходу. [34]
Второй способ создания Web-страницы состоит в использовании редакторов WYSIWYG. При работе с таким редактором знать язык HTML необязательно. Приёмы создания документа подобны используемым в текстовом процессоре. Текст размещается на странице, после чего к нему применяются команды форматирования. Это, разумеется, намного упрощает процесс разработки Web-страницы. Не требуется изучать язык HTML, можно использовать уже имеющиеся навыки практической работы с текстовыми редакторами и текстовыми процессорами. При этом редактор автоматически формирует команды HTML, а страница немедленно отображается на экране примерно так, как её будут наблюдать посетители Web-узла в Интернете.
Понятно, качество кода HTML в этом случае обеспечивает не автор страницы, а программа. Некоторые особенности языка HTML приводят к тому, что такое преобразование не всегда корректно.
Тем не менее, мир не стоит на месте, и современные редакторы Web-страниц, действующие по принципу WYSIWYG, выполняют свою работу более ответственно и квалифицированно. При "массовом" создании Web-страниц ручной метод (даже при использовании редактора HTML) уже не может обеспечить необходимую производительность, и профессионалы уже вынуждены использовать такие редакторы. Как уже говорилось, это не исключает возможность последующего редактирования документов вручную или ручного создания некоторых из страниц электронного пособия.
Рассмотрим автоматизированные инструментальные средства (редакторы HTML), которые вполне можно рекомендовать и "любителям", и "профессионалам".
Arachnophilia
Arachnophilia - программа создания HTML-документов. В эту программу встроен редактор типа WYSIWYG, т.е. соответствие экранного образа готовому документу.
Возможности Arachnophilia:
· функция Instant View (Немедленный просмотр); если она включена, и внутренний браузер, который также имеется в программе, открыт, то все изменения, вносимые в текст HTML, немедленно отражаются на экране;
· программа Arachnophilia способна читать и записывать файлы формата RTF (Rich Text Format). При открытии RTF-файла предлагается конвертировать его в формат HTML, но его можно редактировать и в обычном виде;
· автоматизация ввода тегов HTML.
Редактор Star Office
Система создания и редактирования HTML-файлов. В отличие от других WYSIWYG-редакторов, Star Office довольно корректно удаляет ненужные элементы при отмене пользователем каких-либо действий и не вставляет лишних комментариев. При этом он довольно активно использует каскадные таблицы стилей (CSS).
Возможности Star Office:
· возможность отключить режим WYSIWYG и работать с исходным HTML-текстом, в котором все теги и их атрибуты подсвечены красным цветом;
· по своему усмотрению можно редактировать как исходный текст, так и отображаемый результат, переключаясь между режимами.
Homesite
Одним из самых замечательных программных продуктов, предназначенных для разработки Web-страниц, является программа Homesite, созданная компанией Allaire. Множество доступных функций сочетаются здесь с исключительным удобством для пользователя.
Однако необходимо отметить, что использование программы Homesite подразумевает знание пользователем языка HTML (а также, по желанию, Java Script и др.) Программа автоматизирует ввод кода, проверяет ошибки и т.д., но она не в силах помочь, если пользователь не представляет себе, что такое HTML.
Возможности Homesite:
· открытие нескольких файлов одновременно;
· просмотр схемы сайта;
· просмотр тегов;
· просмотр страниц в браузере;
· возможность работы с шаблонами.
Редактор Netsсape Composer
Netsсape Composer - средство для создания и публикации документов в Internet.
Комплект программного обеспечения Netscape Composer включает в себя следующие возможности:
· Netscape Collabra - позволяет участвовать в электронных форумах и создавать их. (Электронные форумы представляют собой нечто вроде конференций Use Net);
· Netsсape Composer - расширенная версия Netsсape Navigator Gold. С помощью Netscape Composer можно создавать документы для корпоративной сети, WWW и для электронной почты;
· Netscape Conference - подобно программе Net Meeting (производства Microsoft) обеспечивает возможность общения пользователей в режиме реального времени посредством совместных документов, грифельной доски и окна, в котором можно вести разговор;
· Netscape Messenger - новый клиент электронной почты, полностью совместимый с открытыми стандартами и тесно связанный с программой Composer, позволяющий создавать документы электронной почты на основе HTML;
· Netsсape Navigator - популярный браузер с гибко настраиваемым интерфейсом и мощной поддержкой Java, Java Script и встраиваемых объектов.
Редактор Adobe GoLive
Профессиональный пакет для создания, редактирования и поддержки Web-сайтов любой сложности. Включает средства для работы с HTML, СУБД, спецэффектами, графикой и анимацией. Возможность интеграции с PhotoShop, Illustrator и Image Ready для обработки и оптимизации графики для Web.
Возможности Adobe GoLive:
· работа со сценариями и стилями;
· динамический редактор позволяет создание интерактивных элементов страниц;
· возможность удобной работы с фреймовыми структурами;
· возможность просмотра страниц в кодовом режиме;
· вкладка Outline (Структура) позволяет имеющиеся на странице теги просмотреть в виде иерархической древовидной структуры;
· возможность просмотра созданной страницы в браузере.
Macromedia Flash
Векторный графический пакет для работы с анимацией. Инструмент для создания мультимедийных, полностью интерактивных материалов, с использованием как обычной растровой, так и векторной графики, а также аудио и видео элементов (компонуя их в единый файл - "Flash-клип"). Flash-клипы могут содержать текст, графику, анимацию, активные области (кнопки), формы и другие контрольные элементы, создаваемые пользователями.
Возможности Flash-технологии:
· средства оригинального и живого оформления Web-сайта;
· возможность создания полноценных видеопрезентаций;
· расширенные возможности использования звука и музыки;
· использование векторного формата и работа с объектами позволяет значительно сократить размер файла клипа, что позволяет ему быстро загружаться и менять свой масштаб в соответствии с размерами монитора конкретного пользователя.
Macromedia DreamWeaver
Dream Weaver - это визуальный редактор гипертекстовых документов. Эта программа обладает всеми необходимыми средствами для генерации Web-страниц любой сложности и масштаба.
Редактор Dream Weaver позволяет создавать Web-публикации профессионального качества. В этом редакторе воплощена современная технология разработки Web-публикаций, начиная от проектирования сайта и заканчивая его загрузкой на Web-сервер. Благодаря этому даже начинающий автор Web-страниц, работая с Dream Weaver, привыкает работать профессионально.
Возможности Macromedia Dream Weaver:
· просмотр и редактирование Web-страницы в визуальном режиме;
· просмотр и редактирование Web-страницы в текстовом режиме;
· интеграция двух встроенных редакторов кода: Code View и Code Inspector;
· разработка интерактивных страниц;
· возможность эффективного создания схемы сайта и определение связей между страницами сайта в специальном окне управления сайтом;
· использование графических разметок страницы, шаблонов, CSS;
· планирование Web-узла;
· отладка сценариев на Java Script;
· интеграция с другими программными средствами Macromedia;
· тестирование страниц.
Microsoft FrontPage
Программа Front Page предназначена для быстрого создания Web-документов. Она обладает великолепным инструментом, генерирующим отчёты о состоянии создаваемого узла. Помимо чисто статистической информации (общее количество страниц, картинок и ссылок), в отчёте будут отражены "висячие" ссылки, ссылки на внешние источники, устаревшие страницы и даже страницы, загружающиеся чересчур медленно.
Front Page - это популярный пакет для создания и поддержки Web-сайтов и редактирования HTML-страниц. Имеет привычный интерфейс MS Office.
Возможности FrontPage:
· с помощью FrontPage Explorer можно настраивать схему Web-сервера и получать разнообразную информацию о сервере;
· FrontPage Editor - редактор типа WYSIWYG. В нем можно выбрать одну из вкладок, позволяющих осуществлять просмотр в различных представлениях - Editor, HTML, Preview (эта вкладка осуществляет отображение реального вида страницы);
· возможность работы с интерактивными средствами и эффектами мультимедиа;
· возможность работы с готовыми шаблонами;
· Microsoft Image Composer. Этот компонент позволяет работать с графикой, включая применение Gif-анимации и инструмента WordArt;
· утилита TCP/IP Test. Если пользователь не уверен в надежности соединения, то эта программа быстро осуществит проверку;
· с помощью FrontPage Web Server можно локально проверить страницу до ее опубликования.
Инструменты и функции программы Front Page позволяют достаточно быстро построить сайт любой сложности и разместить его в сети Internet или в корпоративных локальных сетях intranet.
Работать с Front Page довольно легко. Конечно, некоторые базовые операции всё же освоить придётся. Однако если вы уже умеете пользоваться текстовым процессором Word, то никаких трудностей быть не должно. Ведь редактирование страницы HTML во Front Page сродни редактированию обыкновенного документа: так же меняются стили, шрифты, цвета, добавляются картинки и т.д.
2. Электронное пособие "Создание Web - документов"
2.1 Содержание и структура электронного пособия
Главной целью создания электронного учебного пособия "Создание Web-документов" является научить учащихся и студентов при помощи программы Microsoft FrontPage создавать Web-страницы. В данном ЭУП подробно описывается, как создать структуру Web-сайта и наполнить Web-страницы содержанием. В частности описано, как работать с текстом, таблицами, с рисунками, с графическими объектами, как добавлять различные ссылки (на текст, на рисунки).
К функциям данного электронного учебного пособия относятся следующие:
· информационная - предоставление в наглядной и доступной форме всей необходимой учебной информации;
· обучающая - усвоение учебного материала учащимся и применение полученных знаний на практике;
· развивающая - развитие способностей и навыков самообучения;
· управляющая - направляет деятельность обучаемого;
· обобщающая - подводит к основным выводам, необходимым для дальнейшего изучения учебного материала;
· воспитывающая - формирование у обучаемого ответственности за результаты своего труда, мотивирование к дальнейшей учебной деятельности.
Использование ЭУП "Создание Web-документов" происходит при изучении дисциплины "Компьютерные сети, Интернет и мультимедиа технологии", которая предусмотрена Государственным образовательным стандартом. В программу дисциплины должны быть включены вопросы компьютерных информационных технологий, что соответствует требованиям к обязательному минимуму её содержания. Основные вопросы - инструментарий Web-технологий, основные приёмы автоматизации создания Web-документов - можно рассмотреть при изучении курса "Создание Web-документов".
Сформулируем основные требования к уровню освоения учебного материала. После прослушивания курса учащиеся должны:
· знать основные понятия и возможности редактора Microsoft FrontPage;
· знать технологию создания Web-документов;
· знать принципы планирования Web-сайта;
· знать способы хранения Web-страниц;
· знать приёмы работы с текстом, изображениями, таблицами;
· уметь применять инструментарий для создания Web-документов;
· уметь создавать гиперссылки и управлять ими.
К учебным задачам курса "Создание Web-документов" относятся:
1. углубить и расширить представления студентов об использовании Web-документов в профессиональной деятельности;
2. приобрести опыт в создании Web-документов;
3. научиться оценивать эффективность своей работы и возможность её применения;
4. приобрести опыт структурирования содержания, опыт наполнения и выделения основного;
5. овладеть умениями, необходимыми для создания Web-документов.
Все занятия по курсу построены как единый цикл компьютерных уроков, каждый из которых предполагает ту или иную форму использования электронного учебного пособия при подаче учебного материала, контроле и самостоятельной работе учащихся.
Рассмотрим содержание ЭУП "Создание Web-документов".
Раздел 1. Важные аспекты разработки сайта. В разделе рассмотрены следующие вопросы: информационное наполнение сайта, основные требования к содержимому, структурирование информации, планирование сайта.
Раздел 2. Способы представления информации. Рассмотрены вопросы: организация сайта, представление информации с использованием фреймов и с использованием таблиц.
Раздел 3. Сайт, Web-узел и Front Page Web. В разделе рассмотрены вопросы, касающиеся хранения и создания Front Page Web.
Эти разделы не являются основными и нужны только тогда, когда учащиеся будут создавать собственные Web-страницы и объединять их в сайт.
Раздел 4. Работа с Web-страницами. Рассмотрены основные действия с Web-страницами: создание, сохранение, открытие, удаление; настройка атрибутов страницы; мастера и шаблоны предоставляемые Front Page. Этот раздел является основным и с него необходимо начинать изучение технологии создания Web-страниц.
Раздел 5. Режимы просмотра во Front Page. Рассмотрены краткие и полные обзоры режимов просмотра: страниц, папок, навигации, отчётов, гиперссылок, задач. Раздел необходим при изучении содержимого Web-сайтов.
Раздел 6. Предварительный просмотр. Рассмотрен такой вопрос, как просмотр создаваемой Web-страницы через браузер. Один из основных разделов, где рассматривается корректное отображение некоторых элементов Web-страницы.
Раздел 7. Панели инструментов. Рассмотрены вопросы: управление панелями инструментов; описание панелей "Стандартная", "Форматирование", "Динамические эффекты", "Навигация", "Изображения", "Позицирование", "Отчёты", "Стили". Это один из основных разделов, который посвящён изучению инструментальной среды Front Page.
Раздел 8. Использование изображений. В разделе рассмотрены основные действия с изображениями: вставка, сохранение, редактирование, а также работа с файлами мультимедиа. Этот раздел является основным и используется при рассмотрении структурных элементов Web-страницы.
Раздел 9. Работа с таблицами. Рассмотрены следующие вопросы: основные элементы таблицы, создание таблиц, ввод данных и навигация по таблице, выделение элементов таблицы. Один из основных разделов, в котором изучается средство представления структурированных данных и мощное средство компоновки Web-страниц.
Раздел 10. Использование диалоговых окон во Front Page. Рассмотрена возможность выбора цвета во Front Page на примере диалогового окна изменения цвета текста. Раздел рассматривается при изучении элементов форматирования текста.
Раздел 11. Создание и применение форм. Раздел содержит описание формы html, полного списка элементов формы, создания формы во Front Page, настройки свойств форм, свойства текстового поля величиной в одну строку. Этот раздел не является основным и может быть использован в качестве дополнительного рассмотрения структурных элементов Web-страницы.
Раздел 12. Буфер-обмена. Рассмотрены вопросы: перемещение и копирование текста, графики с помощью буфера-обмена. Раздел не является основным и используется в качестве повторения ранее изученного материала.
Раздел 13. Каскадные таблицы стилей. Рассмотрены следующие вопросы: основы каскадных таблиц стилей, размещение правил на Web-странице, свойства каскадных таблиц стилей, применение каскадных таблиц стилей на Web-странице. Этот раздел не является основным и используется в качестве дополнительного материала.
Раздел 14. Справочная информация. Раздел содержит вопросы: информация о цветах, используемых основными браузерами; единицы измерения, таблица безопасных цветов. Один из основных разделов, рассматривается при изучении оформления Web-страниц.
Раздел 15. Советы по созданию Web-графики. Рассматриваются вопросы: создание круглой кнопки, ледяного текста, работа с фотографиями, эффект строчной развёрстки. Раздел не является основным и используется в качестве дополнительного при рассмотрении оформления элементов Web-страницы.
Таким образом, можно выделить основные разделы, которые формируют ядро электронного пособия. Они являются обязательным минимумом при изучении курса.
Рассмотрим структуру электронного пособия в виде схемы.
Автор предлагает такую структуру, основываясь на основные требования к уровню освоения учебного материала. Электронное пособие позволяет легко менять этапы изучения, поэтому учащиеся могут самостоятельно выбрать нужные разделы.
Можно заключить, что данное электронное учебное пособие - это целостная дидактическая система, основанная на использовании компьютерных технологий, ставящая целью обеспечить обучение студентов по индивидуальным и оптимальным учебным программам с управлением процессом обучения.
Разработка ЭУП
Для разработки данного пособия были использованы различные литературные источники. В основном была использована книга Нолана Хестера "Microsoft Front Page для Windows" [26]. Пособие ориентировано, в первую очередь, на студентов педагогического высшего учебного заведения, изучающих информатику в качестве профильной дисциплины и имеющих дополнительную специальность "Информатика", а также на школьников старших классов.
Электронное учебное пособие "Создание Web-документов" было создано с помощью приложения Front Page 2000. Для представления информации был использован табличный способ. Таблицы позволяют разбивать страницу на отдельные области, в которых находятся элементы. Постоянные элементы дизайна (логотип, навигационная панель) размещаются в отдельные ячейки, поэтому при просмотре Web-страницы первый раз они кэшируются, при переходе на другую страницу с таким же дизайном, выводятся на экран пользователя в считанные доли секунды, создавая впечатление, будто бы меняется только область, отведенная под основное содержание.
Процесс создания электронного учебного пособия разбивается на следующие основные этапы:
· подготовка чернового варианта текста пособия;
· разработка “сценария" взаимодействия отдельных частей ЭУП (на основе тщательно продуманной последовательности изложения материала), а также начальная подготовка сценария аудио - и видеосюжетов, разнообразных иллюстраций, располагаемых в тексте статически, или появляющихся динамически в процессе чтения ЭУП;
· реализация составных частей ЭУП на компьютере.
При разработке электронного пособия "Создание Web-документов" были реализованы следующие дидактические принципы [13]:
· ЭУП не повторяет обычное пособие в виде набора текстов иллюстраций на экране. Оно обладает принципиально новыми качествами по сравнению с традиционным пособием, объединяя в себе компьютерные и педагогические технологии (например, содержит ссылки на примеры и на более подробную информацию по изучаемому материалу).
· ЭУП содержит следующие структурные элементы: главную страницу; оглавление; полное изложение учебного материала (включая схемы, таблицы, иллюстрации, графики); сведения об авторах.
· Разработана удобная система навигации. Хорошо организованная навигация, позволяет быстро перейти к интересующей информации, находящейся в различных частях пособия, облегчает процесс изучения материала, тем самым выгодно отличая электронный пособие от бумажного.
· Электронное пособие содержит достаточно полную информацию по рассматриваемым темам. Весь материал разбит на блоки-главы, минимальные по объему, но замкнутые по содержанию. Каждый блок, обязательно содержащий теоретическое ядро и примеры, связан гипертекстными ссылками с другими блоками так, чтобы у пользователя есть выбор перехода к любой другой главе. Нелинейное представление учебной информации, существенно экономит время при многократных обращениях к гипертекстовым объяснениям.
· В процессе изучения учебного материала обучаемый имеет возможность оперативно получать текущую справочную информацию, например, по терминологии. Для этого организована система меток, которая и обеспечивает переход на нужную метку по гиперссылке с любой страницы пособия.
· ЭУП обеспечивает возможность распечатки необходимых фрагментов текста. Весь ЭУП включает возможность копирования выбранной информации, ее редактирования. Это позволит готовить курсовые работы и рефераты непосредственно с помощью ЭУП.
· Суммарный размер отдельного HTML-файла (вместе с графикой) не превышает 50Кб. Пособие состоит из набора файлов небольшого размера, объединенных общей навигационной системой гиперссылок. Для теоретической части пособия это означает, что весь материал разбивается на блоки, то есть разделы или главы.
· Front Page - это один из программных продуктов, которые постоянно совершенствуются и в них появляются новые инструменты Отсюда можно сделать вывод, о том, что целесообразно иметь электронный вариант данного пособия, чтобы своевременно отражать возникающие изменения. При создании пособия была предусмотрена возможность редактирования, расширения, добавления материала новыми разделами и темами разработчиком (пользователь в процессе работы с пособием такой возможностью не обладает).
Электронное учебное пособие "Создание Web-документов" посвящено приложению Front Page 2000 - автоматизированному средству создания Web-страниц. Данное пособие учит разрабатывать общую структуру сайтов, формировать страницы, из которых будет состоять структура, добавлять интерактивные средства и эффекты мультимедиа. Front Page позволяет просматривать созданные Web-страницы в различных браузерах. Он автоматически генерирует HTML код под браузеры, в которых будут просматриваться готовые страницы.
В электронном пособии материал представлен в виде структурированных гипертекстовых документов, снабженных перекрестными ссылками. Структура гиперссылок освобождает проект от обилия информации содержащейся на одной странице, позволяет структурировать данные. Благодаря такому представлению имеется возможность без особого труда изучить предложенный теоретический материал. Данный ЭУП не нуждается в каких-либо настройках и имеет "дружественный" интерфейс, который не даст пользователю "заблудиться".
Рис.1. Главная страница
Данное пособие содержит главную страницу (обложку), где указаны название курса, сведения об авторах, учреждении, содержание и полное изложение теоретического материала.
Главная страница имеет ссылки на содержание, e-mail автора для того, чтобы оставить свои предложения и пожелания, а также информацию о ВУЗе, где было оно разработано (см. рис.1).
Содержание содержит список глав, рассматриваемых в данном курсе. Текст для изучения выбирается посредством выбора определенной главы в оглавлении. Переход к материалу учебника осуществляется по гиперссылке (см. рис.2).
Рис.2. Страница "Содержание"
Каждая страница пособия имеет удобную панель навигации, которая реализована в виде гипертекста, размещённого в верхней части страницы. Переходя из содержания на начальную страницу главы, можно выбрать любую тему и по гиперссылке перейти на страницу с нужным материалом. Каждая страница пособия имеет в правой верхней части ссылку на содержание. Таким образом, из любой части ЭУП можно быстро перейти к списку глав (см. рис.3).
Наиболее распространенным браузером для работы с Internet является MS Internet Explorer, поэтому целесообразным автор проекта посчитал создание пособия доступного для массового использования. Это освобождает от создания помощи по использованию учебника. Кроме того, язык гипертекстовой разметки поддерживают и другие современные браузеры: Netscape Navigator, Opera.
Рис.3. Страница ЭУП с панелью навигации
Для работы с данным учебником в компьютере лишь должен быть какой-либо из браузеров: Microsoft Internet Explorer, Netscape Navigator или др. Для работы необходимо нажать дважды на левую кнопку мыши на файле Index. htm, либо можно загрузить вначале среду Internet Explorer и через его оболочку (или другой браузер) вызвать данный файл. После запуска появится первое текстовое окно - главная страница пособия, с которой по гиперссылке осуществляется переход к оглавлению. Дальнейшие действия пользователя зависят от решаемой им задачи.
При оформлении страниц пособия автор руководствовался следующими принципами:
1. На странице присутствует область для размещения элементов управления (гипертекст перехода на оглавление, на более подробную информацию по изучаемому материалу).
2. Ширина текстовой зоны в пределах 540ч570pix. Иначе длинная строка заставляет глаз перемещаться в пределах большого угла - иногда даже поворачивать голову от начала к концу строки. В результате повышается утомляемость, что, как следствие, дает резкое снижение понимания материала пособия.
3. Размер шрифта не менее 12 пунктов. Был использован шрифт без засечек, т.к., по мнению психологов, такой шрифт требует большего внимания при чтении. В результате прочитанное лучше запоминается. Выбранный шрифт точно присутствует на компьютере пользователя, чтобы электронное пособие воспроизводилось в задуманном виде. Надо не забывать, что ассортимент шрифтов у пользователя может быть ограничен. Учитывая этот факт, автор тщательно подошёл к выбору нужного комплекта шрифтов.
4. Цветовая палитра электронного пособия не превышает 256 цветов. Для оформления одной страницы использовано два основных цвета (белый, синий), чтобы обеспечить снижение утомляемости, облегчить восприятие материала, обеспечить запоминаемость. Были также использованы разные по насыщенности оттенки одного цвета.
5. Для оформления страницы была подобрана цветовая пара текст-фон. Для цвета основного текста лучше всего подошёл универсальный черный, а на некоторых страницах был использован тёмно-синий. Цвет фона был выбран в соответствии с общей выбранной цветовой гаммой. Хороший визуальный эффект дала сплошная заливка фона выбранным цветом.
Таким образом, электронное учебное пособие "Создание Web-документов" разработано в соответствии с дидактическими принципами разработки ЭУП [13]; реализован средствами Web-технологии; представляет собой гипертекстовый документ, фактически страничку World Wide Web, которую можно разместить в Internet.
Методика использования ЭУП
Разработанное электронное пособие можно использовать при различных формах обучения:
1. Традиционное очное обучение: обучаемые выполняют задания, консультируясь у преподавателя; после создания Web-страниц преподаватель оценивает результаты и выставляет итоговую оценку по теме "Создание Web-документов".
2. Дистанционное обучение: студентам по сети Интернет пересылаются задания и электронное учебное пособие; выполнив задания, обучаемый пересылает результаты работы преподавателю, который выставляет оценку.
3. Заочное обучение: студенты получают электронное учебное пособие, самостоятельно выполняют все предусмотренные задания, после чего предъявляют преподавателю готовый вариант выполненной работы.
4. Самостоятельное обучение: можно использовать как дополнительный источник при подготовке к лекциям, семинарам, докладам и т.д., а также при написании зачётных работ.
5. Разработанное электронное учебное пособие можно использовать в процессе обучения учащихся средних учебных заведений и студентов педагогических ВУЗов. Пособие ориентировано как на людей, имеющих навыки работы с Internet, с HTML-языком и имеющих опыт создания простейших Web-страниц, так и на впервые столкнувшихся с таким видом работ.
Электронное учебное пособие "Создание Web-документов" прошло апробацию в учебной работе со студентами физико-технического факультета Уральского Государственного Технического Университета в 2002/2003 учебном году.
Электронное учебное пособие, размещенное в локальной сети компьютерного класса, применялось:
1. во время практических занятий;
2. для самостоятельной подготовки студентов к контрольным работам;
3. для подготовки зачётного проекта.
На практических занятиях предлагались задания, которые можно было выполнить, используя данное электронное пособие. Также во время практических занятий студентам давались ссылки на примеры.
В самостоятельной работе данное электронное учебное пособие использовалось как дополнительный источник информации при подготовке к контрольным работам по пройденным темам курса "Internet и Web-технологии".
Для отчётности необходимо было создать проект, который состоял из нескольких Web-страниц, связанных между собой гиперссылками. Темы проектов были ориентированны на специализацию студентов и были оговорены с преподавателем, поэтому наполнение Web-страниц осуществлялось с использованием информации из Internet, а оформление - с использованием данного электронного учебного пособия.
Можно указать еще несколько форм применения разработанного электронного пособия:
· для самостоятельного изучения курса;
· для поддержки лекционного курса с целью углубленного качественного понимания темы;
· для подготовки к экзаменам;
· как справочная система;
· заменять традиционные книги при наличии принтера, при этом можно распечатать только необходимые части текста;
· в качестве учебного материала в дистанционном обучении.
Апробация электронного учебного пособия "Создание Web-документов" в Уральском Государственном Педагогическом Университете проводилась в мае-июне 2004 года. Эксперимент проводился при участии выпускников математического факультета и факультета информатики, а также преподавателей кафедры НИТО.
Целью апробации было выявление соответствия разработанного электронного пособия и возможности реального применения в обучении студентов различных ВУЗов. Необходимо было оценить полноту изложения материала, оформление электронного учебника, его эффективность, удобство использования, навигацию и т.д.
Преподавателям и выпускникам математического факультета и факультета информатики были предложены следующие анкеты:
Анкета для преподавателей.
1. Насколько полно освещены все вопросы, связанные с созданием Web-страниц:
a) достаточно полно,
b) не достаточно полно,
c) затрудняюсь ответить.
2. Оцените доступность электронного учебного пособия:
a) доступно только для студентов естественнонаучных факультетов,
b) доступно для студентов гуманитарных и естественнонаучных факультетов,
c) затрудняюсь ответить.
3. Система навигации организована удобно и понятно:
a) да,
b) нет,
c) затрудняюсь ответить.
4. Понятна ли структура электронного учебного пособия:
a) да,
b) нет,
c) затрудняюсь ответить.
5. Нравится ли Вам оформление электронного учебного пособия:
a) да,
b) нет,
c) затрудняюсь ответить.
6. Стали бы Вы использовать данное электронное учебное пособие в реальной работе со студентами:
a) да,
b) нет,
c) затрудняюсь ответить.
7. Стали бы Вы использовать данное электронное учебное пособие для заочных форм обучения:
a) да,
b) нет,
c) затрудняюсь ответить.
Анкета для студентов.
1. Насколько полно освещены все вопросы, связанные с созданием Web-страниц:
a) достаточно полно,
b) не достаточно полно,
c) затрудняюсь ответить.
2. Система навигации организована удобно и понятно:
a) да,
b) нет,
c) затрудняюсь ответить.
3. Понятна ли структура электронного учебного пособия:
a) да,
b) нет,
c) затрудняюсь ответить.
4. Нравится ли Вам оформление электронного учебного пособия:
a) да,
b) нет,
c) затрудняюсь ответить.
5. Смогли бы Вы на основе разработанного электронного учебного пособия самостоятельно освоить создание Web-документов:
a) да,
b) нет,
c) затрудняюсь ответить.
6. Удобнее использовать электронное пособие, чем бумажное:
a) да,
b) нет,
c) затрудняюсь ответить.
При составлении анкет была использована статья об оценке учебных программ [4].
В анкетировании приняло участие 5 преподавателей кафедры НИТО, 15 студентов математического факультета, 10 студентов факультета информатики.
Результаты анкетирования студентов показали, что навигация удобна на 80%, структура понятна на 96%, все вопросы освещены на 96%. Оформление понравилось всем опрашиваемым. Также все участники анкетирования отметили, что вопросы, связанные с созданием Web-страниц освещены в электронном учебном пособии достаточно полно, поэтому они смогут самостоятельно освоить создание Web-документов.
Рис.4. Результаты анкетирования студентов
На вопрос о том, какое пособие использовать удобнее бумажное или электронное, 100% ответили, что электронное. Такой ответ они прокомментировали тем, что в электронном варианте пособия красочно и наглядно представлен материал, можно быстро найти интересующий раздел, на страницах имеются ссылки на дополнительную информацию (см. рис.4).
Результаты анкетирования преподавателей показали, что разработанное электронное учебное пособие доступно не только для студентов ествественно-научных, но и для гуманитарных факультетов. Преподаватели отметили, что все вопросы, связанные с созданием Web-документов, освещены на 100%. Система навигации удобна на 60%. Структура учебного пособия была понятна всем участникам анкетирования, поэтому они стали бы использовать данное учебное пособие в реальной работе со студентами, в частности для заочных форм обучения (см. рис.5).
Рис.5. Результаты анкетирования преподавателей
По итогам проведения апробации выявлено полное соответствие разработанного электронного пособия и возможности реального применения в обучении студентов различных ВУЗов.
Электронное учебное пособие "Создание Web-документов" применяется только как источник информации, но не как средство контроля. Дистантного применения электронного пособия не было, на сайте факультета пока не публиковался, но такая возможность существует.
Заключение
Сопоставление результатов работы с поставленными задачами позволяет заключить следующее:
На основе проведенного библиографического исследования установлено, что основные цели компьютерных технологий - это подготовка обучаемых к жизни в информационном обществе и повышение эффективности образовательного процесса - были реализованы. Роль электронного учебного пособия заключается в том, что оно как обучающая система должно: организовывать и целенаправленно управлять деятельностью обучаемого по изучению курса; стимулировать деятельность в рамках отдельного занятия; рационально сочетать различные виды учебной деятельности с учетом дидактических особенностей каждой из них. С одной стороны, учителей необходимо готовить к использованию электронных учебных пособий в работе с учащимися, с другой стороны, мало времени отводится на изучение технологий их разработки. Поиск вариантов решения данной проблемы привел к выводу о необходимости разработки электронных учебных пособий, которые могут обеспечивать самостоятельное освоение этих технологий.
Разработано электронное учебное пособие "Создание Web-документов" как гипертекстовая среда с использованием Web-редактора Front Page 2000. Пособие содержит теоретические сведения и указания об использовании возможностей Front Page.
Разработаны рекомендации по использованию электронного учебного пособия "Создание Web-документов" для различных форм учебной деятельности: очной, заочной, дистанционной.
Проведена апробация в учебном процессе математического факультета УрГПУ, которая показала, что на основе разработанного электронного учебного пособия учащиеся могут самостоятельно освоить создание Web-документов.
Выявлено полное соответствие разработанного электронного пособия и возможности реального применения в обучении студентов различных ВУЗов.
Таким образом, следует считать, что задачи работы полностью выполнены и цель достигнута. Исследование можно считать завершенным. Вместе с тем, можно указать направления дальнейшего продолжения работы и развития, использованных в ней идей: разработка электронного пособия с использованием Flash-технологий, проведение более широкой апробации с целью оптимизации содержания пособия.
Литература
1. Анисимова Н.С., Сидоркина И.Г. Психолого-педагогические аспекты использования Интернет - технологий в образовании // Информатика и образование. 2002. №9. С.46-50.
2. Анчеева М.В. Технологическая платформа системы дистанционного обучения // http://ict.edu.ru/vconf/index. php
3. Багриновский К.А., Хрусталёв Е.Ю. Новые информационные технологии. М.: "ЭКО", 1996.
4. Виды педагогических программных средств (ППС) и общие технологии разработки // http://www.usvpu.ru/student/mikl/html/cont_frm. htm
5. Горшкова А.В. Создание информационно-справочных систем как форма обучения школьников // http://ict.edu.ru/vconf/index. htm
6. Государственный образовательный стандарт высшего и профессионального образования от 14.04.00 // http://www.edu.ru/db/portal/spe/os_zip/03010000.html
7. Государственный образовательный стандарт высшего и профессионального образования от 14.04.00 // http://www.edu.ru/db/portal/spe/os_zip/030100.html
8. Государственный образовательный стандарт высшего и профессионального образования от 14.04.00 // http://www.edu.ru/db/portal/spe/os_zip/032100.html
9. Государственный образовательный стандарт высшего и профессионального образования от 14.04.00 // http://www.edu.ru/db/portal/spe/os_zip/010200.html
10. Григорьев С.Г., Макаров С.И. Электронная учебная литература // http://www.bitpro.ru/ITO/2001/ito/III/1/III-1-41. htm
11. Дуг Лоу. Internet Explorer 6 для "чайников". С-Пб.: Диалектика. 2002.23 с.
12. Егоров А.Ф. Создание электронных учебных пособий и виртуальной лаборатории для дистанционного образования // http://gcon. pstu. ac.ru/pedsovet/fair/cat/obsh/konf/Tezis/razd3/61. htm
13. Зимина О.В., Кириллов А.И. Рекомендации по созданию электронного учебника // http://www.academiaxxi.ru/Meth_Papers/AO_recom_t. htm
14. Иванов В.Л. Структура электронного учебника // Информатика и образование, 2001, № 6, С.63-71 // http://crelbo. narod.ru/site_p1.html
15. Ильин Г. Педагогическая технология и педагогическое мастерство // Новые знания. 1999. № 4.
16. Катышева И.А. Вопросы компьютеризации образования // Вопросы психологии. 1986. №5. С.73.
17. Клейман Т.М. Школы будущего: Компьютеры в процессе обучения. М.: Радио и связь, 2001.
18. Красильникова В.А. Информатизация образования // Информатика и образование. 2003. №4. С.21-27.
19. Кречетников К.Г. Гуманизация информационных технологий в обучении // Информатика и образование. 2002. №7. С.20 - 22.
20. Кудрявцев В.Л., Кудрявцева Е.В. Требования к программным продуктам для дистанционного обучения // http://www.bytic.ru/cue99M/cvbcqnkymx.html
21. Лаврентьев B. H., Пак Н.И. Электронный учебник // Информатика и образование, 2000, №9, С.87-91
22. Лапчик М.П. Информатика и информационные технологии обучения в учебном плане математического факультета педвуза. Методические рекомендации. Омск: Изд-во ОГПИ, 1992.104 с.
23. Леонова Н.М., Зайцева М.А., Краева Л.В., Лобачёв А.А., Серова И.В. Телекоммуникационные технологии на уроках // http://ict.edu.ru/vconf/index. php? a=vconf&c=getForm&r=thesisDesc&id_sec=120&id_vconf=22&id_thesis=4457&d=light
24. Макарова Н.В. Программа для учащихся с 6-го или 7-го по 11-й классы. Информатика (объектно-информационная концепция). С-Пб.: Питер. 1999.80 с.
25. Ниматулаев М.М. Обучение студентов педагогических вузов использованию Web-технологий // Информатика и образование. 2002. №9. С 123-126.
26. Нолан Хестер. Microsoft Front Page дляWindows. Пер. с англ. - М.: ДМК Пресс. 2002.448 с.
27. Овчаров А.В. Компьютерная информационная среда обучения // http://aeli. altai.ru/nauka/sbornik/2001/ovcharov.html
28. Околелов О.П. Электронный учебный курс // Высшее образование в России. 1999. №4. С.126 - 129.
29. Перри Д.В. "Секреты World Wide Web". С-Пб.: Диалектика. 2001.112 с.
30. Полат Е.С., Петров А.Е., Аксёнов Ю.В. Концепция дистанционного обучения на базе компьютерных телекоммуникаций // http://www.1september.ru/~dec/concept. htm
31. Приказ Минобразования РФ N1646 от 19.06.98 о создании Федерального экспертного совета по учебным электронным изданиям.
Подобные документы
Создание одной из форм обучения с использованием средств новых информационных технологий - электронного учебника. Администрирование электронного учебного пособия на тему "Линейное программирование". Проектирование структуры электронного учебника.
курсовая работа [1,7 M], добавлен 09.06.2010Исследование значения современных информационных и мультимедийных технологий. Понятие и классификация электронных учебников. Характеристика особенностей представления и восприятия информации при самообучении. Проектирование электронного учебного пособия.
реферат [1,9 M], добавлен 29.12.2014Развитие и классификация языков программирования. Методические рекомендации по изучению языков программирования. Основные понятия объектно-ориентированного программирования. Создание электронного учебного пособия с помощью языка гипертекстовой разметки.
курсовая работа [331,1 K], добавлен 06.09.2011Интернет-технологии в образовании, основные аспекты и принципы их применения на современном этапе. Этапы создания электронного пособия, его внутренняя структура, предъявляемые требования и технологическое обеспечение. Листинг разработанного кода.
дипломная работа [1,4 M], добавлен 03.01.2014Понятие электронного справочного пособия и общие представления о нем. Рекомендации по созданию, преимущества использования и разработка электронных справочных пособий. Многоуровневая концепция создания ЭСП и методология разработки компьютерного пособия.
курсовая работа [76,2 K], добавлен 14.06.2008Различные определения сущности электронного учебника, его основные формы. Этапы разработки электронного учебно-методического пособия: подбор материала, выбор программы, создание, отладка и тестирование, защита. Содержание руководства пользователя.
дипломная работа [2,6 M], добавлен 20.09.2012Концептуальные основы разработки электронного учебника на основе гипертекстовых технологий. Архитектура учебного пособия. Этапы построения электронного учебника "Информатика" и его структура. Анализ практического использования электронного учебника.
дипломная работа [104,9 K], добавлен 02.05.2012Принципы создания электронного пособия по информатике. Требования к электронному учебнику, режим его работы и содержание. Достоинства и недостатки дистанционного обучения с использованием электронных учебников. Анализ электронных учебников Казахстана.
дипломная работа [552,2 K], добавлен 23.04.2015Особенности электронных учебных пособий и основные принципы их создания. Сбор и подготовка исходного материала для электронного учебного пособия. Разработка структуры электронного пособия. Выбор программ и разработка интерфейса электронного учебника.
дипломная работа [738,5 K], добавлен 27.06.2012Особенности электронных учебных пособий и принципы их создания. Специфика, структура, достоинства и недостатки электронных учебников. Разработка электронного учебного пособия по офисному программированию (интерфейс, глоссарий, создание VBA-программ).
дипломная работа [2,3 M], добавлен 31.03.2010
