Меню

Как я создавал электронную книгу с перелистыванием и что из этого получилось

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

Книги с перелистыванием

Я утверждал, да и утверждаю до сих пор, что создать электронную книгу возможно с помощью стандартной программы Word из пакета Microsoft Office. Да не просто книгу, а  с содержанием, постраничной навигацией, ну разными другими штуками, вплоть до перелистывания страниц, а так же вставки звука и видео.

Справедливости ради, надо сказать, что все это можно сделать в Word, ну кроме перелистывания. Перелистывание – это уже другие технологии, которые требуют других программ. Так что каюсь, был не прав… И вот при некоторой сноровке получается вполне себе такая, красивая электронная книга с перелистыванием.

Примеры работ


Посмотрите, что получилось
 Смотреть книгу в PDF
Электронные книги с перелистыванием

 Скачать и смотреть книгу с перелистыванием

Книга с перелистыванием

Ну как? Скачали-посмотрели? Какие впечатления? Если не получилось скачать, ну мало ли, антивирус ругается, например, то предлагаю посмотреть еще  несколько вариантов данной книги:

к меню

Статья в виде флеш-книги в html с использованием iframe

к меню

Та же статья с использованием специального сервиса

Онлайн-сервис по созданию флеш-книг и флеш-журналов. Кому интересно, обзор этого сервиса можно почитать тут

Заказные книги:

 Меню кафе «Равенна» — Итальянска кухня  Меню кафе «Равенна» — Русская кухня

Кому нужно, обращайтесь могу сделать меню, книгу и многое другое

Оставить заявку

Если быть совсем честным, то я и сам сильно впечатлился тем, какие перспективы открываются. Это ж, можно и каталоги делать, и книги красивые и вообще… А как приятно такую книжку читать-перелистывать, да и не требует она специальных программ для запуска, эдакая вещь в себе, причем с массой возможностей, но об этом ниже. А сейчас поговорим о том, как создать такую книгу с самого начала.

Обратите внимание! И в PDF и во флеш-книге присутствуют, оглавления (это важно!!!), в принципе книга сама по себе подразумевает наличие содержания или, по другому, оглавления.

Так что, начнем с самого начала. А то бишь с Word.

к меню

Шаг первый. Создаем книгу в Word


Как говаривал мой институтский преподаватель:

“Компьютер  – это карандаш с наворотом, в котором нужно знать три кнопки: Enter, Escape и F1”*

*Enter – применить; Escape – отменить; F1 — справка

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

При создании документа применяйте СТИЛИ ЗАГОЛОВКОВ 

Электронные книги с перелистыванием

Для книги, я взял текст своей же статьи и отформатировал его:

  • применил стили к заголовкам;
  • поменял шрифт;
  • добавил нумерацию страниц и титульный лист;
  • и самое главное добавил ОГЛАВЛЕНИЕ.

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

При использовании стилей заголовков, оглавление создается в два щелчка (показываю на примере Word 2013, но до 2007 все тоже самое, а вот в версиях ниже 2007 по другому, но тоже не сложно)

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

Электронные книги с перелистыванием

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

Вот и готова книга с красивой титульной страницей и удобным оглавлением. Осталось только сделать из него PDF-файл.

к меню

Шаг второй. Создаем PDF-файл

Ну, тут все просто, я, к слову, уже писал от том, как создать PDF-файл с помощью средств Word 2007, о чем можно прочитать вот тут. Но для последней версии Word все еще проще. Заходим во вкладку Файл и выбираем пункт Экспорт

Электронные книги с перелистыванием

Нажимаем на кнопку Создать PDF и в открывшемся окне вводим название файла

Электронные книги с перелистыванием

А вот здесь важно поставить галочку в пункте Создать закладки используя Заголовки

Электронные книги с перелистыванием

Нажимаем ОК и дальше кнопку Опубликовать.

Вуаля! Потребовалось пять кликов, чтобы сделать нужное. Кому книжку, электронною, с содержанием и навигацией?!! Не дорого, почти даром! Ну, это я так, прикалываюсь, на самом деле осталось из PDF-книги сделать флеш-книжку с перелистыванием и возможностью поделится ею в социальных сетях.

к меню

Шаг третий. Завершающий, создаем флеш-книгу

Так как до сего момента мне не было нужно, то я особо и не заморачивался тем, какими программами возможно создать такие книжки. Но с помощью дяди Гоши и некой толики терпения и упорства я нашел две программы позволяющие превращать PDF-файлы во флеш-книги.

к меню

Программа первая. FlipBook Maker.

