Как сделать флеш-книгу по-быстрому…

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

как создать флеш-книгу онлайн

С неделю назад, столкнулся с интересной проблемой: как вставить флеш-книгу, созданную с способом описанным вот в этой статье, в блог созданный на бесплатной платформе? Не знаете!

Казалось бы, все элементарно, закидываете, полученные в программе Flip PDF файлы на хостинг и выводите уже на нужной странице блога. Но… все это возможно, если у вас блог расположен на платном хостинге и у вас есть доступ к файлам сайта через файловый менеджер хостинга или ту же Filezilla.

А если доступа нет? Что делать в таком случае?

Вот мне и задали сей вопрос: как запихнуть флеш-книгу на блог, созданный на бесплатной платформе Weebly (интересная платформа, кстати, можно создавать шаблон блога не заморачиваясь кодами, версткой и тому подобным).

Так вот, все бы ничего, если бы был доступ к хостингу, но оказывается бесплатным аккаунтам доступ не предоставляется. Что делать?

Решение есть. Как говорится, из любой безвыходной ситуации всегда есть два выхода, даже если вас съели, у вас все равно будет два выхода.

Решение довольно элементарное, но при этом удобное до безобразия, получаем что-то типа Ютуб, но только для книг.

Регистрация

Итак. Сервис называется issuu.

Повторюсь, сей сервис работает по принципу Ютуба, вы загружаете на него свои книги в формате PDF (можно и не только в PDF, но об этом дальше), а потом размещаете на страницах блога или ссылку или код.

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

как создать флеш-книгу онлайн

И регистрируемся. Можно с помощью Фейсбука, а можно просто электронной почтой воспользоваться.

Мне проще с социалок, потому у меня это вот так выглядит

как создать флеш-книгу онлайн

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

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

Загрузка

Если у вас вдруг нет книги под рукой, то возьмите любой текст, я вот, например, взял свою статью из ножевой тематики. Сверстал в Word и сохранил в формате PDF.

Что-то я отвлекся, итак, загрузка книги. После регистрации, нажимаем кнопку Upload

как создать флеш-книгу онлайн

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

как создать флеш-книгу онлайн

Дальше пойдет загрузка файла на сервер и в итоге откроется вот такое окно. В этом окне заполняете название и описание книги.

как создать флеш-книгу онлайн

Можете, кстати, разрешить скачивание книги, и тогда, при вставке в блог появиться ссылка на скачивание. Нажимаем Publish now и…

как создать флеш-книгу онлайн

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

Так что, нажимайте кнопку My Publucation и ждите, когда ваша книга загрузиться на сервер Issuu.

Что-то у них там косяки какие-то были, и мне два дня пришлось ждать и смотреть вот на такое.

как создать флеш-книгу онлайн

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

Вставка в блог

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

Заходим в My Publucation и видим список загруженных книг, ну или то количество книги, которое вы загрузили.

как создать флеш-книгу онлайн

Настройка внешнего вида

Нажимаем левой кнопкой мыши на нужную книгу и выбираем

Share >> Website or blog

как создать флеш-книгу онлайн

Видим окно настроек будущей флеш-книги

как создать флеш-книгу онлайн

Настраиваете так, как вам интереснее:

  • размер окна, рекомендую, задавать под ваш размер страницы, а то могут быть накладки в отображении (вылезет окно за пределы страницы или наоборот, будет слишком мелким)
  • стартовую страницу оставляйте без изменений, хотя… ну может вам нужно будет не полностью показать книгу, мало ли…
  • ориентацию книги делайте на ваш вкус, но обратите внимание, в разных ориентациях книга смотрится по-разному (ниже покажу, как это выглядит)
  • изменение цвета подложки, ну это просто: ставите галочку и выбираете нужный цвет, а вот потом нажимаете на незаметную кнопку и цвет меняетсякак создать флеш-книгу онлайн

После всех изменений нажимайте на кнопку Save style. Это обязательно, иначе у вас не откроется окно с кодом.

как создать флеш-книгу онлайн

Кстати, можете поставить галочку Use on Tumblr, WordPress or similar, а можете и не ставить. Разницы в отображении книги я не заметил, там только сам код меняется, но у меня было, что после вставки кода “с галочкой” сама книга не отображалась на странице. Решайте сами.

Вставка кода

Добрались, собственно, до кода.

Копируем код

как создать флеш-книгу онлайн

И вставляем в нужное место на блоге, в режиме HTML-разметки

как создать флеш-книгу онлайн

Я при написании статей использую Windows Live Writer, поэтому у меня вставка выглядит таким вот образом.

Примеры

А теперь давайте посмотрим, как выглядит книга в разных ориентациях.

