Электронный учебник: Информационные технологии в образовании

Введение и цели

Этот мини-учебник посвящён теме «Информационные технологии в образовании» и показывает, как оформлять учебные материалы в виде HTML-курса: с оглавлением, навигацией, интерактивными блоками и медиаресурсами.

В фокусе — практическое применение ИТ в учебном процессе: цифровые образовательные ресурсы (ЦОР), системы управления обучением (LMS), онлайн-оценивание, коммуникация и основы цифровой безопасности.

Материал можно использовать как основу для отчёта/проекта: добавить примеры используемых платформ (LMS), сервисов для тестов, видеоконференций, электронных библиотек и правил цифровой гигиены.

Навигация и ссылки в электронном учебнике

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

Внутренние переходы (#якоря)

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

Внешние источники и нормативные материалы

Для корректной работы с ИТ в образовании полезно давать ссылки на справочные и методические ресурсы. Пример справки по HTML-ссылкам: MDN: <a>.

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

Ссылка на фрагмент другого документа

Часто в цифровом курсе есть приложение: инструкции для студентов, чек-листы, критерии оценивания. Пример перехода сразу к разделу с правилами цифровой безопасности — appendix.html#digital-safety.

Ссылка на элемент текущего документа

Это ссылка на текущий раздел «Навигация и ссылки»: #links. Также можно сослаться на конкретный термин в глоссарии: «LMS».

Структура цифрового курса (навигация)

Хорошо организованный электронный курс обычно включает: цели и результаты обучения, тематические модули, практические задания, тесты/самопроверку, критерии оценивания и дополнительные ресурсы. Удобство навигации напрямую влияет на вовлечённость и самостоятельность обучающихся.

Пример структуры модуля в электронном курсе

Тема: краткое описание и план изучения.
Материал: текст, презентация, видео/демонстрация, ссылки на источники.
Активность: практикум, кейс, обсуждение/форум.
Контроль: тест, мини-проект или отчёт с критериями.
Обратная связь: комментарии преподавателя, самооценка, рефлексия.

Как добавить пункт в оглавление

Назначьте секции идентификатор: <section id="new-topic">.
Добавьте пункт в список навигации: <a href="#new-topic">Новая тема</a>.
Проверьте переход по клику и печатный вид (Ctrl/Cmd+P).

Цифровые ресурсы: интерактив, видео, аудио

Пример иллюстрации (заглушка) — Заглушка для иллюстрации (замените на схему: «ЦОР → LMS → коммуникация → оценивание» или скриншот платформы).

Видео — демонстрации работы в LMS, записи уроков, инструкции по выполнению заданий. Замените путь src на ваш файл .mp4:

Аудио — краткие пояснения к теме, подкаст-формат, комментарии к заданиям:

Подсказка: в ИТ-курсах хорошо работают короткие интерактивы: мини-тест после темы, чек-лист, карточки «вопрос–ответ», ссылки на тренажёры.

Задание ЛР №4 (выполнено)

Подготовлен электронный учебник по теме «Информационные технологии в образовании» в формате HTML.
Реализованы гиперссылки: внутренние, внешние, на фрагмент другого документа, на элемент текущего документа.
Добавлены разделы, оглавление, интерактивные элементы и медиавставки для поддержки обучения.
Материал можно конвертировать в PDF (например, через «Печать → Сохранить в PDF» или PDFCreator).

Примечание: при необходимости можно собрать комплект в формате справки (CHM/HTML Help) через HTML Help Workshop (стартовая страница: index.html).

Ответы на контрольные вопросы

Как осуществить просмотр Web-страниц? В браузере (Chrome/Firefox/Edge/Safari), открыв файл index.html двойным кликом или через Файл → Открыть. Для курса можно использовать и локальный сервер, но для простого учебника это не обязательно.
Что такое гиперссылка? Как её создать? Гиперссылка — элемент навигации, ведущий на URL или на раздел страницы (якорь). В HTML: <a href="цель">текст</a>. В электронных курсах ссылки помогают связывать лекции, задания, тесты, инструкции и внешние источники.
Что такое закладка? Как вставить ссылку на закладку? Закладка — именованная точка внутри документа. В HTML это атрибут id у элемента, а ссылка имеет вид #идентификатор. Пример: #glossary.
Как вставить ссылку на фрагмент другого документа? Указать адрес файла и якорь: appendix.html#digital-safety. Такой приём удобен для отдельного документа с инструкциями, критериями оценивания и правилами безопасной работы в сети.
Ссылка на элемент текущего документа. Добавьте id целевому блоку и используйте href="#id" (например, к разделу «Цифровые ресурсы»).

Глоссарий

Информационные технологии в образовании: Совокупность цифровых средств и методов, применяемых для обучения, управления учебным процессом, коммуникации, создания контента и оценки результатов (платформы, сервисы, ресурсы, аналитика, безопасность).
LMS (Learning Management System): Система управления обучением: размещение материалов, выдача заданий, тестирование, журнал оценок, коммуникация и аналитика активности обучающихся.
Цифровые образовательные ресурсы (ЦОР): Электронные материалы для обучения: тексты, презентации, тренажёры, интерактивные задания, видеоуроки, симуляторы и электронные библиотеки.
Цифровая безопасность: Практики защиты данных и безопасного поведения в сети: пароли, двухфакторная аутентификация, работа с персональными данными, медиаграмотность и профилактика фишинга.

↑ Наверх