Электронные книги с перелистыванием

На этом продукте надолго останавливаться не буду, так как мне результат конвертации не понравился абсолютно. Ссылки в книге не работают, да и как-то все кривоватенько. Ну, в общем не знаю, мне не понравилось. Может вам удастся что-то сделать в этой программе, тогда обязательно напишите мне комментариях. Хотя и эта программа может похвастаться некоторым интересным функционалом. Например, в ней большой выбор готовых шаблонов…

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

А вот следующая программулина, как раз то, что нужно.

к меню

Программа следующая. Flip PDF

Отличная программа, легко работает с PDF-файлами, позволяет вставлять или редактировать: ссылки, изображения, видео, звук и многое другое…

Скачать пробную версию можете здесь.

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

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

Загрузка PDF-книги

Запускаем программу и видим вот такое окно

Электронные книги с перелистыванием

Нажимаем на кнопку Import PDF и указываем путь к нашей PDF-книге

Электронные книги с перелистыванием

Далее указываем количество страниц, которые требуется импортировать. Так как, мне нужны все страницы, то я оставил All pages. Можно еще добавить водяной знак, по типу тех, что добавляют на изображения, или вообще можно сразу сделать водяной знак интерактивным и привязать к нему ссылку на сайт.

Кроме указания пути к файлу, все остальные параметры можно оставить как есть. Нажимаю Import Now, то бишь Импортировать сейчас, и видим, как программа раскладывает файлик на странички.

Электронные книги с перелистыванием

Появляется окно с будущей книгой.

Выбор и настройка шаблона

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

Электронные книги с перелистыванием

При нажатии на стрелку, появиться вот такое окно,

Электронные книги с перелистыванием

в  котором можно выбрать понравившийся шаблон.

В левой колонке указаны наборы шаблонов. Шаблоны различаются не только по цвету и фоновой картинке, но и по функционалу.

Над шаблоном можно произвести тонкую настройку: добавить или убрать кнопки в панели управления, поменять цвет фона, изменить цвет ссылок, настроить расположение самой книги относительно границ окна и много чего еще (включайте метод тыка, обязательно пригодитьсяУлыбка).

Все описывать не буду, но хочу обратить ваше драгоценное внимание на несколько моментов:

Электронные книги с перелистыванием

Первый момент. Если вы вносите какие-либо изменения в шаблон, то для чтобы увидеть что получилось, нажмите на кнопку Apply Change. Она у вас будет моргать красным цветом при изменении какого-либо параметра.

elektrnonnie-knigi16

Второй момент. В настройках шаблона есть возможность указать ID Google Analytics. Если я не прав, то поправьте меня. При указании ID у меня появляется возможность защитить свое творение от воровства. Дядя Гугл присвоит данной книге авторство именно моего сайта, так как мой блог зарегистрирован в Google Analytics. Так это или я не прав?

Третий момент. Обратите внимание на замечательную кнопку Edit Pages. С помощью этой кнопки вы сможете вставить дополнительные материалы в книгу.

Электронные книги с перелистыванием

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

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

И вот теперь, все что можно было настроили, шаблон выбрали, осталось только последнее действо: создать саму книгу. Книга может быть создана в нескольких форматах:

  • Формат HTML (для вставки в блог)
  • Формат ZIP (тот же html, но запакованный в архив)
  • Формат EXE (самозапускающийся файл, который вы могли скачать в начале статьи)
  • Формат APP (специальный формат для компьютеров Apple)

Электронные книги с перелистыванием

Так что все просто: выбираете нужный формат, путь к папке, где будет храниться книга и нажимаете кнопку Convert.

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

Смотрите, что получилось. Интерактивная статья: Наш ответ Dropbox или как настроить ЯндексДиск

к меню

Выводы

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

1. Все программы, которые использовались для создания флеш-книг платные. Кроме Adobe Reader, это бесплатная читалка. Но Word и Flip PDF платные, хотя Flip PDF оправдывает стоимость в сто зеленых американских рублей полностью, да и Word, в принципе свои деньги отбивает. За хорошую программу денег не жалко. Кстати, а вы покупаете программы или ломанными пользуетесь?

2. Пока возился с Flip PDF обнаружил некоторые косяки и неудобства

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

Больше корявостей не нашел, если найдете, напишите в комментариях. Как всегда писал дольше, чем занимает весь процесс. Ну, как вам процесс и результат? Всем удачи!

Всегда ваш, Абрамович Артем.

P.S. Если вам понравилась статья и была полезной, то поделитесь с друзьями…

