Программный инструментарий по созданию электронного учебника

Ниже представлено краткое описание программного инструментария, который был использован при создании ЭУ «Основы творческо–конструкторской деятельности».

HTML(HyperText Markuj Language - "Язык разметки гипертекстов"). HTML был разработан для того, чтобы, создавая документ, можно было не думать о различии в программном иаппаратном обеспечении компьютеров, на которых этот документ будет просматриваться. При создании документа в HTML делается акцент на его структуре. Для сравнения: любой текстовый редактор концентрирует внимание на внешнем виде документа. Возможность создания документа, который может быть просмотрен на любом компьютере, большой шаг вперед по сравнению с использованием таких текстовых редакторов, как, например, Microsoft Word.

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

Анимации для первого раздела были спроектированы и разработаны студентами 4 курса филиала КГПУ им. В. П. Астафьева в г. Канске в рамках дисциплины Компьютерная графика.

Используемые картинки сжимались в программе Easy Image Compressor, которая предназначена для уменьшения размера рисунков в байтах перед пересылкой через e-mail, публикации на WWW, а также записи на переносной носитель информации. После сжатия картинок, страницы электронного издания значительно быстрее загружаются, и само издание занимает меньше места.

При создании ЭУ для обработки графических объектов был использован графический редактор компании Adobe PhotoShop 8.0.

Компания Adobe Systems Inc. славится прекрасными и мощными графическими пакетами. Adobe PhotoShop давно зарекомендовал себя как средство профессиональной обработки графики. Это целый комплекс, включающий множество сложнейших инструментов модификации растрового рисунка, добавления спецэффектов, поддерживающий многоуровневые слои и имеющий богатые возможности работы с цветом. В наши дни PhotoShop стал рабочим инструментом миллионов пользователей, имеющих самую различную подготовку и профессиональные интересы. Photoshop, использование которого было когда-то уделом лишь профессиональных фотографов, художников и работников полиграфической отрасли сегодня проникает буквально в каждую компьютерную систему. На данный момент без использования этого продукта не может обойтись не один Web-дизайнер, т.к. это очень гибкий пакет, который включает в себя огромное количество инструментов для работы с графикой. Вероятно, это самый мощный редактор растровой графики на сегодняшний день.

Главная навигационная панель, представленная на рисунке 3, дает возможность пользователю, не знающему языков программирования, менять содержание электронного курса.

Рис. 3. Главная навигационная панель.

Файловая система реализована разноуровневой иерархии. В корневом каталоге ЭУ находятся файлы относящиеся непосредственно к основным разделам (Папки: Razdel1, Razdel2, Razdel3, Razdel4, Chapter1, Файлы: index.htm - фаил загрузки и др.).

Редактирование и создание кодов производилось исключительно с помощью стандартной программы ²Блокнот² и html-редактора DreamWeaver 4.0.

При создании ЭУ для написания html-страниц мной был использован пакет Macromedia DreamWeaver 4.0 от компании Macromedia, считающейся лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. HTML-редактора этой компании - DreamWeaver 4.0 относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю). Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код.

Главная навигационная панель в виде отдельной HTML-страницы. В ней расположены название дисциплины и ниже слева направо ссылки: раздел 1, раздел 2, раздел 3, раздел 3, об авторах. При нажатии на раздел появляется содержание данного раздела, при нажатии на параграф раздела появляется название параграфа и лекционный материал по нему.

При реализации навигации по ЭУ, для удобства работы горизонтальное меню для ссылок «программа», «электронный учебник» и др., написано на JavaScript, а сами ссылки размещены в таблице со значением границы border 0. При написании горизонтального меню использована функция «openIt(x)», которая позволяет при наведении курсора мыши на ссылку показать подсылки.

Каждая ссылка включает в себя подссылки (например, для ссылки «раздел1» – подсылки: «§1», «§2», «§3», «§4»), ссылающиеся на подразделы одной или нескольких различных HTML-страниц. При загрузке любой из подссылок рабочая область будет загружаться одним окном с двумя панелями навигации.

С помощью скриптов создано две панели меню данного электронного издания.

Программа весьма полезна в организации удобной навигации по сайту. Внешний вид программы первого меню представляет собой выдвигающуюся при наведении панель с левой стороны страницы, вторая панель представляет собой меню, состоящее из ячеек таблицы, которое пользователь может передвигать по всему окну ЭУ, при нажатии левой кнопки мыши, так же можно оставить меню в любом месте окна и при спуске вниз страницы данное меню проследует за страницей.

Все ссылки представляют собой обыкновенные ссылки на HTML-страницы с соответствующей информацией.

В итоге было получено электронное издание по теме «Основы творческо – конструкторской деятельности», содержащее в себе 60 html документа, в которых содержится теоретический, практический, дополнительный материал; 159 рисунков, 120 таблиц и схем, 44 презентации обеспечивающих наглядность и понятность теоретического материала.