Техническое руководство
по разработке электронных учебников
для системы дистанционного обучения СПбГУ ИТМО

(Версия 1.3 2 июля 2008 года)


Предлагаемое техническое руководство описывает процесс разработки электронного учебника в системе дистанционного обучения Санкт-Петербургского государственного института точной механики и оптики (технического университета).

Вводная глава 1 описывает основные положения и принципы, на которых строится система дистанционного обучения (ДО) в СПбГУ ИТМО. В этой главе вводятся основные термины, которые многократно используются в дальнейшем, описан порядок создания и включения электронного учебника в систему ДО. В главе даются рекомендации по использованию программного обеспечения для подготовки информационных страниц электронного учебника. Вводная глава требует ознакомления главным образом тех, кто впервые сталкивается с системой ДО в СПбГУ ИТМО, а также для ознакомления с терминологией, используемой в основной части технического руководства.

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

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

Глава 4 посвящена созданию файла с глоссарием или любым другим информационным материалом, имеющим подобную структуру (персоналии, справочники, словари).

Главы 2, 3 и 4 требуют внимательного изучения основных возможностей и ознакомления с тонкостями работы системы электронных учебников.

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

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

Желаем успехов в создании электронных учебников и реализации всех методических замыслов в системе ДО, которая предоставляет для этого большие возможности. По всем вопросам, возникшим при изучении данного технического руководства, с замечаниями и предложениями можно обращаться в Центр дистанционного обучения СПбГУ ИТМО по адресу de@mail.ifmo.ru.


1. Введение

1.1 Общие положения

Система дистанционного обучения в СПбГУ ИТМО основана на сетевой Internet-технологии. Это наиболее перспективная технология ДО, обеспечивающая открытый доступ в систему дистанционного обучения как обучающихся, так и преподавателей на любом уровне информационных ресурсов - внутривузовском, национальном и мировом. В сетевой технологии могут быть реализованы различные способы и методы обучения: электронные учебники с удаленным доступом, электронные библиотеки, тестирующие обучающие и аттестующие системы, виртуальные лаборатории, телеконференции студентов и преподавателей. При этом предполагается, что система ДО в СПбГУ ИТМО будет использоваться не только и не столько, как средство получения образования дистанционным способом, а как компьютерная технология обучения по любой форме образования (очной, вечерней, заочной и экстернату), направленная на активизацию самостоятельной работы студентов по изучению дисциплины и повышение качества и объективности процесса аттестации.

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

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

Развитие в системе дистанционного обучения в СПбГУ ИТМО пакета электронных учебников по любым дисциплинам с возможностью постоянной модификации является важной задачей. Наличие богатого набора электронных учебников сделает систему ДО в СПбГУ ИТМО полноценной системой дистанционного обучения.

1.2 Структура системы ДО и принципы ее функционирования

В соответствии с принятой концепцией развития системы дистанционного обучения в СПбГУ ИТМО создание системы электронных учебников осуществляется на основе стандартных Internet-технологий, а именно сетевой службы World Wide Web (WWW).

Аппаратная структура системы ДО
Рис.1 Аппаратная структура системы ДО в СПбГУ ИТМО

На рис. 1 представлена аппаратная структура системы ДО в СПбГУ ИТМО. Развитая структура локальной сети СПбГУ ИТМО и Федеральной университетской компьютерной сети России RUNNet позволяют легко организовать систему дистанционного обучения. При этом осуществлять обучение с использованием системы ДО СПбГУ ИТМО можно с любого компьютера, подключенного к сети, имеющей выход в Internet (университетские и кафедральные сетевые компьютерные классы), или с домашнего компьютера, подключаясь к Internet с помощью модема через сервер провайдера.

Программная структура системы ДО содержит следующие основные части, показанные на рис.2:

Таким образом, функционирование системы происходит по эффективной, но предельно простой схеме. Работа пользователя с системой осуществляется посредством стандартных программ-обозревателей HTML-страниц. Это единственный программный продукт, который должен быть установлен на персональных компьютерах студентов и преподавателей. Приложения (CGI-скрипты и Java-апплеты) обеспечивают интерактивное взаимодействие системы с пользователем (навигация по электронному учебнику, поиск и другие), извлечение обучающей информации из базы данных и ее представление в окне броузера.