Поддержи проект лайком
270 комментариев
  1. Fil / Ответить
    • Абрамович Артем / Ответить
      • Fil / Ответить
    • Галина Грабовая / Ответить
      • Абрамович Артем / Ответить
    • Мария / Ответить
      • Абрамович Артем / Ответить
        • Лиза / Ответить
          • Абрамович Артем / Ответить
        • Гуля / Ответить
          • Абрамович Артем / Ответить
            • Гуля /
            • Абрамович Артем /
  2. Ярослав / Ответить
    • Fil / Ответить
      • Ярослав / Ответить
    • Абрамович Артем / Ответить
  3. Елена Олейникова / Ответить
    • Абрамович Артем / Ответить
      • Елена Олейникова / Ответить
        • Абрамович Артем / Ответить
          • Fil / Ответить
            • Абрамович Артем /
        • Абрамович Артем / Ответить
  4. Cветлана Бобровская / Ответить
    • Абрамович Артем / Ответить
  5. Тамара / Ответить
    • Абрамович Артем / Ответить
  6. Сергей / Ответить
    • Fil / Ответить
    • Абрамович Артем / Ответить
      • Сергей / Ответить
  7. Тимур / Ответить
    • Абрамович Артем / Ответить
  8. Gorec / Ответить
    • Абрамович Артем / Ответить
  9. Татьяна / Ответить
    • Абрамович Артем / Ответить
  10. Татьяна Саксон / Ответить
    • Абрамович Артем / Ответить
    • Абрамович Артем / Ответить
      • Татьяна Саксон / Ответить
        • Абрамович Артем / Ответить
          • Татьяна Саксон / Ответить
          • Абрамович Артем / Ответить
            • Татьяна Саксон /
            • Абрамович Артем /
            • Татьяна Саксон /
            • Абрамович Артем /
            • Татьяна Саксон /
            • Абрамович Артем /
            • Татьяна Саксон /
            • Абрамович Артем /
            • Fil /
            • Татьяна Саксон /
            • Fil /
  11. Cветлана Бобровская / Ответить
    • Абрамович Артем / Ответить
  12. Елена Олейникова / Ответить
    • Абрамович Артем / Ответить
  13. Людмила Винокурова / Ответить
    • Абрамович Артем / Ответить
  14. Лора / Ответить
    • Абрамович Артем / Ответить
      • Лора / Ответить
        • Абрамович Артем / Ответить
          • Лора / Ответить
            • Абрамович Артем /
            • Людмила Винокурова /
  15. Галина Грабовая / Ответить
  16. Настя / Ответить
    • Абрамович Артем / Ответить
  17. Сергей / Ответить
    • Абрамович Артем / Ответить
  18. Тамара / Ответить
    • Абрамович Артем / Ответить
  19. Игорь / Ответить
    • Абрамович Артем / Ответить
      • Игорь / Ответить
        • Абрамович Артем / Ответить
  20. Мария Ёлшина / Ответить
  21. Мария Ёлшина / Ответить
    • Абрамович Артем / Ответить
      • Мария Ёлшина / Ответить
        • Абрамович Артем / Ответить
  22. Мария Ёлшина / Ответить
    • Абрамович Артем / Ответить
  23. Диана / Ответить
    • Абрамович Артем / Ответить
      • Диана / Ответить
        • Абрамович Артем / Ответить
          • Диана / Ответить
            • Абрамович Артем /
          • Диана / Ответить
            • Абрамович Артем /
          • Диана / Ответить
            • Абрамович Артем /
            • Абрамович Артем /
          • Диана / Ответить
            • Абрамович Артем /
  24. Web-Кошка / Ответить
    • Артем / Ответить
      • Web-Кошка / Ответить
        • Артем / Ответить
  25. Web-Кошка / Ответить
    • Абрамович Артем / Ответить
  26. Максим / Ответить
    • Абрамович Артем / Ответить
  27. Александр / Ответить
    • Абрамович Артем / Ответить
  28. самат / Ответить
    • Абрамович Артем / Ответить
  29. Александр / Ответить
    • Абрамович Артем / Ответить
  30. Ксения / Ответить
    • Абрамович Артем / Ответить
  31. Taras / Ответить
    • Абрамович Артем / Ответить
      • Taras / Ответить
        • Абрамович Артем / Ответить
          • Taras / Ответить
            • Абрамович Артем /
            • Taras /
          • Абрамович Артем / Ответить
            • Taras /
  32. Сергей / Ответить
    • Абрамович Артем / Ответить
      • Сергей / Ответить
        • Сергей / Ответить
        • Абрамович Артем / Ответить
          • Сергей / Ответить
            • Абрамович Артем /
  33. Сергей / Ответить
    • Абрамович Артем / Ответить
      • Сергей / Ответить
        • Абрамович Артем / Ответить
          • Сергей / Ответить
            • Абрамович Артем /
    • Илона / Ответить
      • Абрамович Артем / Ответить
        • Галина / Ответить
          • Абрамович Артем / Ответить
            • Галина /
            • Абрамович Артем /
  34. Сергей / Ответить
  35. Татьяна / Ответить
    • Абрамович Артем / Ответить
  36. Татьяна / Ответить
    • Абрамович Артем / Ответить
      • Татьяна / Ответить
  37. Рита / Ответить
    • Рита / Ответить
      • Абрамович Артем / Ответить
  38. Элеонора / Ответить
  39. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  40. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  41. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  42. Дмитрий / Ответить
  43. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  44. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  45. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  46. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  47. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  48. Василь Іванович / Ответить
    • Абрамович Артем / Ответить
  49. Дмитрий / Ответить
  50. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  51. Дмитрий / Ответить
    • Абрамович Артем / Ответить
  52. Андрей / Ответить
    • Абрамович Артем / Ответить
  53. Лидия / Ответить
    • Абрамович Артем / Ответить
  54. Ирина / Ответить
    • Абрамович Артем / Ответить
  55. Все отлично / Ответить
    • Абрамович Артем / Ответить
  56. Ирина / Ответить
    • Абрамович Артем / Ответить
  57. Евгения / Ответить
    • Абрамович Артем / Ответить
  58. Надежда / Ответить
    • Абрамович Артем / Ответить
      • Надежда / Ответить
        • Абрамович Артем / Ответить
  59. Елена / Ответить
    • Абрамович Артем / Ответить
  60. арген омурбаев / Ответить
    • Абрамович Артем / Ответить
  61. Руслан Ахтамьянов / Ответить
    • Абрамович Артем / Ответить
      • Руслан Ахтамьянов / Ответить
        • Абрамович Артем / Ответить
  62. Елена / Ответить
    • Абрамович Артем / Ответить
  63. Елена / Ответить
    • Абрамович Артем / Ответить
      • Елена / Ответить
        • Абрамович Артем / Ответить
          • Елена / Ответить
  64. Анатолий / Ответить
    • Абрамович Артем / Ответить
  65. Анатолий / Ответить
    • Абрамович Артем / Ответить
  66. Игорь Степанов / Ответить
    • Абрамович Артем / Ответить
  67. ольга / Ответить
    • Абрамович Артем / Ответить
  68. Анна / Ответить
    • Абрамович Артем / Ответить
  69. Оксана / Ответить
    • Абрамович Артем / Ответить
  70. Муниса / Ответить
    • Абрамович Артем / Ответить
  71. Муниса / Ответить
    • Абрамович Артем / Ответить
  72. Оксана / Ответить
    • Абрамович Артем / Ответить
      • Галина / Ответить
  73. Игорь / Ответить
    • Абрамович Артем / Ответить
  74. Денис / Ответить
    • Абрамович Артем / Ответить
      • Денис / Ответить
        • Абрамович Артем / Ответить
          • Денис / Ответить
            • Абрамович Артем /
  75. Валентина / Ответить
    • Абрамович Артем / Ответить
  76. Алик / Ответить
    • Абрамович Артем / Ответить
  77. Михаил / Ответить
  78. Екатерина / Ответить
    • Абрамович Артем / Ответить
  79. Ольга / Ответить
  80. Кирилл / Ответить
    • Абрамович Артем / Ответить
  81. Кирилл / Ответить
    • Абрамович Артем / Ответить
  82. Алексей / Ответить
    • Абрамович Артем / Ответить
  83. Алексей / Ответить
    • Абрамович Артем / Ответить
  84. Алексей / Ответить
    • Абрамович Артем / Ответить
  85. Дара / Ответить
    • Абрамович Артем / Ответить
      • Виталий / Ответить
        • Абрамович Артем / Ответить
  86. Дара / Ответить
    • Абрамович Артем / Ответить
  87. Валерий / Ответить
    • Абрамович Артем / Ответить
  88. Виталий / Ответить
    • Абрамович Артем / Ответить
      • Виталий / Ответить
  89. Виталий / Ответить

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подписка на новости

Подписка на новости

Хотите первым узнавать о новостях? Тогда подписывайтесь!

Спасибо за подписку! Теперь вам надо подтвердить ее.