Создание электронного учебника в html

HTML расшифровывается как Hyper Text Markup Language, т.е. язык гипертекстовой разметки — основной строительный блок веб-страниц, используется для создания и визуального представления веб-станиц.

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

HTML был изобретён в 1991 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и изначально предназначался для обмена документами между учёными различных университетов. Своим изобретением Тим Бёрнс-Ли заложил основы современной сети Internet.

Существует несколько версий HTML. Стандарт языка непрерывно обновляется и дополняется, следствие этого – почти каждый год выходит новая версия HTML. Версия "HTML 2.0" была первым стандартом HTML спецификации, которая была опубликована в 1995 году. HTML 4.01 является основной версией HTML, которая была опубликована в конце 1999 года, и широко используется в настоящее время. Сегодня наиболее популярной становится версия HTML-5, которая является расширением HTML 4.01, и опубликована в 2012 году.

HTML-документ или веб-страница — это простой текстовый документ, содержащий тэги (которые в свою очередь являются обычным текстом, заключенным в угловые скобки ). Веб-страницу можно набрать как в обычном текстовом редакторе (Блокнот, WordPad, Word и т.д.), так и в специализированном, с подсветкой кода (Notepad++, Sublime Text идр.). Документы HTML хранятся в виде файлов с расширением .htm или .html.

Онлайн-примеры в каждом уроке

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

Кликни по кнопке "Попробуй сам" и посмотри как это работает.

Онлайн-примеры HTML

В учебнике HTML для вас подготовлено более 100 онлайн-примеров, благодаря которым вы легко освоите язык разметки. Лучше один раз увидеть, чем сто раз услышать! Теория плюс практика — залог вашего успеха в освоении HTML.

С помощью онлайн-редактора вы сможете редактировать и анализировать каждый пример в учебнике HTML.

Справочник HTML

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

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

Что такое электронная книга

Интересным фактом появления электронной версии книги является то, что ею стала Декларация независимости США. Ее создал еще в 1971 году американский изобретатель Майкл Штерн Харт . Именно он стал основателем проекта « Гутенберг », который подразумевает оцифровку и сохранение мировой литературы в электронном виде, а также предоставление свободного доступа к книгам:

В современном понятии электронная книга – эта электронная версия бумажного оригинала, выполненная в цифровом виде. Создана электронная книга может быть в одном из общепринятых форматах. Часто электронную книгу называют e-book или e-text .

Под e-book также понимают любое учебное издание по какой-либо дисциплине, выполненное в одном из цифровых форматов и снабженное примечаниями, или упражнениями. А также поясняющими иллюстрациями в виде растровых изображений.

E-book может быть выполнена в различных цифровых форматах. Постараемся выделить их основные виды:

• Обычный текст – имеется в виду формат txt , который может быть создан ( прочитан ) с помощью обычного текстового редактора ( Блокнот );
• В виде растровых графических изображений – к ним относятся форматы DjVu , TIFF , JPEG и другие;
• Мультимедийные форматы электронных книг – это могут быть файлы с расширением exe , SWF . А также различные форматы аудиокниг ( MP3, Vorbis );
• Java -книги – приложения, созданные специально для мобильных устройств, работающих на основе Java .

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

Основные форматы e-book

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

К ним относятся:

• HTML – создан с использованием языка гипертекстовой разметки. Книги представляют собой объединенные между собой html страницы. Для перехода между разделами используются гиперссылки. Открыть такую книгу можно с помощью обычного браузера или через специальный интерфейс;
• Electronic Publication (ePub) – открытый международный стандарт, созданный специально для электронных книг. Формат позволяет записывать и распространять книгу в одном файле. При этом сам источник представляет собой ZIP -архив, в котором сохранены данные в стандартах HTML, XML, PDF ;
• DjVu – формат представляет собой реализацию технологии сжатия изображения с незначительными потерями. Он был разработан специально для сохранения отсканированных текстов, иллюстрированных различными рисунками, графиками и диаграммами. Технология оптимально адаптирована для передачи DjVu -файлов по сети. Это позволяет начать прочтение книги еще во время ее загрузки:

• PDF (Portable Document Format) – межплатформенный стандарт для хранения и создания электронных документов от компании Adobe. В его реализации использован ряд возможностей языка PostScript . Формат ориентирован специально для отображения в электронном виде различных печатных изданий. Он поддерживает использование в тексте векторной и растровой графики и внедрение необходимых шрифтов ( построчно ). О том, как сделать книгу в pdf , мы поговорим немного позже. Для чтения документов в этом формате чаще всего используется бесплатное приложение Adobe Acrobat :

• fb2 (FictionBook) – структура формата описывается на языке XML . То есть каждый элемент книги расположен в своем теге. Это обеспечивает кроссплатформенность стандарта и готовность данных к изменению ( редактированию, созданию ) и чтению на любом устройстве.

