Разработка электронного методического пособия (теория)

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

Содержание

  1. Быстрый вариант создания электронного пособия (TurboSite)
  2. Электронное учебное пособие с помощью языка разметки HTML

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

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

Преимущества электронного пособия на основе HTML – страниц:

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

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

Быстрый вариант создания электронного пособия (TurboSite)

Если вам нужен очень быстрый результат, то вы можете воспользоваться одной из программ оболочек, предназначенных для создания html – страниц. Их существует огромное множество, но мне больше всего приглянулась простая программа TurboSite. По ней у меня есть отдельная статья, по которой можно создать электронное пособие всего за 10 минут.

С помощью неё вы можете без знаний языков программирования разработать своё электронное пособие. Однако у этой программы отсутствует много полезных функций, а некоторые работают некорректно и устарели. Как обойти эти недостатки вы можете узнать в видеокурсе «Электронный учебник за 1 день».

Электронное учебное пособие с помощью языка разметки HTML

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

Необходимые навыки: HTML, CSS и Javascript.

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

Выглядеть этот процесс будет примерно так:

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

Ко всему этому я бы не верстал электронное пособие на чистом HTML и CSS, а задействовал бы фронтенд-фреймворки, такие как:

  • Botstrap 4
  • UiKit 3

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

Вывод.

В идеале, лучше задействовать оба варианта:

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

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

460 13.06.2019 г. Для обучения


Практический видеокурс по созданию электронного учебника в программе TurboSite

Хочешь научиться создавать адаптивные электронные пособия всего за 1 день?

Узнать подробнее


Похожие статьи

Как провести тестирование на компьютере в программе MyTestX 3

Как создать электронный учебник 93

Как создать загрузочную флешку windows 7 2

Как сделать коллаж из фотографий 4

Как скачивать видео и музыку с популярных сайтов 3

Комментарии (0)

Обратная связь