Программная структура системы ДО
Рис.2 Программная структура системы электронных учебников в СПбГУ ИТМО

1.3 Принципы построения электронного учебника

В последнее время компьютеры активно используются для подготовки учебников и других методических материалов к печати. Все чаще можно встретить электронные варианты учебников и статей в сети Internet. Чаще всего такой учебник строится традиционно, линейно, когда предполагается его изучение страница за страницей, “от корки до корки”.

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

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

При создании электронного учебника для системы ДО СПбГУ ИТМО следует придерживаться следующих принципов:

В качестве концепции построения электронного учебника для системы ДО СПбГУ ИТМО принята концепция инфологической матрицы. Примерный вид инфологической матрицы представлен на рис. 3:

Инфологическая матрица электронного учебника
Рис.3 Пример инфологической матрицы электронного учебника в системе ДО СПбГУ ИТМО.

При создании электронного учебника автор тщательно структурирует материал и выбирает несколько уровней изложения в соответствии со своими методическими представлениями и замыслами. Теперь структуру и содержание учебника можно представить в виде матрицы. По строкам матрицы располагаются структурные единицы учебника (например, раздел - подраздел - глава - параграф и т.п.). По столбцам матрицы - набор уровней (слоев) изложения (например, абстракт - конспект - полный текст - примеры - упражнения - задачи и т.п.). Информационные страницы с содержанием заполняют ячейки инфологической матрицы таким образом, что каждая структурная единица имеет несколько уровней изложения. Некоторые ячейки матрицы могут остаться незаполненными (рис. 3).

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

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

Совокупность предъявляемых обучаемому информационных страниц (то есть структурированной и разделенной на уровни информации) представляет собой электронный учебник.

Электронный учебник в системе ДО СПбГУ ИТМО дополнительно может содержать глоссарий или другие информационные структуры (например, персоналии, словари, справочники), строящиеся на принципе “ключевое слово ~ содержание”. На информационных страницах можно разместить ссылки на статьи с объяснением терминов из глоссария.

1.4 Процесс создания электронного учебника для системы ДО

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

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

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

Для включения электронного учебника в систему ДО автор должен подготовить пакет файлов. Главным файлом пакета является файл с описанием структуры учебника, описанный в главе 2. Информационные страницы одной структурной единицы автор электронного учебника помещает в отдельный файл, оформленный по правилам, описанным в главе 3. Также, в отдельных файлах, оформленных по несложным правилам, описанным в главе 4, автор помещает глоссарии.

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

Основная часть информации готовится в текстовом виде, с использованием любого текстового редактора, позволяющего сохранить текст в формате text only или HTML. Например, при работе в операционной системе MS-DOS можно использовать текстовый редактор встроенный в оболочку Norton Commander или более мощные текстовые редакторы MultiEdit или Лексикон. При работе в операционной системе Windows можно использовать простейшие текстовые редакторы Notepad, Write, Wordpad.

Возможно, наиболее привычным и удобным для авторов электронного учебника будет использование текстовых редакторов фирмы Microsoft Word 6.0, Word 95 или Word 97. Использование этих редакторов допускается при условии сохранения окончательного варианта информационной страницы в формате text only или HTML.

