Анализ предметной области и обоснование состава задач электронного учебника
Наименованием выбранной мной дисциплины является « Экспертные системы». За главный источник была взята книга Александра Юрьевича Телькова с одноименным названием «Экспертные системы». Данный электронный учебник направлен на более детальное изучение этой темы. 3 теста в конце электронной книги составлены по главным идеям автора и покажут читателю, насколько хорошо он их усвоил. Электронная книга и тесты понятны на интуитивном уровне. Немного скриншотов с интерфейсом электронной книги:
Скриншот главной страницы:
Скриншот отрывка одной из главы:
Скриншот одного из теста:
В целом электронная книга имеет полную информацию по теме « Менеджмент качества». Данную электронную книгу можно использовать совместно с методическими указаниями преподавателя или использовать её как главный источник для самообучения.
Средства разработки электронного учебника
Для реализации электронного учебного пособия, я выбрал язык программирования HTML.
Термин HTML (HyperText Markup Language) означает "язык маркировки (разметки) гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. Язык HTML был необходим для статического размещения страниц во “Всемирной паутине” WWW (World Wide Web). Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации, HTML оказались пронумерованными. Известны спецификации 2.0, 3.0 и 3.2.
Основные теги этого языка, которые в качестве примера, можно использовались для реализации этого учебника:
|
<html></html> |
Указывает программе просмотра страниц, что это HTML документ. |
|
<head></head> |
Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
|
<body></body> |
Определяет видимую часть документа |
|
Теги оглавления | |
|
<base href="www.?"> |
Указание браузеру, от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью) |
|
<title></title> |
Помещает название документа в оглавление программы просмотра страниц |
|
Атрибуты тела документа | |
|
<body bgcolor="?"> |
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. |
|
<body text="?"> |
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. |
|
<body link="?"> |
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. |
|
<body vlink="?"> |
Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет. |
|
<body alink="?"> |
Устанавливает цвет гиперссылок при нажатии. |
|
Теги форматирования текста | |
|
<pre></pre> |
Обрамляет предварительно отформатированный текст. |
|
<h1></h1> |
Создает самый большой заголовок |
|
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> |
Создает заголовки промежуточных размеров |
|
<h6></h6> |
Создает самый маленький заголовок |
|
<b></b> |
Создает жирный текст (не рекомендованный) |
|
<font size="?"></font> |
Устанавливает размер текста в пределах от 1 до 7. |
|
<font color="?"></font> |
Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
|
Гиперссылки | |
|
<a href="URL"></a> |
Создает гиперссылку на другие сайты. |
|
<a href="NAME"></a> |
Создает гиперссылку на другую страницу. |
|
<a href="NAME#name"></a> |
Создает гиперссылку на метку другой странице. |
|
Форматирование | |
|
<p></p> |
Создает новый параграф |
|
<br> |
Вставляет перевод строки. |
|
<li> |
Предваряет каждый элемент списка и добавляет кружок или квадратик. |
|
<div align="?"></div> |
Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей |
|
Графические элементы | |
|
<img src="name"> |
Добавляет изображение в HTML документ |
|
<img src="name" align="?"> |
Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle |
|
<img src="name" vspase="?"> |
Устанавливает поля сверху и снизу |
|
<img src="name" hspase="?"> |
Устанавливает поля с боков |
|
<img src="name" alt="?"> |
Всплывающая подсказка при наведении на картинку |