УДК 371.671:004 © В.Б.Ясинский, 2001
Электронный учебник
для системы дистанционного образования
В.Б.ЯСИНСКИЙ, канд. техн. наук
Карагандинский государственный технический университет
Проанализированы и систематизированы требования, предъявляемые к структуре и оформлению электронных учебников в формате HTML. На основе подробного рассмотрения особенностей представления информации на экране дисплея предложены приемы, повышающие степень восприятия материала людьми с различным типом механизма мышления. Рассмотре- ны технологические вопросы процесса создания электронных учебников.
Введение
Активное развитие системы дистанционного образования (ДО) поставило задачу создания учебной литературы, которая была бы адекватна новым подходам в современных образователь- ных технологиях [1]. Электронный вариант учебника должен коренным образом отличаться от классического печатного издания. С этим никто не спорит. Однако до сих пор здесь царит полная неопределенность. Поэтому имеет смысл попробовать систематизировать те требования, которым должен соответствовать электронный вариант учебника для системы ДО.
Структура учебника
Электронные учебники условно можно разделить на два вида: автономные и не нуждающиеся в наличии у пользователя определенного программного обеспечения, то есть – неавтономные.
• Для работы первых не предполагается наличия на компьютере конечного пользователя каких-либо программных средств, кроме операционной системы.
• Учебники второго вида ориентируются на определенные программные продукты – именно в среде или под управлением которых и должен работать учебник.
Каждый из названных видов учебников имеет свои преимущества и недостатки. В этой статье речь пойдет только о неавтономных электронных учебниках или об учебниках второго вида.
Система дистанционного образования предполагает активное использование компьютерных Internet-технологий, поэтому априори можно быть уверенным в наличии у пользователя какого-либо браузера. То есть электронные учебники второго вида (по приведенной выше классификации) в этом случае лучше всего делать с использованием языка гипертекстовой разметки (HyperText Markup Language – HTML).
Ну а раз платформа известна, то стоит более пристально разобраться с возможностями и особенностями представления документов в формате HTML. При этом, прежде всего, нельзя упус- кать из вида, что возможности форматирования текста в HTML-файлах значительно уступают воз- можностям текстовых процессоров типа Word. К этим ограничениям форматирования добавляются еще и ограничения, связанные с пропускной способностью линий связи, несколькими видами при- меняемых браузеров различных версий и возможными техническими ограничениями компьютеров конечных пользователей.
Другая группа вопросов, на которые тоже нужно дать ответ, обусловлена особенностью вос- приятия информации, представленной на экране дисплея.
Рассмотрим все эти вопросы по очереди, причем начнем с технической стороны проблемы.
Технические ограничения
Не секрет, что пропускная способность наших линий связи и стоимость доступа в Internet оставляют желать лучшего. Учитывая это, а также то, что в пользовании еще довольно много низ- коскоростных компьютеров i486, суммарный размер отдельного HTML-файла (вместе с графикой),
как показала практика работы в Internet, не должен превышать 50Кб. Эта цифра особенно критична при работе с учебником в режиме «On Line». При больших размерах файл будет загружаться очень долго, и работать с ним студенту будет крайне неудобно. Отсюда следует вывод, что
1) учебник должен состоять из набора файлов небольшого размера, объединенных общей навигационной системой гиперссылок;
размер каждого HTML-файла вместе с графикой не должен превышать 50Кб.
Примечание
Если учебник предназначен для использования в кейс-технологии [1] или в режиме «Off Line», то размер отдельного файла может быть и больше. Но и здесь надо быть очень осторожным.
Практика показывает, что с файлами, насыщенными графикой и имеющими размер более 100 Кб, можно работать достаточно комфортно только при ОП не менее 32 Мб.
Что касается разных типов и версий браузеров, то имеет смысл пойти на компромисс. При этом следует учитывать, что, по последним данным опроса в Internet, более 75% используют Inter- net Explorer (IE), порядка 22% больше любят Netscape Navigator, а оставшиеся, примерно 3%, ра- ботают с браузерами других фирм. Поскольку единого стандарта до сих пор нет, внешний вид од- ного и того же документа в разных браузерах может очень сильно разниться.
К сожалению, все отличия в трактовке тэгов HTML разными браузерами учесть невозможно (точнее, очень трудно), поэтому надо сразу выбрать базовый браузер.
2) Учитывая широту распространения браузера Internet Explorer, в качестве базового есть резон выбрать именно его, причем ориентироваться лучше сразу на версии 4.0 и старше.
В некоторых случаях, когда это может сильно сказаться на внешнем виде учебника, надо учитывать и отличия, даваемые Netscape Navigator.
Примечание
В начале декабря 2000 года появилась первая некоммерческая (FREEWARE) версия очень перспективного браузера Opera 5.0. После того как он официально «научится» понимать кириллицу, другие популярные браузеры могут получить достойного и очень агрессивного конкурента. Поэтому при разработке учебников, видимо, придется учитывать и особенности браузера Opera. Так это или нет – покажет время.
Во всем мире самым распространенным монитором является монитор с диагональю в 15". На просторах СНГ ситуация несколько иная – здесь в фаворитах дисплей с диагональю в 14". Для та- ких размеров экрана наиболее приемлемым режимом работы является режим с разрешением 800х600 pix. Кроме того, учитывая, что особенно на старых моделях мониторов пользователи не- редко предпочитают работать при разрешении 640х480,
3) дизайн электронного учебника должен быть рассчитан как минимум на два режима дисплея: 640х480 и 800х600 pix.
Достаточно большое количество находящейся в эксплуатации и все еще работоспособной старой техники, а также известное качество связи, ставят еще одно ограничение:
4) цветовая палитра электронного учебника не должна превышать 256 цветов.
Конечно, совсем бы хорошо обойтись всего 16-ю цветами. Но, на мой взгляд, это уже излиш- нее ужесточение. Хотя, все может быть. По крайней мере, ограничение палитры 16-ю цветами только улучшит совместимость учебника с имеющимся у пользователей компьютерным парком.
Режимы High Color и True Color естественным образом резко ограничат ареал распростране- ния учебника.
Главная страница
Оформление учебника должно быть исключительно функциональным. Но это совершенно не исключает тщательную проработку дизайна его первой (главной) страницы. Как театр начинается с вешалки, так и любой учебник начинается с обложки (под обложкой в данном случае следует пони- мать главную, то есть первую страницу электронного учебника). В связи с этим стоит обратить на ее дизайн особое внимание.
Однако кроме дизайна первой страницы следует не забывать и об ее информативности. Эта страница должна быть связующим звеном между различными разделами учебника и позволять без проблем перейти к любому из них. Для этого на странице должны присутствовать:
1. Название учебного центра.
2. Название курса, по которому сделан учебник.
3. Ссылка на список (меню) основных разделов учебника.
4. Вызов помощи по работе с учебником.
5. Ссылка на методические рекомендации, которые должны содержать цель и задачи изучае- мого курса, рабочую программу, список рекомендуемой литературы, рекомендации по практической работе с контрольными задачами и тестированию.
6. Ссылка на информацию об авторах.
Примечание
Включение контрольных задач и тестирования в учебник целесообразно только в том случае, если они очень плотно увязаны с излагаемым в учебнике материалом и дополняют или даже заменяют часть его разделов.
Навигационная система
Навигационная система учебника должна строиться по блочному принципу с иерархической перекрестной структурой ссылок внутри каждого блока. При необходимости могут быть реализова- ны и переходы между разными блоками (см. рис.).
Структура электронного учебника
Для теоретической части учебника это означает, что:
• Весь материал разбивается на блоки, то есть разделы или главы.
• Общее меню разделов может быть вызвано с главной страницы.
• Вход в каждый конкретный раздел возможен только из этого меню.
• Разделы (главы), в свою очередь, также должны иметь свое собственное меню для содержащихся в нем тем.
• Вызов страниц с отдельными конкретными темами должен быть возможен только из меню раздела.
• Перемещение между страницами осуществляется только в пределах объединяющего их раздела (главы).
• Перекрестная навигация между различными страницами учебника должна реализовываться только в неявном виде и по методическим соображениям (например, для получения справки или дополнительного разъяснения объясняемого материала).
Особенно желательно, чтобы в процессе изучения учебного материала обучаемый имел воз- можность оперативно получать текущую справочную информацию, например, по терминологии, размерностям, ГОСТам и так далее.
Для этого следует организовать отдельные страницы (словарь, справочник и так далее) с си- стемой меток и обеспечить переход на нужную метку по гиперссылке с любой страницы учебника.
Возврат в исходное место в этом случае реализуется через кнопку Назад (Back) панели управления браузера.
Навигация раздела с лабораторными работами, курсовыми работами или проектами должна строиться по такому же принципу.
Особенности структуры текстовых страниц
На каждой странице учебника в обязательном порядке должны присутствовать две навигаци- онные панели: в начале и в конце странице. Эти панели призваны обеспечивать навигацию внутри текущего раздела учебника и содержать, по крайней мере, три кнопки для перехода:
• на предыдущую страницу раздела,
• на последующую страницу и
• к оглавлению (меню) раздела.
Внизу страницы должна присутствовать кнопка возврата на ее начало.
Если страница получилась длинной, то кнопка возврата на ее начало должна быть продубли- рована по высоте страницы несколько раз.
В начале (шапке) страницы панель управления целесообразно размещать справа вверху, а внизу страницы – по центру.
Кнопка возврата к началу страницы должна располагаться в правой части строки.
Такое расположение кнопок наиболее естественно и обеспечивает максимальные удобства при работе.
Страницы с графическим материалом
В этом случае не имеет смысла накладывать ограничения на размер страницы, а расположе- ние на ней графики диктуется ее размерами. Однако система навигации и здесь должна формиро- ваться по тому же принципу, что и на текстовых страницах учебника.
Поскольку графический материал (схемы и чертежи) служит, в основном, для иллюстративных целей, то страницу с ним надо открывать в отдельном окне. Для этого достаточно вызывать стра- ницу с параметром TARGET = «_BLANK».
Психологические проблемы восприятия
Одним из разделов психологии, занимающимся, в том числе, и теорией обучения, является нейролингвистическое программирование (НЛП). НЛП – это гуманитарная технология, одной из за- дач которой является формализация успешного креативного (то есть, сознательно осознанного) опыта для обучения ему людей.
Не вдаваясь в подробности (с принципами, методами и задачами НЛП можно познакомиться на сайте http://www.nlp.ru), отмечу только, что по способу мышления НЛП выделяет три типа людей:
а) мыслящих преимущественно зрительными образами (Визуалы).
б) мыслящих проговариванием мыслей внутри (Аудиалы + Дигиталы).
в) мыслящих преимущественно ощущениями (Кинестетики).
В процентном соотношении это выглядит примерно так:
Визуалы – 30-50%, Аудиалы – 5%,
Кинестетики – 30-60%.
В Internet это соотношение достоверно не известно, но, скорее всего, визуалов больше, чем в среднем по стране.
На первый взгляд, может показаться, что теоретические «измышления» от реальности далеки.
Отнюдь. Умело использовав особенности человеческого мышления, можно значительно интенси- фицировать процесс восприятия учебного материала.
Из сказанного можно сделать вывод, что восприятие студентом излагаемого в электронном учебнике материала зависит не только от того,
• как подобран и в какой последовательности подается материал;
• каким стилем и в какой манере написан учебник, но и
• как он оформлен (!!!).
Подбор материала, последовательность его подачи, стиль и манера изложения полностью определяются авторами учебника в соответствии со стоящей перед ними методической задачей.
Единственное, что здесь можно пожелать – это постараться максимально уйти от канцеляризмов и неудобоваримых длинных фраз.
Таким образом,
при создании электронного учебника на равных правах с содержанием выступают внешний вид и структура построения учебника, причем оформление – это не дань моде и не способ создания имиджа образовательного центра, а один из основных путей повышения качества усвоения материала студентом.
Приведенные выше соотношения показывают, что из-за специфики способа представления информации на экране дисплея при создании электронных учебников надо ориентироваться в ос- новном на визуалов.
Информация чаще всего представляется в виде текстовой и графической. Графический спо- соб представления требует отдельного рассмотрения, поэтому начнем с текстовой формы.
Способы представления текста
На процесс восприятия (а значит, и понимания) текста, расположенного на экране дисплея, влияет целый набор факторов. Это –
• ширина текстовой зоны,
• способ выравнивания текста,
• его расположение на экранной странице,
• начертание, стиль и размер шрифта.
Размер текстовой зоны
Восприятие текста идет значительно эффективнее, если глаз может сразу охватить не от- дельные слова или обрывки фразы, а целую строку, законченный фрагмент или, в идеале – абзац.
Этот факт давно известен полиграфистам и является одним из определяющих при выборе длины строки текста. Недаром при больших размерах страниц текст в печатных изданиях делится на ко- лонки, а страницы книг альбомного формата никогда не заполняются целиком от края до края.
Применительно к тексту на экране дисплея и с учетом технических ограничений, рассмотрен- ных выше, это приводит к тому, что
•
ширина текстовой зоны должна быть в пределах 540÷570 pix,•
текстовая зона должна центрироваться по горизонтали,•
размер шрифта должен быть не менее 12 пунктов.При невыполнении этих требований, особенно на мониторах с диагональю более 14 дюймов, длинная строка заставляет глаз перемещаться в пределах большого угла – иногда даже приходит-
ся поворачивать голову от начала к концу строки. В результате повышается утомляемость, что, как следствие, дает резкое снижение понимания материала учебника.
Выравнивание текста
Несмотря на кажущуюся простоту, это очень эффективный прием оформления текста. Приме- нение того или иного способа выравнивания позволяет не только решить задачу привлечения вни- мания к определенным фрагментам текста, но и задать ритм чтения учебника, замедляя или уско- ряя его в нужных местах.
Ниже приведены рекомендации по использованию этих способов выравнивания в электрон- ных учебниках.
Способ выравнивания (align="") Пример и комментарии
Влево (left) В большинстве языков, использующих алфавит (кроме арабского и иврита), текст читается слева направо. Поэтому способ выравнивания текста влево – наиболее естественный и легко воспринимается человеком при чтении. В этом случае все строки начинаются от одной вертикальной линии с левой части страницы.
Поскольку в HTML-документах отсутствуют переносы, это выравнивание смотрится иначе, чем в печатных документах.
Его лучше всего использовать при перечислениях или в отдельно стоящих небольших абзацах.
Вправо (right) Текст выравнивается по правой стороне текстовой зоны. Такой способ выравнивания целесообразно использовать для некоторых заголовков, названий таблиц или небольших фрагментов, которые надо выделить в отдельную смысловую группу.
По центру (center) Все строки абзаца располагаются точно по центру текстовой части страницы. Слева и справа автоматически добавляется одинаковое
число пробелов. Этот вид выравнивания хорошо подходит для заголовков или если надо придать дополнительную выразительность
некоторым текстовым фрагментам.
По ширине (justify) При выравнивании по ширине все слова равномерно распределяются по строке. В нужных местах добавляются дополнительные пробелы. В результате текст имеет с обеих сторон страницы ровные границы.
Такой способ выравнивания до недавнего времени в HTML-документах не применялся, поскольку не поддерживался стандартом языка HTML.
Теперь это стало возможным. Тем не менее, в больших документах целесообразно данный вид выравнивания перемежать другими способами, чтобы избежать монотонности и потери внимания.
Поскольку HTML–стандарт не поддерживает переносы слов, этим способом выравнивания следует пользоваться осторожно, так как при малой ширине строки текст из-за больших пробелов между словами может смотреться очень плохо.
Выбор шрифта
Все многообразие имеющихся шрифтов можно разделить на две большие группы: шрифты с засечками (serif) и гладкие шрифты (san serif – без засечек):
• к первым (serif) относятся шрифты типа Times New Roman,
• ко вторым (san serif) – Arial.
По мнению психологов, шрифт с засечками читается легче, поскольку глазу есть за что «заце- питься» при чтении текста – засечки как бы служат направляющими для перемещения глаза по буквам, и он устает меньше.
Гладкие шрифты требуют больше внимания и усилий при чтении. В результате прочитанное лучше запоминается. Отсюда можно сделать вывод, что
в тех небольших фрагментах текста учебника, на которые надо обратить внимание обу- чаемого (формулировки, определения и так далее), наряду с приемами, о которых речь пойдет ниже, следует использовать преимущественно гладкие шрифты.
Для печатных документов выбор шрифта иногда становится тяжелой задачей и часто решает- ся личными предпочтениями автора – настолько много в настоящее время разработано шрифтов.
В принципе, HTML-документы имеют те же возможности выбора. Однако не надо забывать, что электронный учебник должен нормально воспроизводиться на компьютере пользователя, на котором ассортимент шрифтов может быть очень ограничен. Учитывая этот факт, следует тща- тельно подойти к выбору нужного комплекта шрифтов, продумав возможные варианты замены.
Для получения задуманного результата, при назначении шрифтов в тэге <FONT> следует ука- зывать несколько их вариантов по степени предпочтения. При этом варианты должны группиро- ваться из шрифтов с однотипным начертанием. И только в крайнем случае, рискуя потерять заду- манное форматирование, в список можно вводить иные по начертанию шрифты.
Можно рекомендовать следующие виды наборов шрифтов:
С засечками: <FONT FACE="Times New Roman, TimesET, SchoolBook, Serif">
Гладкие: <FONT FACE="Tahoma, Arial, Helvetica, Verdana, Sans-Serif">
Все то, что сказано выше о шрифтах, не относится к математическим или иным формулам, набираемым с клавиатуры в текстовом режиме. Шрифт Symbol, который традиционно применяется для этих целей, на компьютере пользователя может просто отсутствовать. Поэтому
все греческие и иные символы должны вставляться в текст учебника только в виде GIF- файлов с прозрачным фоном.
Приемы акцентирования внимания
Визуально на экране текстовую информацию можно выделить несколькими способами:
• местом ее расположения,
• фоном,
• шрифтом,
• его начертанием и цветом.
С выравниванием текста и шрифтами мы уже разобрались. Теперь перейдем к роли цвета в электронном учебнике.
В отличие от печатных изданий учебники в электронном виде имеют возможность влиять на процесс восприятия с помощью цвета. Однако здесь нельзя кидаться в крайности. Во всем нужна умеренность. Задача учебника – научить, то есть донести до сознания человека нужную информа- цию наиболее эффективным способом. Чрезмерное увлечение цветовыми эффектами может сме- стить акценты и «свести на нет» всю проделанную работу по созданию учебника.
Опыт создания web-страниц для Internet показал, что оптимальным является использова- ние на одной web-странице не более 4-х основных цветов.
То есть при разработке web-дизайна учебника сначала следует определиться с цветовой гам- мой.
Цвет фона и основного текста
Черный текст на контрастном белом фоне – это стандартный, но далеко не самый лучший ва- риант для учебника. Кроме дополнительной утомляемости обучаемого такая ситуация ничего не принесет.
Чтобы снизить нагрузку на глаза человек вынужден уменьшать яркость изображения на дис- плее. Это приводит к потере контрастности, которую приходится увеличивать. В конечном итоге комфортность работы за компьютером падает, повышается утомляемость и, следовательно, идет на убыль способность к восприятию информации.
Избежать возникновения такой ситуации можно простым подбором цветовой пары текст–фон.
Для цвета основного текста все же лучше подходит универсальный черный, хотя возможны и варианты (темно-коричневый, темно-синий и так далее). А вот цвет его напарника зависит от об- щей выбранной цветовой гаммы. Но в любом случае для фона следует использовать только мягкие пастельные тона. Причем лучший визуальный эффект дает не сплошная заливка фона выбранным цветом (параметр BGCOLOR в тэге <BODY>), а мягкий расфокусированный текстурный фон, за- данный в том же тэге параметром BACKGROUND.
Но не стоит увлекаться и разнообразием фонов. В крайнем случае, для разных разделов учебника можно несколько варьировать его оттенок или текстуру. В пределах же одного тематиче- ского раздела цвет и текстура фона должны оставаться постоянными для всех страниц.
Акцентирование цветом
Для выделения (смыслового акцентирования) фрагментов текста не стоит применять резко контрастирующие с основным текстом цвета.
Не имеет смысла и большое разнообразие выделяющих цветов.
Вполне достаточно использовать разные по насыщенности оттенки одного цвета. А поскольку насыщенность можно визуально регулировать размером и начертанием шрифта (normal, bold, italic), то количество вариантов цвета можно также ограничить.
При черном основном тексте и светло-сером текстурном фоне цвет выделения может быть синим (лучше темным, например, #006699) и различными оттенками красного (от темного
«#990033» до яркого «#FF0000»). Возможны и другие варианты пар. Это зависит от текстуры обще- го фона.
Если хотите выделить какой-либо фрагмент фоном, то выделяемый текст следует поместить в таблицу и задать цвет фона ячейки. Как и для всей страницы целиком, здесь тоже можно исполь- зовать файл с текстурным фоном, подготовленный заранее в графическом редакторе.
Акцентирование форматированием
Визуальное выделение нужного фрагмента может быть достигнуто не только с помощью шрифта или цвета, но и изменением положения текста на экранной странице и (или) способа его выравнивания.
Положение текста удобно регулировать с помощью механизма таблиц, размещая выделяемый текст в соответствующую ячейку таблицы.
Оба эти способа можно применять как вместе, так и по отдельности.
Причем наилучший эффект достигается при одновременном использовании нескольких видов акцентирования: шрифтом, цветом и форматированием в любой их комбинации.
Учет особенностей типов мышления
Несмотря на направленность большинства электронных учебников преимущественно на визу- алов, имеются и некоторые возможности учета и двух других моделей мышления.
Кинестетики
Особенности мышления кинестетиков могут быть учтены с помощью создания у них нужных ощущений. Этого можно добиться подбором цветовых палитр, оказывающих необходимое влияние на формирование психологического состояния обучаемого в процессе работы с учебником. Воз- действием цветом можно создать у обучаемого ощущение тепла, комфорта и спокойствия, повы- сить внимание или активизировать возбужденное состояние. Словом, с помощью цветового реше- ния электронного учебника можно в определенной степени управлять степенью восприятия обуча- емым учебного материала.
Этого же эффекта можно добиться, используя соответствующий фон для выделения фраг- ментов, на которые следует обратить особое внимание обучаемого.
Кроме того, при адресной отправке учебника конкретному обучаемому с помощью каскадных таблиц стилей (Cascade Style Sheets – CSS) заменой только одного файла можно предоставлять ему учебник именно в той цветовой гамме, которая ему наиболее предпочтительна.
Цветовое решение учебника будет оказывать влияние не только на кинестетиков. Поэтому имеет смысл подойти к решению этого вопроса с максимальной продуманностью.
Аудиалы
Можно предложить и способ учета особенностей мышления аудиалов. Обычно, если учебник не посвящен изучению иностранного языка или сценическому искусству, роль аудиальных компо- нент крайне мала. Тем не менее, использовать эту особенность человеческого мышления тоже можно, если скомбинировать аудиальные компоненты с визуальными. Например, любая фраза, определение или формулировка, визуально выделенные местоположением, шрифтом, фоном и цветом, будут лучше запоминаться, если при их написании использовать приемы, лежащие в осно- ве представления на бумаге стихотворных строк. В этом случае наряду с визуальным восприяти- ем ассоциативно (кто, хотя бы в детстве, не учил стихи!) включается аудиальный механизм. В ре- зультате запоминание идет сразу по двум каналам.
Посмотрите, как это выглядит на примере формулировки Второго закона Ньютона.
Вариант 1 Визуальный механизм
Ускорение, приобретаемое телом, прямо пропорционально равнодействующей всех сил, действующих на тело, обратно пропорционально его массе и направлено в сторону равнодействующей.
Вариант 2 Визуальный + Аудиальный механизмы
Ускорение, приобретаемое телом,
прямо пропорционально равнодействующей всех сил, действующих на тело,
обратно пропорционально его массе
и направлено в сторону равнодействующей.
В первом варианте формулировка выделена исключительно визуально – шрифтом, его цве- том и стилем.
Во втором варианте к уже сделанному добавлен еще и прием, ассоциативно подключающий аудиальный механизм запоминания. Для этого определение разбито на смысловые фрагменты, длина которых не превышает длину строки, и сделано выравнивание текста только по его левой границе. Тем самым задан ритм восприятия, сходный с восприятием стихотворных строф.
Достаточно очевидно, что во втором варианте запоминание будет значительно лучше.
В связи с этим, имеет смысл пересмотреть уже сложившиеся в учебной литературе способы подачи материала с целью переноса максимального акцента на основные положения курса и уси- ления динамизма изложения.
Длинные пространные рассуждения, уместные в печатном издании, плохо воспринимаются при чтении с экрана дисплея. Здесь гораздо большего результата можно достичь заменой словес- ного «мусора» лаконичными формулировками, визуальными элементами в виде графиков, гисто- грамм, анимированными или нет иллюстрациями.
Технология создания электронного учебника
Создание качественного электронного учебника – процесс длительный, очень трудоемкий и требующий солидных капиталовложений [2]. При этом необходимо наличие хорошо слаженной ко- манды квалифицированных специалистов: автора текста учебника, web-дизайнера, программиста, художника и психолога.
В одиночку практически невозможно выполнить весь объем работ, поскольку в этом случае ав- тор учебника должен выступать одновременно в нескольких лицах. Хотя исключения могут быть.
Тем не менее, несмотря на необходимость участия в создании учебника большого коллектива, ос- новной автор у учебника, несущий полную ответственность за качество отбора учебного материа- ла, его методическую проработку, стиль и язык изложения, должен быть один. В крайнем случае, в роли авторов могут выступать не более чем два единомышленника. Как показывает практика, это максимально устойчивая группа, менее всего подверженная разного рода конфликтам при дея- тельности подобного рода.
Именно за автором должно быть последнее слово во всех спорных вопросах, не касающихся технической или дизайнерской стороны процесса создания учебника. В противном случае коллек- тивная ответственность по схеме, предлагаемой, например, в работе [3], может свести на нет все благие намерения и превратить созданный учебник в бледное подобие аналогичных печатных ва- риантов, но на ином информационном носителе и в новом качестве.
Одним из основных камней преткновения технологической стороны создания такого учебника является то, что пока самое оптимальное качество HTML-файла можно получить только при его создании в ручном режиме. Это требует очень высокой квалификации и наличия большого опыта.
Учитывая, что web-мастеров нужной квалификации еще не так много, как хотелось бы, можно попробовать дать рекомендации по упрощению процедуры создания качественных учебников.
Самый простой путь решения проблемы – это использование одного из имеющихся в настоя- щее время HTML-редакторов. Желательно, чтобы это был редактор, реализующий технологию WYSIWYG – What You See Is What You Get (Что ты видишь, то и получаешь).
Однако и здесь не все так просто, как кажется. Поэтому сначала – небольшое предостереже- ние на тему, как не надо делать электронный учебник.
Почему нельзя использовать только Word 97/2000
Несмотря на широкую рекламную компанию Microsoft Corporation по поводу своего детища Word 97 и 2000, использовать их в качестве основного средства создания web-вариантов электрон- ных учебников нельзя.
Да, и Word 97, и Word 2000 реализуют технологию WYSIWYG. Да, они позволяют быстро со- здать web-версию любого сделанного в них документа. Но какой ценой! Результирующий HTML- файл получается настолько большим, что становится невозможным его использование в сетевых технологиях ДО. HTML-конвертер Word добавляет в текст такое огромное количество лишней слу- жебной информации (типа персональных стилей форматирования чуть ли не каждого слова), что
«за забором не видно и леса». При попытке ручной чистки файла требуемое время, в лучшем слу-
чае, соизмеримо (чаще, гораздо больше) со временем создания этого файла заново в ручном ре- жиме. Ну, а поскольку размер HTML-файла, обработанного вручную после конвертирования из Word, уменьшается в 5-6 раз, то решение отказаться от услуг Word 97/2000 как основного средства создания web-вариантов учебников выглядит достаточно обоснованным.
Кроме того, применение такого способа создания учебника не позволит без очень квалифици- рованной ручной работы учесть те технические ограничения, о которых шла речь выше.
Справедливости ради следует все же отметить, что сама по себе идея автоматического кон- вертирования DOC-файлов в формат HTML очень полезна и плодотворна. Однако с существую- щим конвертером она годится только для создания небольших web-страниц и рассчитана не на наши линии связи.
Тем не менее, Word 97/2000 все же может быть полезен в своем основном качестве, если его применять только на первом этапе создания электронного учебника.
Каким HTML-редактором лучше пользоваться
Наиболее оптимальное решение проблемы заключается в разработке нового варианта HTML- конвертера для Word 97/2000. Пока же он не создан, можно пойти обходным путем.
Поскольку сейчас практически на каждом компьютере стоит пакет Microsoft Office, то имеет смысл использовать один из его компонентов – HTML-редактор Front Page.
Кроме распространенности у этого редактора есть еще одно преимущество перед другими.
Если не увлекаться динамическими эффектами, то Front Page вставляет в создаваемый HTML- документ довольно экономный код, не засоряя текст лишним «мусором».
Самая последняя на сегодняшний день версия Front Page 2000 является и самой удачной. Эта версия входит в состав пакетов Office 2000 Premium (Расширенный выпуск) и Office 2000 Developer Edition (Издание для Разработчика).
В редакторе Front Page 2000 текст (если нет формул) можно набирать сразу. В этом смысле его возможности мало отличаются от имеющихся в Word.
Если же воспользоваться пакетом Math Type или на компьютере установлен редактор формул Microsoft Equation (один из компонентов текстового процессора Word), то проблем с набором фор- мул не будет и здесь. В этом случае формулы можно набирать в них и переносить в текст через буфер.
Однако если текст уже сделан в любой версии Word, то при импортировании его DOC-файла во Front Page 2000 (такая возможность предусмотрена) результат разительно отличается от прямо- го конвертирования из Word 97/2000 в HTML-формат.
За счет более эффективного конвертера Front Page 2000 создает HTML-файл, размер которо- го, по крайней мере, в 4 раза меньше, чем при прямом конвертировании из Word 97/2000.
Форматирование DOC-файла сохраняется практически полностью (с учетом, конечно, разли- чий возможностей форматов), а служебной информации в HTML-версии документа получается во много раз меньше, чем в других случаях. Иногда такие файлы даже не требуют ручной оптимиза- ции.
То же самое происходит и при переносе фрагментов DOC-файлов из Word во Front Page 2000 через буфер.
В зависимости от размера памяти компьютера и поставленной задачи можно использовать оба приема.
Примечание
Самый лучший результат (с точки зрения минимизации размера конечного HTML-файла) получается при переносе текста любым из описанных способов во Front Page 2000 из Word 95 (иначе его еще называют Word 7.0).
Текстовые файлы также успешно импортируются во Front Page 2000.
На основании этих наблюдений можно рекомендовать следующую последовательность дей- ствий:
1. Учебник создается в любой версии Word.
2. Если DOC-файл содержит мало графики, а компьютер имеет достаточно большой размер оперативной памяти, то запускается Front Page 2000 и через меню Insert | File (Вставить | Файл) сразу импортируется нужный файл. При этом, в зависимости от версии Word, в котором создавался документ, в диалоге Select File (Выбор файла) следует в списке Тип файлов выбрать «Word 6.0/95 для Windows и Макинтоша» или «Word 97/2000 (*.doc)».
3. Если же исходный файл большой или нужна только его часть, то необходимо загрузить до- кумент в Word соответствующей версии и переносить во Front Page 2000 через буфер.
4. При наличии файла в чисто текстовом формате его можно импортировать напрямую так же, как это описано в п.2, но в списке Тип файлов теперь надо выбрать «Text file (*.txt)».
Большой набор конвертеров для импорта файлов позволяет описанным способом импортиро- вать во Front Page 2000 и файлы Excel, и сделанные в ЛЕКСИКОН’е DOS-файлы, и многое другое.
Конечно, править дизайн, расположение текста и рисунков придется, но основа будет заложе- на. Размер конечного HTML-файла станет уже вполне приемлемым – если не в 6, то в 4 раза уж точно меньше файла, созданного прямым конвертированием из Word 97/2000.
Более ранние версии Front Page использовать не стоит, так как они не поддерживают некото- рые элементы форматирования. Например, выравнивание по ширине Front Page Express и Front Page 97 просто не дадут сделать, – даже если записать эти параметры вручную, названные HTML–
редакторы уберут эти тэги из текста файла.
И последнее, на что нужно обязательно обратить внимание. При создании системы пере- крестных гиперссылок следует внимательно следить, чтобы все ссылки ориентировались только на относительные адреса. В противном случае, при переносе созданного учебника на другой компью- тер (а учебник как раз и создается с этой целью) они работать не будут.
Каскадные таблицы стилей
Все, что ранее говорилось об оформлении текста, очень удобно делать с помощью каскадных таблиц стилей (CSS).
CSS является достаточно простым механизмом таблиц стилей, который позволяет авторам и
читателям приписывать стиль (начертание, вид и размер шрифтов, вид фона, цвета, отступы и так далее) HTML-документам. Язык CSS является языком высокого уровня и использует стандартную терминологию, принятую в электронной полиграфии.
Одним из фундаментальных свойств CSS является каскадирование. При этом авторы могут приписывать документу предпочтительную таблицу стилей, в то время как читатель может иметь персональную таблицу стилей для исправления своих физиологических или технических проблем.
Использование хорошо разработанной каскадной таблицы стилей значительно ускоряет и об- легчает создание электронного учебника в формате HTML.
Хотя рассмотрение синтаксиса и правил работы с языком CSS – это отдельная большая тема, некоторые пояснения все же сделать надо.
1. Использование файла стилей позволяет не зависеть от настройки браузера.
Следовательно, задуманное форматирование учебника (размер шрифтов, поля и отступы) будет сохраняться всегда.
2. Изменение этих параметров внутри HTML-файла имеет более высокий приоритет и
отменяет действие установок CSS-файла. В этом случае вид форматирования учебника будет зависеть от настроек браузера.
3. Если надо иметь, допустим, три размера шрифта для абзацев при одинаковых остальных параметрах, то в CSS-файле нужно предусмотреть тоже три разных класса.
Средства автоматизации
Есть еще один путь создания электронных учебников – специальные программные пакеты для формирования учебного электронного курса в HTML-формате. Их задача состоит в помощи авто- рам, не знающим язык гипертекстов.
Примером такой попытки может служить программный пакет «Дизайнер курсов»
(http://www.prometeus.ru). Как пишут его разработчики:
«Программа "Дизайнер курсов" рассчитана на пользователей, у которых нет времени или возможности осваивать все премудрости профессии Web-мастера, и предназначена для быст- рого создания мультимедийных курсов в формате Интернет (в виде набора связанных HTML- страниц).