Хорошим инструментом при подготовке электронного учебника является пакет офисных приложений StarOffice 5.1, который работает под управлением многих операционных систем, и бесплатно доступен в сети Internet на Web-сервере фирмы Sun (http://www.sun.com).

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

Графические иллюстрации, которые по описанным ниже правилам можно разместить на информационных страницах, автор электронного учебника должен сохранить в отдельных файлах в форматах GIF или JPEG. Иллюстрации можно подготовить с использованием любого редактора векторной (например, Corel Draw! или Autodesk AutoCAD) или растровой (например, Adobe Photoshop) графики.

Окончательный вариант иллюстраций желательно оптимизировать с целью уменьшения размера файлов без потери качества с использованием специального программного обеспечения (например, Adobe ImageReady).

Если подготовка информационных страниц электронного учебника ведется с использованием текстовых редакторов Word 97 или StarOffice 5.1, то при сохранении текста в формате HTML все иллюстрации, вставленные в документ, будут сохранены в отдельных файлах в формате GIF с уникальным именем.

Таким образом, пакет, предоставляемый автором для включения в систему ДО, должен включать в себя следующие компоненты:

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

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

2. Создание файла описания структуры электронного учебника в системе ДО СПбГУ ИТМО

2.1 Файл с описанием структуры электронного учебника

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

Файл с описанием структуры электронного учебника имеет:

В случае, если электронный учебник уже размещён в сети Internet, структура загружаемого файла примет следующий вид:

В качестве примера приводятся простейший электронный учебника (example.str) и пример описания ссылки на внешний ресурс (example_url.str).

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

2.2 Заголовочная часть файла с описанием структуры электронного учебника

Файл с описанием структуры электронного учебника начинается с заголовка, первые четыре строки которого задают наименование дисциплины, название учебника, список авторов и кафедру (организацию):

Дисциплина
Название учебника
Список авторов
Организация (кафедра)

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

Развитие системы ДО в СПбГУ ИТМО
Техническое руководство по разработке электронных учебников для системы дистанционного обучения в СПбГУ ИТМО
Родионов Сергей Аронович, Домненко Виталий Михайлович, Бурсов Михаил Владимирович
СПбГУ ИТМО, Группа технической поддержки системы ДО

В случае, если электронный учебник уже размещён в сети Internet, с помощью ключа U описывается ссылка на этот учебник. Описание структуры и содержательной части в таком случае игнорируется.

#U=ссылка

Символ # открывает объявление ключа U. После символа = указывается абсолютный путь к учебнику. Например:

#U=http://de.ifmo.ru

Иначе, с помощью ключа S автор учебника определяет количество и наименования различных типов структурных единиц учебника следующим образом:

#S=количество
$номер=наименование
[$...]

Символ # открывает объявление ключа S. После символа = указывается количество типов структурных единиц, наименования которых обязательно должны быть приведены ниже. Символ $ открывает объявление типа структурной единицы, после чего указывается ее порядковый номер, а после символа = ее наименование. Объявление следующего типа структурной единицы осуществляется аналогично. Количество типов структурных единиц не ограничено. Например, для того чтобы указать, что учебник будет иметь два типа структурных единиц, необходимо сделать следующую запись:

#S=2
$1=Глава
$2=Раздел

В данном примере указывается, что учебник будет иметь два типа структурных единиц. Первому типу структурной единицы автор назначает имя “Глава”, а второму - “Раздел”.

С помощью ключа L автор задает количество уровней изложения (то есть количество столбцов инфологической матрицы) и их наименования следующим образом:

#L=количество
$номер=наименование
[$...]

Символ # открывает объявление ключа L. После символа = указывается количество уровней изложения, наименования которых обязательно должны быть приведены ниже. Символ $ открывает объявление нового уровня изложения, после чего указывается его порядковый номер, а после символа = его наименование. Объявление следующего уровня изложения осуществляется аналогично. Количество уровней изложения в электронном учебнике не ограничено. Например, для того чтобы указать, что учебник будет иметь три уровня изложения материала, необходимо сделать следующую запись:

#L=3
$1=Основной текст
$2=Приложения
$3=Примеры

В данном примере указывается, что учебник будет иметь три уровня изложения материала: “Основной текст”, “Приложения” и “Примеры”.

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

#G=количество
$номер=название=имя файла
[$...]

Символ # открывает объявление ключа G. После символа = указывается количество глоссариев в электронном учебнике. Названия глоссариев и имена файлов, в которых они хранятся, обязательно должны быть приведены ниже. Символ $ открывает объявление нового глоссария, после чего указывается его порядковый номер. После символа = указывается название глоссария, а затем также после символа = имя файла-глоссария. Объявление еще одного глоссария осуществляется аналогично. Количество глоссариев в электронном учебнике не ограничено. Например, для того чтобы указать, что учебник будет иметь один глоссарий, необходимо сделать следующую запись:

#G=1
$1=Глоссарий=example.gls

В данном примере указывается, что учебник будет иметь один глоссарий, представленный в файле с именем example.gls.

2.3 Основная часть файла с описанием структуры электронного учебника

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

#номер[_номер][_...] заголовок
    $номер уровня=имя файла
    [$...]

Cимвол # открывает описание структурной единицы, после чего следует ее номер и заголовок. Символ _ разделяет номера различных типов структурных единиц. Символ $ используется для указания номера уровня данной структурной единицы, содержание которой содержится в файле с именем, указанным после символа =. Каждому из уровней приводится в соответствие имя файла с информационной страницей. Описание следующей структурной единицы учебника снова начинается символом #. Например, описание данной главы в таком формате должно выглядеть следующим образом:

#2 Создание файла описания структуры электронного учебника в системе ДО СПбГУ ИТМО
    $2=app1.txt
    $3=example.str
#2_1 Файл с описанием структуры электронного учебника
    $1=sect21.txt
#2_2 Заголовочная часть файла с описанием структуры электронного учебника
    $1=sect22.txt
#2_3 Основная часть файла с описанием структуры электронного учебника
    $1=sect23.txt

В данном примере автор указывает, что такая структурная единица, как вторая глава, не имеет файла с основным текстом. Зато авторы создали приложение ко второй главе, представленное в файле app1.txt, и примеры, представленные в файле example.str. Содержание первого, второго и третьего разделов второй главы сохранено в файлах sect21.txt, sect22.txt и sect23.txt соответственно. Как видим, если для какого-либо уровня изложения информационная страница не нужна, то запись, связывающая уровень изложения данной структурной единицы с именем файла отсутствует. Так, в данном примере для второй главы не указана ссылка на файл с уровнем 1, а для разделов 2.1, 2.2 и 2.3 не предусмотрены уровни 2 и 3.

Если в заголовках структурных единиц необходимо использовать зарезервированные служебные символы, открывающие синтаксическую конструкцию (то есть # и $), то они должны быть “заэкранированы” с помощью символа \.

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

3. Создание информационных страниц электронного учебника в системе ДО СПбГУ ИТМО

3.1 Структура информационных страниц

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

В простейшем случае информационная страница может представлять собой текст без каких-либо форматирующих символов (plain text). Единственным форматирующим элементом в данном случае будет являться пустая строка, которая будет восприниматься системой как разделитель абзацев. При создании электронного учебника, с целью повышения качества его содержания и оформления, а также для реализации своих методических замыслов автор может использовать простейшие возможности системы:

Для использования всех возможностей системы электронных учебников следует освоить форматирование текстов с использованием языка гипертекстовой разметки HTML (3.7).

Примеры файлов с информационными страницами прилагаются к техническому руководству (sect13.txt и sect14.txt).

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

3.2 Использование в электронном учебнике закладок и внутренних ссылок

Для создания на информационной странице закладки используется запись следующего вида:

!номер

Символ ! создает закладку, которой присваивается уникальный порядковый номер. Этот номер можно использовать для ссылки на конкретное место информационной страницы. Например, следующая запись создает на информационной странице закладку номер 1:

!1

Если в тексте информационной страницы необходимо использовать зарезервированный служебный символ, открывающий синтаксическую конструкцию (в данном случае !), то он должен быть “заэкранирован” с помощью символа \, то есть: \!.

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

#номер[_номер][_...]$номер уровня[!номер закладки] текст ссылки #

Символ # открывает ссылку на какую-либо структурную единицу учебника, уровень изложения, заданный номером, и, возможно, место в тексте, заданное закладкой. Текст ссылки, как и текст любой гипертекстовой ссылки, будет выделен цветом, подчеркиванием и станет активным. Символ # закрывает объявление ссылки. Например, для создания ссылки на содержание раздела 3.2, уровня изложения 1, используется следующая запись:

#3_2$1 текст ссылки #

Для создания ссылки на определенное место информационной страницы, помеченное закладкой 2, используется следующая запись:

#3_2$1!2 текст ссылки #

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

Если в тексте информационной страницы необходимо использовать зарезервированный служебный символ, открывающий синтаксическую конструкцию (в данном случае #), то он должен быть “заэкранирован” с помощью символа \, то есть: \#.

3.3 Создание ссылок на статьи из глоссария

Для создания на информационной странице ссылки на статью из глоссария используется запись следующего вида:

термин ?[номер глоссария.]номер ключевого слова

где термин - любое слово или словосочетание. Ссылка на статью из глоссария создается с помощью служебного символа ?, за которым следует номер глоссария и через точку номер ключевого слова. Если в электронном учебнике один глоссарий, то номер глоссария и точку можно пропустить. Ссылка на термин из глоссария в броузере будет выглядеть следующим образом: термин*. По этой ссылке будет открываться новое небольшое окно броузера с описанием термина из глоссария.

Если в тексте информационной страницы необходимо использовать зарезервированный служебный символ, открывающий синтаксическую конструкцию (в данном случае ?), то он должен быть “заэкранирован” с помощью символа \, то есть: \?.

Правила, по которым создается глоссарий и нумеруются ключевые слова, описаны в главе 4.

3.4 Использование на информационных страницах специальных символов

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

&имя;

Например, если в содержании информационной страницы система встретит последовательность символов α, то эта последовательность будет заменена прописной буквой греческого алфавита альфа. Для использования заглавной буквы греческого алфавита требуется указать ее название также с заглавной буквы, то есть Α. Последовательность символов ° будет заменена значком градуса °, и так далее. Описание всех поименованных символов приведено в приложении 2.

3.5 Формулы на информационных страницах электронного учебника

Специальные символы позволяют легко формировать на информационных страницах простые формулы. Математические выражения могут быть подготовлены в текстовом формате с использованием букв латинского алфавита и знаков *, +, -, /, (, ), <, >, =, {, }, [, ], ?, %, ~, имеющихся на клавиатуре, а также с использованием поименованных символов.

Для написания индексов используются знаки _ и ^, при этом конвертер воспринимает символы, стоящие после знака _ до пробела, как нижние индексы, а после знака ^ до пробела - как верхние. Например, последовательность x_21 будет воспринята системой и отображена как x21, а x^y+2b , как xy+2b.

Если в тексте информационной страницы необходимо использовать зарезервированный служебный символ (в данном случае _ и ^),то он должен быть “заэкранирован” с помощью символа \, то есть: \_ или \^.

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

Если подготовка информационных страниц электронного учебника ведется с использованием текстовых редакторов Word 97 или StarOffice 5.1, то при сохранении текста в формате HTML все формулы, созданные в этих редакторах, будут сохранены в отдельных файлах в формате GIF с уникальным именем.

3.6 Использование графических материалов на страницах электронного учебника

В содержание информационной страницы можно включить ссылки на графические файлы в виде @filename.ext , где @ - признак ссылки на графический файл, filename - уникальное (в рамках всего учебника) имя файла, присвоенное автором для каждого графического элемента, .ext - расширение, указывающее на формат графического файла (может быть только .GIF или .JPG). Рисунки, схемы, графики, чертежи и другие аналогичные графические материалы могут быть подготовлены в любом графическом редакторе, а затем сохранены со своим уникальным именем в формате GIF. Фотографии могут быть просканированы, обработаны с помощью любого графического редактора, а затем сохранены со своим уникальным именем в формате JPEG.

Если в тексте информационной страницы необходимо использовать зарезервированный служебный символ (в данном случае @), то он должен быть “заэкранирован” с помощью символа \, то есть: \@.

Автор сам должен обеспечить необходимые размеры изображений. Для приемлемого отображения на любых мониторах ширина изображений не должна превышать 500 пиксел, а высота - 400 пиксел. Графические изображения, размеры которых превосходят указанные пределы, перед сохранением должны быть уменьшены с помощью тех графических редакторов, в которых они готовятся.

3.7 Форматирование информационных страниц с использованием языка гипертекстовой разметки HTML

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

Командами языка HTML, которые называются теги, задаются режимы форматированного вывода текста информационных страниц. Сами теги при этом не отображаются. Тег начинается с символа < и заканчивается символом >. Большинство тегов являются парными. Это означает, что если с помощью какого-либо тега <имя тега> открыт определенный режим форматирования, то этот режим будет применяться до тех пор, пока в тексте не встретится закрывающий тег, который имеет то же самое имя, но записывается следующим образом </имя тега>. Некоторые начальные теги кроме своего имени могут иметь атрибуты, которые состоят из имени, символа равенства и значения. Значение атрибута указывается в виде набора символов, заключенного в двойные кавычки следующим образом:

<имя тега  имя атрибута="значение атрибута">

Значение атрибута может быть словом (LEFT, RIGHT, TOP, BOTTOM, MIDDLE, CENTER и др.), целым десятичным числом (для задания размеров и др.), целым шестнадцатеричным числом (для определения цвета).

При создании информационных страниц теги HTML могут использоваться для следующих целей:

Гипертекстовые ссылки на внешние информационные ресурсы Internet создаются следующим образом:

<A HREF="адрес ресурса">текст ссылки</A>

A - имя тега, с помощью которого можно создать ссылки на внешние информационные ресурсы Internet. Адрес указывается с использованием обязательного атрибута HREF. Внешние информационные ресурсы Internet после активации будут отображаться в новом окне броузера.

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

<IMG SRC="имя файла" WIDTH="ширина" HEIGHT="высота" ALIGN="выравнивание">

Обязательный атрибут SRC указывает на имя графического файла. Необязательные атрибуты WIDTH и HEIGHT определяют ширину и высоту изображения в пикселах. Необязательный атрибут ALIGN определяет способ выравнивания изображения относительно текста и может принимать следующие значения: MIDDLE, TOP, BOTTOM, LEFT, RIGHT.

Для форматирования текста могут использоваться следующие парные теги:

Для разбиения содержания информационной страницы на абзацы и другого тексторазделения используются следующие теги:

Для выделения на информационной странице заголовков можно использовать следующие теги:

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

<DL>
<DT>термин -</DT>
<DD>определение термина</DD>
</DL>

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

<OL>
<li>элемент списка</li>
<li>элемент списка</li>
</OL>

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

<UL>
<li>элемент списка</li>
<li>элемент списка</li>
</UL>

Для представления информации в виде таблиц можно пользоваться следующими тегами:

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

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

4. Создание файла-глоссария для электронного учебника в системе ДО СПбГУ ИТМО

Электронный учебник может включать в себя глоссарий или любые другие информационные структуры построенные на основе концепции "ключевое слово - содержание". Глоссарий оформляется в виде отдельного файла с расширением .GLS, который включает в себя записи следующего вида:

#номер ключевое слово ~ определение
[#...]

Символ # открывает новую статью глоссария, которой автор присваивает уникальный номер. Затем следует ключевое слово (или словосочетание). Символ ~ является разделителем между ключевым словом и текстом его определения. Далее, до следующего символа # следует определение, которое может быть сколь угодно длинным. Например, данное техническое руководство может иметь в глоссарии следующие записи:

#1 электронный учебник ~ совокупность предъявляемых обучаемому информационных страниц
#2 тег ~ команда языка HTML, с помощью которой задается режим форматированного вывода
текста информационных страниц

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

Подготовку файла-глоссария рекомендуется осуществлять на основе шаблона template.gls, в котором коментарии, записанные в фигурных скобках, необходимо заменить реальными данными.


Приложение 1. Основные элементы файла с описанием структуры электронного учебника

Дисциплина
Название учебника
Список авторов
Организация (кафедра)

#S=количество
$номер=наименование
[$...]

#L=количество
$номер=наименование
[$...]

#G=количество
$номер=название=имя файла
[$...]

#номер[_номер][_...] заголовок
    $номер уровня=имя файла
    [$...]
[#...]

Приложение 2. Таблицы специальных символов

Греческий алфавит
Прописной символ Имя прописного символа Строчный символ Имя строчного символа Название
&Alpha; &alpha; альфа
&Beta; &beta; бета
&Gamma; &gamma; гамма
&Delta; &delta; дельта
&Epsilon; &epsilon; эпсилон
&Zeta; &zeta; дзета
&Eta; &eta; эта
&Theta; &theta; тета
&Iota; &iota; йота
&kappa; &kappa; каппа
&Lamda; &lamda; лямбда
&Mu; &mu; мю
&Nu; &nu; ню
&Xi; &xi; кси
&Omicron; &omicron; омикрон
&Pi; &pi; пи
&Rho; &rho; ро
&Sigma; &sigma; сигма
&Tau; &tau; тау
&Upsilon; &upsilon; ипсилон
&Phi; &phi; фи
&Chi; &chi; хи
&Psi; &psi; пси
&Omega; &omega; омега
Специальные математические символы
Символ Имя символа Описание
&lt; меньше чем
&gt; больше чем
&aequal; приближенно равно
&nequal; не равно
&le; меньше либо равно
&ge; больше либо равно
&deg; градус
&plusmn; плюс/минус
&middot; средняя точка
&times; умножение
&divide; деление
&pdif; частная производная
&product; произведение
&summation; суммирование
&infinity; бесконечность
&integral; интеграл
Степени и дроби
Символ Имя символа Описание
&sup1; показатель степени 1
&sup2; показатель степени 2
&sup3; показатель степени 3
&frac14; одна четвертая
&frac12; одна вторая
&frac34; три четвертых
&frac18; одна восьмая
&frac38; три восьмых
&frac58; пять восьмых
&frac78; семь восьмых
Стрелки
Символ Имя символа Описание
&left; влево
&up; вверх
&right; вправо
&down; вниз
&leftright; влево и вправо
&updown; вверх и вниз
Другие специальные символы
Символ Имя символа Описание
&quot; кавычка
&amp; амперсанд
&nbsp; неразрывный пробел
&iexcl; перевернутый восклицательный знак
&cent; цент
&pound; фунт
&curren; общий знак валюты
&yen; иена
&sect; параграф
&copy; знак авторского права
&ordf; левая угловая кавычка
&reg; зарегистрированный товарный знак
&micro; микро
&para; абзац
&raquo; правая угловая кавычка
&iquest; перевернутый вопросительный знак
&numero; номер
&trademark; торговая марка

Приложение 3. Краткий справочник по языку гипертекстовой разметки HTML

Описание тегов HTML, используемых для оформления информационных страниц электронного учебника
Теговая конструкция Результат использования Описание
<A HREF="http://de.ifmo.ru">Система ДО</A> Система ДО Создает ссылку на Internet-ресурс, указанный обязательным атрибутом HREF.
<B>Текст для примера</B> Текст для примера Заключенный в теги текст отображается жирным шрифтом.
<BIG>Текст для примера</BIG> Текст для примера Заключенный в теги текст отображается шрифтом большего размера.
<BLOCKQUOTE>Текст для примера. Текст для примера. Текст для примера. </BLOCKQUOTE>
Текст для примера. Текст для примера. Текст для примера.
Заключенный в теги текст размещается с новой строки. При этом поля справа и слева от текста увеличиваются. При использовании этого тега несколько раз текст все больше сжимается к центру.
Текст<BR>для примера Текст
для примера
Осуществляет принудительный перевод строки. Текст, расположенный после этого тега, отображается с новой строки.
<CENTER>Текст для примера. Текст для примера. Текст для примера.</CENTER>
Текст для примера. Текст для примера. Текст для примера.
Заключенный в теги текст размещается с новой строки и выравнивается по центру.
<CITE>Текст для примера</CITE> Текст для примера Заключенный в теги текст представляет собой цитату и отображается наклонным шрифтом.
<code>Текст для примера</code> Текст для примера Заключенный в теги текст представляет собой отрывок текста программы и отображается шрифтом фиксированной ширины.
<DL>
<DT>Термин -</DT>
<DD>определение термина</DD>
</DL>
Термин -
определение термина
Конструкция используется для создания списка определений терминов.
<EM>Текст для примера</EM> Текст для примера В теги заключается текст требующий смыслового усиления и отображается наклонным шрифтом
<FONT SIZE=6 COLOR="#FF0000">Текст для примера</FONT> Текст для примера Заключенный в теги текст будет отображаться размером шрифта, указанным атрибутом SIZE размера и цветом, указанным атрибутом COLOR. Значением атрибута SIZE должно быть целое число от 1 до 6, а значение цвета указывается в шестнадцатеричной системе счисления.
Должен использоваться хотя бы один из атрибутов.
<H1>Текст для примера</H1>

Текст для примера

Заключенный в теги текст представляет собой заголовок 1 уровня.
<H2>Текст для примера</H2>

Текст для примера

Заключенный в теги текст представляет собой заголовок 2 уровня.
<H3>Текст для примера</H3>

Текст для примера

Заключенный в теги текст представляет собой заголовок 3 уровня.
<H4>Текст для примера</H4>

Текст для примера

Заключенный в теги текст представляет собой заголовок 4 уровня.
<H5>Текст для примера</H5>
Текст для примера
Заключенный в теги текст представляет собой заголовок 5 уровня.
<H6>Текст для примера</H6>
Текст для примера
Заключенный в теги текст представляет собой заголовок 6 уровня.
Текст<НR>для примера Текст
для примера
Завершает текстовую строку. Отображает горизонтальную линию и с новой строки продолжает отображение текста.
<I>Текст для примера</I> Текст для примера Заключенный в теги текст отображается наклонным шрифтом.
Изображение <IMG SRC="bulm.gif" WIDTH="50" HEIGHT="50" AliGN="TOP">для примера Изображение для примера Вставляет изображение в текст.
Обязательный атрибут SRC указывает имя графического файла.
Необязательные атрибуты WIDTH и HEIGHT определяют ширину и высоту отображения в пикселах. Если они не указаны, то изображение отображается с оригинальными размерами.
Необязательный атрибут AliGN определяет способ выравнивания изображения: TOP, BOTTOM, MIDDLE, LEFT или RIGHT. По умолчанию для этого атрибута используется значение MIDDLE.
Изображение <IMG SRC="bulm.gif" WIDTH="50" HEIGHT="50" AliGN="BOTTOM">для примера Изображение для примера
Изображение <IMG SRC="bulm.gif" WIDTH="50" HEIGHT="50" AliGN="MIDDLE">для примера Изображение для примера
<IMG SRC="bulm.gif" WIDTH="50" HEIGHT="50" AliGN="LEFT"> Изображение<BR>для<BR>примера Изображение
для
примера
<IMG SRC="bulm.gif" WIDTH="50" HEIGHT="50" AliGN="RIGHT"> Изображение<BR>для<BR>примера Изображение
для
примера
<KBD>Текст для примера</KBD> Текст для примера В теги заключается текст, который должен ввести пользователь. Текст отображается шрифтом фиксированной ширины.
<OL>
<LI>Текст для примера</LI>
<LI>Текст для примера</LI>
</OL>
  1. Текст для примера
  2. Текст для примера
Конструкция используется для создания пронумерованного списка.
<P ALIGN="LEFT">Текст для примера. Текст для примера. Текст для примера.</P>

Текст для примера. Текст для примера. Текст для примера.

Заключенный в теги текст представляет собой абзац.
Необязательный атрибут AliGN может принимать значения LEFT, CENTER, RIGHT, JUSTIFY. По умолчанию для этого атрибута используется значение LEFT.
<P ALIGN="CENTER">Текст для примера. Текст для примера. Текст для примера.</P>

Текст для примера. Текст для примера. Текст для примера.

<P ALIGN="RIGHT">Текст для примера. Текст для примера. Текст для примера.</P>

Текст для примера. Текст для примера. Текст для примера.

<P ALIGN="JUSTIFY">Текст для примера. Текст для примера. Текст для примера.</P>

Текст для примера. Текст для примера. Текст для примера.

<PRE>
0 | 1
-----
1 | 0
</PRE>
0 | 1
-----
1 | 0
Заключенный в теги текст будет отображается так, как он был отформатирован предварительно, с точным соблюдением переносов строки и пробельных символов.
<SAMP>Текст для примера</SAMP> Текст для примера Заключенный в теги текст представляет собой название команды, оператора и т.п. и отображается шрифтом фиксированной ширины.
<SMALL>Текст для примера</SMALL> Текст для примера Заключенный в теги текст отображается шрифтом меньшего размера.
<STRONG>Текст для примера</STRONG> Текст для примера Заключенный в теги текст, требующий более четкого выделения, отображается жирным шрифтом.
Текст<SUB>для примера</SUB> Текстдля примера Заключенный в теги текст представляет собой нижний индекс, поэтому смещается вниз и отображается шрифтом меньшего размера.
Текст<SUP>для примера</SUP> Текстдля примера Заключенный в теги текст представляет собой верхний индекс, поэтому смещается вверх и отображается шрифтом меньшего размера.
<TABLE BORDER>
<TR>
<TD> 0 </TD>
<TD> 1 </TD>
</TR>
<TR>
<TD> 1 </TD>
<TD> 0 </TD>
</TR>
</TABLE>
0 1
1 0
Конструкция используется для создания таблиц.
<TT>Текст для примера</TT> Текст для примера Заключенный в теги текст отображается шрифтом фиксированной ширины.
<U>Текст для примера</U> Текст для примера Заключенный в теги текст подчеркивается.
<UL>
<LI>Текст для примера</LI>
<LI>Текст для примера</LI>
</UL>
  • Текст для примера
  • Текст для примера
Конструкция используется для создания ненумерованного списка.
<VAR>Текст для примера</VAR> Текст для примера Заключенный в теги текст представляет собой имя переменной и отображается наклонным шрифтом.


© 2008. Центр дистанционного обучения СПбГУ ИТМО.