УЧЕБНЫЕ МАТЕРИАЛЫ

Web-верстка, компьютерная графика,
мультимедиа

Создание электронной книги

Скачать материалы к учебному курсу:
Скачать Notepad++ Portable
Скачайть архив в с программой eBook.
Скачать материалы к уроку «Создание электронной книги в конверторе eBook»
Скачать готовые html-страницы к уроку




Урок. Создание электронной книги в конвертере eBook

1. Предварительно скачайте все необходимые материалы к этому уроку (архив material_eBook.zip 556 Кб).

Разархивируйте файл. В папке material_eBook находятся папки dop_eBook и treebookv.

Примечание: в папке treebookv расположен шаблон будущей электронной книги. Оригинал шаблона под названием Древовидная структура - Книга (объемный эффект) можно скачать по ссылке http://www.ebookmaestro.com/ru/download_ebooktemplates.html.

2. Установите программу eBook, если она у Вас не установлена. Инструкцию по установке можно посмотреть здесь.

В этом уроке будем создавать электронную книгу о природе в конверторе eBook.

Структура нашей электронной книги будет следующая. 

  • Общие сведения
        – Титул
        – Аннотация
        – Об авторе
  • Раздел 1. Птицы
        – Сизый голубь
        – Снегирь
  • Раздел 2. Растения
        – Деревья
        – Кустарники
  • Раздел 3. Животные
        – Бурый медведь
        – Лиса

Ниже приведены скриншоты страниц книги, которую мы создадим в этом уроке.

Рисунок 1 

Рисунок 2

Рисунок 3

Рисунок 4

Рисунок 5

Рисунок 6

Рисунок 7

Рисунок 8

Рисунок 9

Рисунок 10 

Электронная книга «собирается» в конверторе eBook из HTML-документов, которые Вы научились создавать в программе KompoZer. Поэтому нам предварительно придется сверстать несколько HTML-страниц.

Сопоставим структуру нашей книги с соответствующими HTML-страничками.

  • Общие сведения
        – Титул (titul.html)
        – Аннотация (annot.html)
        – Об авторе (about.html)
  • Раздел 1. Птицы
        – Сизый голубь (golub.html)
        – Снегирь (snegir.html)
  • Раздел 2. Растения
        – Деревья (derevo.html)
        – Кустарники (kust.html)
  • Раздел 3. Животные
        – Бурый медведь (medved.html)
        – Лиса (lisa.html)

Таким образом, нам необходимо предварительно сверстать 9 HTML-страничек. 

Задание

1. Создайте папку priroda и скопируйте в нее все изображения из папки dop_eBook.

2. В программе KompoZer создайте 9 веб-страничек, используя соответствующие материалы из папки priroda. Веб-страницы сохраните в папку priroda, строго соблюдая имена из структуры книги:

–  titul.html

annot.html

about.html

golub.html

snegir.html

derevo.html

kust.html

medved.html

lisa.html

3. Параметры оформления текста, фона и другие выберите самостоятельно или примерно такими, как показано на рисунках 2–10 в правой колонке книги.  

Скачать готовые html-страницы для eBook.

Создание электронной книги в конверторе eBook

1. Из папки treebookv, которая находится в папке material_eBook, скопируйте в папку priroda файл style.css и папку leftpanel.

2. Из папки leftpanel, которую Вы скопировали в папку priroda, откройте в Блокноте файл index.html.

Сейчас будем вносить изменения в код, вместо шаблонных фраз будем вставлять свои заголовки и названия HTML-файлов.

3. Создаем раздел Общие сведения согласно структуре нашей книги. Найдите в коде блок, который показан на рисунке ниже.

Рисунок 11

4. Внесите изменения в заголовок и имена HTML-файлов, как показано на рисунке 12.

Рисунок 12

5. Создаем Раздел 1. Птицы. Найдите в коде следующий блок.

Рисунок 13

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

Рисунок 14

7. Создаем Раздел 2. Растения нашей книги. Найдите в коде следующий блок.

Рисунок 15

8. Внесите изменения в заголовок и названия файлов. Аккуратно удалите лишнюю строку.

Рисунок 16

9. Создаем Раздел 3. Животные. Найдите в коде следующий блок.

Рисунок 17

10. Внесите изменения в заголовок и названия файлов. Аккуратно удалите лишнюю строку.

Рисунок 18

11. Теперь удалите из файла лишний код, который показан на рисунке ниже. Будьте внимательны, чтобы не прихватить лишние символы.

Рисунок 19

12. Теперь переходим непосредственно к созданию нашей электронной книги. Запустите программу eBook.

13. На вкладке Общие заполните поля, подчеркнутые красным цветом на рисунке.

Рисунок 20

14. Перейдите на вкладку Файлы. Через кнопку Обзор сделайте ссылки в каждом из полей (рисунок 21):

– в поле Директория книги укажите на своем компьютере папку priroda;

– в поле Стартовый файл книги укажите файл titul.html из папки priroda;

– в поле Поддиректория левой панели укажите папку leftpanel из папки priroda;

– в поле Стартовый файл левой  панели укажите файл index.html из папки leftpanel, которая находится в папке priroda;

– в поле Выходной EXE-файл книги укажите папку priroda.

Рисунок 21

15. Нажмите кнопку Компиляция.

Рисунок 22

16. И дождитесь окончания компиляции.

Рисунок 23

 

17. Запустите файл Книга_о_природе.exe из папки priroda.