Оглавление

Текст

Текст является одним из главных компонентов. Для размещения текста в книге, перетащите компонент "Текст" с панели инструментов на страницу. Мышкой задайте положение и размеры. Двойной клик на тексте переводит компонент в режим редактирования текста. При редактировании доступны основные функции редактирования: размер шрифта, шрифт, цвет текста, список или нумерованный список.

С помощью нескольких компонентов "Текст" можно создать разметку как у глянцевого журнала в несколько колонок. Для удобства, можно сохранять разметку текущей страницы как шаблон. Затем, применять этот шаблон к новым страницам. Использование шаблонов значительно ускоряет и упрощает процесс создания книги.

Общее количество текстовых компонентов в книге и на странице не ограничено.

Картинка

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

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

Общее количество картинок в книге и на странице не ограничено.

Режим "Заполнить" без Рамки

Ссылка

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

Внутренняя ссылка это ссылка на определенную страницу внутри книги с помощью которых можно создать навигацию и оглавление. При нажатии на такую ссылку пользователь автоматически переходит на нужную страницу. Это сделает вашу книгу более удобной для пользователя. Для создания внутренней ссылки перетащите её на страницу, задайте тип ссылки "На страницу книги" и укажите номер страницы.

Внешняя ссылка это ссылка на любой web адрес: сайт, форум, картинку, видео... При нажатии на такую ссылку у пользователя открывается системный браузер с переходом по ссылке. Это удобно использовать для указания вашего сайта, групп в социальных сетях, ссылки на обзоры, форумы и т.д. Для создания внешней ссылки, перетащите компонент - ссылка на страницу книги и задайте ей тип: "на интернет-страницу".

Фотоальбом

С помощью фотоальбома можно посмотреть сразу несколько фотографий в увеличенном виде. Для просмотра фотоальбома необходимо кликнуть на его обложку. При нажатии на миниатюру можно просмотреть эту фотографию в увеличенном виде. В книге можно размещать не ограниченное количество фотоальбомов и фотографий.

Для использования фотоальбома, первым делом добавьте фотографии в проект книги - это можно сделать на панели "Объекты" с левой стороны. Добавление объектов в книгу осуществляется с помощью кнопки плюс "+", а удаление с помощью кнопки минус "-". После добавления фотографий в проект их можно использовать и размещать в книге.

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

Фотоальбом

Для создания фотоальбома сначала выберите несколько фотографий в списке объектов, а затем перетащите компонент "Фотоальбом" с панели инструментов на страницу книги.

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

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

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

Видео

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

Локальное видео. Для показа в книге видео из локального файла, необходимо сначала добавить видео файл в проект книги. Это можно сделать на панели "Объекты" с левой стороны. Добавление объектов в книгу осуществляется с помощью кнопки плюс "+", а удаление с помощью кнопки минус "-". Затем указать тип источника видео "Этот компьютер" и выбрать файл из выпадающего списка.

Видео с других сервисов (vimeo, rutube) можно разместить с помощью компонента "Фрейм".

Видео

Примеры локального видео

MP4

FLV

Самый популярный формат. Он поддерживается всеми платформами.

Устаревший формат, работает не на всех платформах и компьютерах.

GIF Анимация

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

Аудио

С помощью компонента "Аудио" можно размещать в книге музыку. Для добавления музыки, необходимо перетащить компонент "Аудио" с панели инструментов на страницу книги. Далее, с помощью мышки задать положение и размер компонента, а на панели свойств с правой стороны задать все необходимые свойства.

Перед использованием компонента "Аудио", необходимо добавить все музыкальные файлы в проект книги. Это можно сделать на панели "Объекты" с левой стороны. Добавление объектов в книгу осуществляется с помощью кнопки плюс "+", а удаление с помощью кнопки минус "-".

Общее количество компонентов "Аудио" на странице и в книге не ограничено.

Онлайн музыку (например, с Яндекс Музыка, SoundCloud) можно разместить с помощью компонента "Фрейм".

Шрифты

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

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

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

Фигуры

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

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

Фреймы

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

Фреймы могут быть онлайн и локальные. Количество фреймов на странице и в книге не ограничено.

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

Для создания фрейма переместите компонент "Фрейм" на страницу и задайте ему необходимые свойства на правой панели. Результат работы фрейма можно посмотреть в предварительном просмотре.

Многие сайты позволяют размещать свои компоненты на других сайтах, например, видео из youtube, музыка sound cloud, коментарии ВКонтакте или любые другие виджеты. С помощью фреймов можно размещать такие виджеты в своей книге. Обычно необходимо найти кнопку поделиться и выбрать HTML код или код IFRAME. Наиболее популярные способы применения онлайн фреймов:

• Вставка онлан видео (youtube, vimeo, rutube и др.)

• Добавление музыки на страницы: Yandex музыка, SoundCloud и др.

• Добавление форм голосований таблиц и других документов: Google documents, Google forms и другие похожие сервисы

• Анкеты и формы

• Форма обратной связи

• Онлайн игры и сервисы

• Социальные сети: комментарии, группы, обсуждения

• Анимация и интерактивные элементы

Онлайн Фрейм

Локальный Фрейм

Локальный фрейм можно использовать для вставки блоков со сложным форматированием, например, таблицы, анимация, интерактивные элементы и др. Для этого необходимо разместить компонент фрейма, указать тип: "Локальный" и задать HTML + CSS + JS данные.

В редакторе, на миниатюре доступен предварительный просмотр результата фрейма. В миниатюрах поддерживаются не все правила CSS 3 и HTML 5. Для оценки работоспособности используйте предварительный просмотр фрейма или всей книги который осуществляется в системном браузере.

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

Просмотр

Для предварительного просмотра открытой книги можно воспользоваться кнопкой на панели инструментов "Просмотр" или выполнить команду главного меню "Просмотр \ Предварительный просмотр" (горячая клавиша F5).

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

В этой книге:

• Авто-воспроизведение фоновой музыки

• Примеры видео (локального и youtube)

• 2 музыкальные композиции

• Ссылки - оглавление, прозрачные ссылки

• Новые шрифты

• Фигуры

• Фреймы

• Анимационные GIF