Альбомная ориентация (двухстраничный разворот)
[youtube][/youtube]
Книжная ориентация
[youtube][/youtube]
Разница, конечно существенная. В плане чтения удобнее книжная ориентация, а вот для рассматривания картинок – альбомная.

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

Заключение

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

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

  • Максимальный размер загружаемых файлов: 500 страницы или 100 МБ.
  • Поддерживаемые форматы: PDF, Word (DOC, DOCX), PowerPoint (PPT), Open Office (ODS, ODP), WordPerfect (WPD), Rich Text Format (RTF), Star Office (SXI, SXW).
  • Документ должен корректно открывается в соответствующих приложениях(например, Acrobat Reader или Microsoft Word).
  • Файл не должен быть защищен паролем, не должен иметь ограничений доступа, печати и копирования
  • Разрешение изображения должно быть до 150 точек на дюйм. Более высокое разрешение будет уменьшено.

Вот как-то так.

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

Как вам сервис и статья? Жду в комментариях! Всем удачи! Пока!

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

Рейтинг
( Пока оценок нет )
Абрамович Артем / автор статьи
В прошлом занимался руководством организации по монтажу сложного технологического оборудования и трубопроводов. Сегодня разработчик WordPress и WooCommerce. Пишу плагины, разрабатываю сайты, собираю ножи. Являюсь автором и ведущим проекта Финты WordPress. Следить за разработкой можно на GitHub и WP.org
Понравилась статья? Поделиться с друзьями:
artabr.ru
Комментариев: 28
  1. Александр Майер

    Интересный сервис =) Не слышал раньше о таком. Знаю только нечто подобное _slideshare.net. Обычно встречаю в нем либо презентации, либо отсканированные документы.

    Но issuu выглядит гораздо симпатичней.

    1. Абрамович Артем (автор)

      Их на самом деле масса подобных, просто все буржуйские. А слайдшар — это немного другое, там презентации в виде слайдов выкладывают.

  2. Тамара

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

    Вот у меня никогда бы не получилось так лаконично и по делу. И интересно. И столько подробностей надо знать!

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

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

    Вряд ли он знает все эти подробности. Я его теперь в этом превосхожу!

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

    Изменения на сайте вижу. В шапке раньше не замечала лого. А почему ты не сделаешь фавикон? а кнопочки поделиться?

    1. Абрамович Артем (автор)

      Привет, Тамара! Спасибо за отзыв, но книга чисто для примера сделана «на коленка» за 20 минут, ты статью почитай вот здесь https://artabr.ru/zatochka-nozha/ Там гораздо все интереснее и картинки движущиеся.

      Я тоже надеюсь, что полезная. Поживем увидим…

      До фавикона все руки не дойдут, времени катастрофически не хватает ))) Сделаю на выходных…

      Дак кнопочки у меня висят и в конце статьи и в самом верху сайтбара. Видимо не слишком заметные, надо будет что-нить придумать…

  3. Тамара

    Да — да, кнопки нашла. В конце статьи. Но твитнуть не удалось, что — то совсем у меня всё тормозит. Не открывается. Вернусь — твитну. Это надо всем прочитать.

    1. Абрамович Артем (автор)

      Странно, вроде все работало. А гугл работает?

  4. Тамара

    Это у меня тормозит. Интернет отключался. Перегруз сети в это время идёт.

    Вижу твоё приглашение в почте. Завтра посмотрю, интересно.

    Я только что вернулась к сайту после почти двухмесячного отсутствия. Только на комментарии отвечала изредка да на письма в почте.
    Заходила по подписке.

    Так вот сижу теперь опять ночами, углубляюсь)
    Вот сейчас твитнула. Видимо, многие уже спать легли, сеть начала работать.

  5. Александр Майер

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

    1. Абрамович Артем (автор)

      Оперативно они ))) Интересные задания попадаются

  6. Яна

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

    1. Абрамович Артем (автор)

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

  7. Сергей

    Слушай а прикольно получается =) На полноценную книгу конечно не тянет, но как журнал отличный вышел)) можно печатать и продавать)
    сервис на заметочку)

    1. Абрамович Артем (автор)

      Да это буквально за 5 минут сверстано из статьи, надо же было на чем то показывать как сервис работает…

  8. Marina

    Большое спасибо, Артем! У вас учительский талант: все просто и ясно даже «чайникам»! *clapping*
    Я с ISSUU была раньше знакома, но не знала, что их книги можно публиковать еще где-то.
    В гугл-сайт у меня получилось вставить код с 25 попытки -((. Может быть, оттого что хостинг бесплатный?
    Пробовала вставить в wordpress, но безуспешно :-( даже по вашей подсказке пыталась одолеть Weebly, но не поняла, что там к чему — как вставить этот код и куда?

    1. Абрамович Артем (автор)

      Здравствуйте, Мария! Очень рад видеть вас на своем блоге!
      По поводу Вибли, у меня есть тестовый сайтик на этой платформе. Так вот, код из ISSUU вставляется без проблем. Вот здесь можно посмотреть. Там есть кнопка, в разделе More, называется Embed Code. Вот с помощью ее я и вставлял. Естественно, что все эти действия надо делать в режиме редактирования, а после внесения всех правок нажать кнопку Опубликовать. Все вставилось и работает. А в Вордпрессе, где у вас была заминка?

      1. Marina

        Доброго времени суток, Артем!
        Спасибо! В Вибли все легко получилось! (Кстати, по-русски там не печатается.)
        В Вордпрессе я вставляю код в HTML редакторе (он теперь называется TEXT), а код либо исчезает после публикации, либо появляется на опубликованной странице в виде неработающей ссылки. Там тоже есть опция More, и INS, но что-то ничего не срабатывает.
        Вы знаете, как именно там надо embed?

        1. Абрамович Артем (автор)

          Приветствую, Марина! Я кажется понял в чем проблема при вставке в Водрпрессе. Дело в том, что ISSUU предоставляет два вида кода вставки. Так вот я когда вставлял код вида

          iframe width="525" height="372" src="//e.issuu.com/embed.html#8631558/5762890" frameborder="0" allowfullscreen>/iframe

          то книга не отображалась, а вот когда вставлял код по умолчанию, вида

          div data-configid="8631558/5762890" style="width: 525px; height: 372px;" class="issuuembed">/divscript type="text/javascript" src="//e.issuu.com/embed.js" async="true">/script

          ,

          то все получилось. В статье, кстати, именно таким кодом вставлены книги.
          Вид кода изменяется по установке галочки «Use on Tumblr, WordPress or similar», если галку не ставить то будет нормальный код

          1. Marina

            Спасибо, я так и делала. После обновления от кода остаются «рожки да ножки». Выглядят они так: <>
            Скорее всего, я что-то неправильно делаю и не в то поле вставляю.

            1. Абрамович Артем (автор)

              Хм, тогда надо смотреть… Так не смогу помочь, вы на почту мне пришлите адрес вашего вордпресс-сайта, попробую помочь…

  9. Екатерина

    Артём, здравствуйте!
    Пока вспоминала зачем зашла, создала простенькую книгу на 3 листа. Опубликовала в соцсетях, а вот на сайт установить не смогла. Плохо у меня с html кодами. Да и код почему-то получился не стандартный . Почему теги на русском?
    Не знаю куда вставлять. В конец статьи? В bodi?
    Всё равно, спасибо за статью, пошла спать. Всю ночь сидела на Вашем сайте.
    С уважением, Екатерина.

    1. Абрамович Артем (автор)

      Здравствуйте, Екатерина! Теги не могут быть на русском, так не бывает. Скорее всего — это у вас автоматический перевод в браузере включен. Обновите страницу и должно все стать нормально.
      А по поводу вставлять… Такие книги вставляются подобно видео с Ютуб, выбираете место, где хотели бы вставить и в режиме Текст (режим редактирования статьи) вставляете код.
      Вот здесь я вставлял именно так…

  10. Екатерина

    Здравствуйте, Артём!
    Для меня Ваш сайт теперь как наркотик. Так и тянет.
    По-поводу тегов: це так — включен перевод, т.к. я немка. Теперь поняла как вставлять. Спасибо.
    Пошла работать. Скоро вернусь.
    С уважением, Екатерина.

    1. Абрамович Артем (автор)

      Рад оказаться полезным.

  11. Iliya Korezkiy

    Любопытно, по делу и надеюсь на успех.
    А вопрос, возможно, по дурости —какой объем рационально загрузить (книги-то бывают большие с иллюстрациями) и как подобная книга влияет на скорость загрузки сайта.

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

    Илья

    1. Абрамович Артем (автор)

      Добрый вечер! Объем книги влияет напрямую: чем больше объем, тем дольше загрузка. Но есть еще факторы: скорость инета, скорость хостинга и тд Хотя и не так сильно влияющие…

  12. Хелен

    Привет! Наткнулась на симпатичный ресурс. _http://www.yumpu.com/
    Там есть полностью бесплатные опции для публикации. Книга загружается в PDF, конвертируется быстро; сразу же появляется на сайте. Самое интересное- доступен плагин для Вордпресса, бесплатный. Попробуйте, кому интересно, буду рада, если поделитесь своим мнением

    1. Абрамович Артем (автор)

      Привет! Спасибо, таких сервисов полно, на самом деле. А вот что плагин есть — это действительно интересно. Посмотрим…

  13. Борис

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

Добавить комментарий

 

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

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

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

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