СОДЕРЖАНИЕ
Глава 1. Теоретические основы создания электронных учебных изданий
.1 Основные требования к электронным учебникам
1.3 Инструменты и средства создания ЭУИ
Глава 2 Технология разработки ЭУИ по дисциплине «Автоматизация измерений, контроля и испытаний»
2.2 Перевод электронной информации в интерактивные учебные кадры
2.3 Педагогический и технологический сценарий курса
2.4 Пользовательский интерфейс учебника
2.6 Компоновка материалов курса и Web-программирование
2.7 Подготовка вопросов и тестов
Алфавитный словарь содержит перечень наименований всех информационных
статей в алфавитном порядке. Он реализует организационные отношения.
Для разработки, создания и опубликования Web-сайтов на Web-серверах служат Web-процессоры. Широкое распространение в Windows получил Web-процессор Microsoft FrontPage. Разработка Web-страниц и доступ к страницам Web-сервера основаны на протоколе HTTP передачи файлов языка гипертекстовой разметки HTML (HyperText Markup Language) в кодах ASCII. Этот протокол во многих отношениях проще, чем ftp, так как базируется на внутреннем текстовом представлении. Гипертекст представляет собой иерархию связанных между собой ссылками текстов. Примерами гипертекста являются словари, энциклопедии, информационные системы, в которых статьи, фразы и отдельные термины имеют отсылки к другим текстам. Читать такие документы можно последовательно от одной статьи к другой, или двигаясь по гиперссылкам. А особые протоколы Telnet определяют такой способ передачи информации, при котором клиент делается терминалом сервера.
В состав Microsoft FrontPage входят Microsoft FrontPage Explorer (Навигатор), Microsoft FrontPage Editor (Редактор) и Microsoft FrontPage Personal Web Server (Личный Web-сервер).
Microsoft FrontPage Explorer работает с логической схемой Web-сайта. Он управляет созданием, переименованием, перемещением, копированием, удалением, объединением и разделением Web-страниц, обрабатывая Web-документы подобно Проводнику Windows, обрабатывающему файлы. Microsoft FrontPage Editor работает с конкретной Web-страницей, её текстовыми, графическим, музыкальными объектами. В отличие от обычных текстовых процессоров, Microsoft FrontPage Editor ограничивается документами на языке HTML. Microsoft FrontPage Personal Web Server выполняет административные функции, связанные с организацией Web-сайтов и Web-сервера Интернет. Это своеобразная операционная система, предоставляющая разработчику необходимые информационные ресурсы и управляющая информационными процессами.
Microsoft FrontPage Editor позволяет создавать, редактировать и форматировать любые тексты. Выделение, перемещение, копирование, удаление, поиск текстовых фрагментов выполняется обычными для текстовых процессоров способами.
Для связи Web-страниц Web-сайта следует в первую очередь определить targets - имена Web-страниц, адреса в Интернете или отдельные позиции (закладки) на страницах, на которые предстоит ссылаться. Различают абсолютные и относительные гиперссылки. Абсолютная ссылка оперирует полным Web-адресом, тогда как относительная адресуется к файлам активного Web-сайта. В гиперссылку можно преобразовать не только адрес, но и любой текст или графический объект.
Таким образом, несмотря на кажущуюся сложность программы FrontPage,
с ней довольно легко работать.
HTML был задуман как язык описания структуры документа, не зависящий от аппаратуры компьютера. Позднее в язык вошли элементы оформления документа - шрифты, рисунки, видео. Структура и формат документа описываются в HTML выражениями, состоящими из тегов и содержания.
Тег - это управляющая команда, обязывающая обозреватель Интернета представлять на экране содержание Web-сайта в определённом виде. Каждый тег начинается и заканчивается угловой скобкой. Первое слово тега является его именем, последующие слова именуются атрибутами. Атрибутам присваивают значения, обычно заключая их в кавычки. Любое выражение на языке HTML открывается начальным тегом, а многие содержат ещё и конечный тег, отличающийся от начального косой чертой перед именем, например:
<head>
<p align = «left»> название </p>
</head>
Теги не зависят от регистра, пробелы в них не учитываются, также как разрывы строк и знаки табуляции.
Выражения HTML вкладываются одно в другое. Наиболее крупное образование - это сам документ, ограниченный тегами <html>, </html>. Как правило, документ HTML содержит две обязательные части: заголовок в тегах <head>, </head> и тело документа в тегах <body>, </body>, а также необязательные комментарии в структуре <!-- -->.
В заголовке размещают сведения о документе, в частности название, ограниченное тегами <title>, </title> без форматирования. При чтении название присутствует в строке заголовка окна, а при сохранении - в списке просмотренных документов и в папке Избранное. Другая важная часть заголовка открывается тегами <meta>. За ними следуют ключевые слова (keywords) и ряд других выражений, предназначенных для опознания документа поисковыми программами Интернет.
Тело документа раскрывает его содержание. Отдельные части содержания структурируются заголовками по уровням - от <h1> (высший) до <h6> (низший), - используемым при построении оглавления документа. Часто заголовки сопровождают тегами <a>, </a> с атрибутом name, характеризующим имя раздела. Это имя впоследствии используется для поиска раздела в большом документе.
Важным объектом большинства Web-страниц служат гиперссылки, обрамляемые тегами <a>, </a> с атрибутом href. В качестве значения этого атрибута выступает адрес документа в Интернете или имя закладки.
Стиль шрифта задают тегами начертания: курсивный <i>, </i> или <em>, </em>, полужирный <b>, </b> или <strong>, </strong>, подчёркнутый <u>, </u>, зачеркнутый <strike>, </strike>, моноширинный <tt>, </tt>, показатель <sup>, </sup>, индекс <sub>, </sub>. Для задания размера шрифта всего тела документа служит тег <basefont> с атрибутом size, принимающим значения от «1» до «7». При этом размер, задаваемый обозревателем Интернета, считается равным «3». Отдельные фрагменты текста внутри тела документа можно изменить в размере тегами <font>, </font> с тем же атрибутом и при необходимости знаками «+», «-». Большинство обозревателей поддерживает теги <big>, </big>, <small>, </small>, устанавливающие предельные размеры шрифта. Стиль шрифта задаётся атрибутом face, а цвет - атрибутом color тега <font> и атрибутами <bgcolor> и <text> тега <body>. Пробелы задаются символом  .
Для разрыва строки используется тег <br>, а для отделения абзаца пустой строкой - теги <p>, </p>. Выравниванием абзаца управляют атрибут align, принимающий значения «left», «right» или «center», и теги <center>, </center>. Обособление абзаца выполняется в <blockquote>, </blockquote>. Теги <pre>, </pre> препятствуют автоматическому переносу строк обозревателями Интернета. Атрибуты leftmargin, topmargin тега <body> определяют размеры полей.
Разновидностью текста являются списки. HTML поддерживает три типа списков: нумерованный, маркированный (не нумерованный) и списки определений (содержание). Первый из них - ordered - обрамляется тегами <ol>, </ol>, второй - unordered - <ul>, </ul>, и каждый абзац в них открывается тегом <li>. Список третьего типа - definition - содержит заголовки и строки содержания. Его обрамляют теги <dl>, </dl>, заголовки открывают тегом <dt>, а строки содержания - тегом <dd>. Атрибуты тегов списков могут указывать на способ нумерации или маркировки (type; в нумерованном списке A, a, I, i или 1, в маркированном - disc, circle, square) и начальное значение нумерации (start).
Таблицы помещаются в теги <table>, </table>. Атрибутами таблиц служат цвет фона (bgcolor), размеры (width, height), толщина рамки (border) и расстояние между рамками (cellspacing) и от рамки до текста (cellpadding). Заголовок таблицы задаётся в тегах <caption>, </caption>. Внутри тегов таблицы описывается содержание её ячеек. При этом в теги <tr>, </tr> помещается описание каждой строки, в <th>, </th> - описание боковика, а в - </td>, </td> - каждого столбца в этой строке. Атрибуты этих тегов позволяют объединять ячейки (colspan, rowspan) и выравнивать в них данные (align, valign), задавать фон (bgcolor) и препятствовать разрыву строк (nowrap).
Кроме текстов, в состав тела документа вводят рисунки, используя для этого тег <img> с атрибутом источника src. Если рисунок является частью гиперссылки, то гиперссылка реализует связь через этот рисунок. Часто тег <img> снабжают такими атрибутами, как размеры (width, height), обрамление (border, hspace, vspace), выравнивание (align), альтернативный текст (alt), заменяющий рисунок в ряде ситуаций, а также атрибут clear тега <br>.
Описание формы заключается в теги <form>, <form>. Описание открывается указанием метода обработки информации заполненной формы. Большинство Web-серверов обрабатывает формы без помощи Web-сайта. Такой метод называется post в отличие от get, когда обработкой занимается Web-сайт. Основные поля форм описываются тегом <input> с атрибутами type, name, value. Значение аргумента type = «input» присваивается текстовому полю размером в одну строку, «text» и «password» - многострочным полям, «checkbox» - флажку, «radio» - переключателю, «reset» и «submit» - кнопкам, «hidden» - скрытым элементам, «image» - рисункам. Текстовая область, состоящая из нескольких строк, описывается в тегах <textarea>, </textarea> с атрибутами <rows>, <cols>. Описание раскрывающегося списка помещается в теги <select>, </select> с атрибутом name. Каждый пункт списка открывается тегом <option>, а выделенный по умолчанию пункт - тегом <option selected>. Обычный список, занимающий более одной строки, снабжается атрибутом size, указывающим число строк.
Таким образом, при создании электронного учебника на основе
гипертекстовой технологии на равных правах с содержанием выступают внешний вид
и структура построения учебника, при этом оформление является одним из путей
повышения качества усвоения материала студентом. Для разработки ЭУИ применяются
различные средства, в частности, средства программы FrontPage. Поскольку
она включена в комплекс приложений Microsoft Office XP, она действует
таким же образом, как и другие приложения Office XP. FrontPage
является вполне подходящим средством для создания Web-страниц на языке описания гипертекстовых документов HTML
(Hypertext Markup Language).
Учебный курс предназначен для теоретического и практического изучения дисциплины «Автоматизация измерений, контроля и испытаний» для студентов очной и заочной форм обучения. Задачами курса являются следующие.
1. Освоение основ автоматизации современных систем измерений (в частности, информационно-измерительных систем, измерительно-управляющих систем), систем автоматического контроля (в том числе телеизмерительных систем) и систем испытаний различных объектов (в том числе АСПИ).
2. Изучение применяемых в указанных системах цифровых средств измерения (в т.ч. виртуальных), контроля и преобразования сигналов и величин, а также средств обработки и передачи данных.
. Изучение основных этапов технологического процесса обработки измерительной информации и соответствующих уровней обработки в системах испытаний.
. Изучение основных видов преобразований в автоматизированных системах: аналого-цифрового, цифро-аналогового, аналоговой и цифровой фильтрации; кодов, используемых в данных системах; знакомство со специфическими принципами преобразований сигналов и эффектами, возникающими при их дискретизации и квантовании.
Курс по дисциплине предусматривает работу с лекционным материалом, закрепление его посредством примеров, контрольных вопросов и тестов по каждой главе. В перспективе предполагается использование в рамках электронного учебного издания лабораторного практикума, который на данный момент применяется пока автономно.
В разработанном мной ЭУИ представлен материал по двум из четырёх главам
курса - первой «Автоматизированные системы измерений» и второй «Системы
автоматического контроля» - в последовательном содержательно связанном
изложении. Мне представляется более целесообразным начать учебное издание с
начала для возможного оперативного применения уже в ближайшее время студентами
заочной формы обучения. Данные главы ЭУИ содержат достаточное количество изображений,
ссылок на термины и список литературы посредством использования слоёв и обычных
гиперссылок.
Содержательный материал ЭУИ в электронном виде был сформирован в текстовом процессоре Word 2003 и условно разбит на кадры, во-первых, исходя из принципа: одну семантическую единицу информации - на один кадр, причём обозримый пользователем без использования полос прокрутки; во-вторых, согласно естественному разделению учебного материала на пункты, параграфы и главы, которые были выделены мной практически в процессе чтения лекций по данной дисциплине.
В таблице 1 приведены наименования Web-страниц ЭУИ и соответствующие им номера кадров с их краткой характеристикой.