Но все эти сведения являются справочными, и никак не объясняют практической стороны вопроса. Например, как создать электронный учебник. Поэтому оставим теоретическую составляющую и займемся практикой.

Создание учебника на основе HTML

Рассмотрим процесс создания электронной книги на основе HTML с помощью программы eBook Maestro . Вес инсталляционного пакета программы небольшой и составляет всего 2,7 Мб. После установки и запуска приложения вас приветствует диалоговое окно, сообщающее о том, что вы пользуетесь бесплатной версией данного программного продукта. Что в свою очередь несколько « ущемляет » возможности программы:

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

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

После вставки в html названия страниц и их содержимого мы заново сохранили все файлы:

Теперь заново возвращаемся в наше приложение. На вкладке « Общие » вводим название книги и контактную информацию ее автора:

На вкладке « Файлы » сообщаем программе о расположении файлов книги. То есть задаем путь, где мы сохранили отредактированные нами веб-страницы стандартного шаблона. Также здесь можно указать путь к иконке для книги, а в поле « Выходной EXE-файл книги » — место сохранения готового образца:

Во вкладке « Интерфейс » настраиваем пользовательский интерфейс: задаем размеры, цвет и схему расположения основных элементов книги:

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

Еще несколько подобных программ:

• HTML Help Workshop ;
• eBooksWriter LITE .

Создание PDF книг

Для создания PDF книги мы использовали программу SunRav BookOffice . На официальном сайте можно найти много информации о приложении. Особенно радует наличие обширного раздела технической документации:

Приложение поддерживает создание не только PDF документов, но и создание книг на основе других стандартов:

Мы выбрали наиболее легкий путь. Поэтому в показанном выше меню выбрали в качестве источника статьи в формате Word :

После запуска конвертирования приложение выдало нам большой pdf документ. Каждый из пунктов содержания, расположенного слева, отвечал определенному документу Word . Вот только названия в пунктах отображались некорректно. Хотя в окне « Свойств книги » настройки параметров кодировки мы так и не нашли:

Вот как выглядела наша созданная книга:

Еще несколько подобных программ для создания электронных книг:

• PDFCreator – полностью бесплатное приложение;
• doPDF –платить тоже не надо.

А также специализированные онлайн-сервисы:

Теперь можно смело «идти в бой» и писать свой электронный учебник или книгу. Вот только не стоит писать учебник жизни. Эту науку каждый из нас постигает по своим правилам, и выучить их все может заставить только сама жизнь!

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

Электронное пособие будет создано в формате html. Но при этом вам не понадобится изучать язык HTML. Итак, приступим.

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

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

Содержание

Установка программы Turbo Site 1.7.1

Первое что нужно сделать, это скачать программу Turbo Site. И установить её на компьютер. Программа находится в курсе по ссылке. Запускаем программу Turbo Site. И видим окно приветствия.

Создадим новый проект (кнопка Создать проект ). Сохраните проект электронного учебника в пустую папку. Я назвал папку «Электронное руководство». После сохранения проекта появится рабочая область программы. Можно приступать к созданию страниц электронного учебника.

Оформление электронного учебника

Давайте изменим внешний вид учебника. Для этого перейдите на вкладку Шаблон и выберете из списка понравившийся вам вариант.

Например, такой (Condition):

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

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

Основные настройки электронного учебника

На вкладке Параметры сайта можно установить основные настройки электронного учебника.

Мы изменим только три основные настройки: заголовок сайта, подзаголовок и подвал. Остальные настройки можете опробовать самостоятельно в процессе работы.

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

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

Добавление страницы учебника

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

По умолчанию у вас уже создана главная страница(index). Можете начинать вводить данные с нее, но я обычно оставляю её для оглавления.

Нажмите кнопку Добавить . В левом окошке появится новая страница. Теперь в правую часть вставьте свой текст.

В правую часть можно копировать любой форматированный текст, с картинками, таблицами и т.д.

Так же не забывайте менять заголовки страниц.

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

Создание страницы оглавления

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

Перейдите на первую страницу (index). В правой части напишите оглавление своего учебника.

И расставляем ссылки на страницы, согласно оглавлению: выделяем пункт оглавления – жмем кнопку Ссылка – на страницу проекта – указываем ту страницу, на которую нужно ссылаться.

На вкладке Параметры сайта я заполнил еще 3 дополнительных поля шаблона.

Подведение итогов

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

Теперь электронный учебник находится в папке public_html. Чтобы его открыть, достаточно запустить внутри этой папки файл index.html.

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

Пример учебника в программе TurboSite

По программе TurboSite есть видеокурс, по которому вы можете разработать такой электронный учебник:

Кроме этого, для посетителей этой страницы доступны 4 бесплатных видеоурока, которые есть на моем канале.