Чтение онлайн

ЖАНРЫ

Руководство по созданию книг в формате ePub 2.0
Шрифт:

Google Nexus 10 (10,1") 2560x1600пикселей (300 ppi) (16:10)

Archos 97 Titanium HD (9,7") 2048x1536(264 ppi)

Chromebook Pixel (notebook 12.85") 2560x1700multi-touch screen (239 ppi) (3:2)

К странице Содержания

– =***=-

Epub – что там внутри?

Далее будет приведено несколько скриншотов из программы-редактора Sigil.

При

упрощённом объяснении ePub – это zip-контейнер, внутри которого есть файлы html (xhtml), файлы изображений, встроенные шрифты (если есть), подключённая таблица стилей CSS, дополнительные служебные файлы с информацией о том, в какой последовательности файлы должны демонстрироваться программой чтения.

Важно, чтобы внутри epub все файлы в названиях не содержали кириллицы, недопустимы пробелы в названиях файлов html, xhtml, jpeg, png. (Эти ошибки приводят к тому, что программы чтения просто не увидят данные файлы).

Любой текст в "теле" страницы, заключённый в

<!-- Произвольный текст -->
не будет виден читателю. Как правило, это используется для комментариев. В таблице стилей CSS комментарии помещаются внутрь
/*текст комментария*/
.

Что можно увидеть при просмотре кода:

Внутреннее содержимое книги ePub можно посмотреть другим способом – изменить расширение файла с epub на zip и открыть файл программой для работы с архивами (WinRAR или WinZIP, 7-zip). Обратное переименование восстановит книгу (бояться ничего не надо).

К странице Содержания

– =***=-

Таблица стилей (CSS) в ePub

Каскадные таблицы стилей CSS (Cascading Style Sheets)– первый стандарт стилей, объявленный консорциумом W3C.

CSS – это язык, содержащий набор свойств для определения внешнего вида документа.

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

Кратко: любой документ HTML состоит из нескольких основных разделов:

<?xml version="1.0" encoding ="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xml:lang="en">

<!-- пояснение о документе -->

<head>/т.н. "голова" документа/

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>

<!-- В этом разделе содержится информация о документе,
которая не выводится на дисплей -->

</head>/закрывающий тег/

<body>/т.н. "тело" документа/

<!-- В этом разделе расположено содержание страницы, которое видит пользователь.
– ->

</body>

</html>

Фактическое положение вещей таково, что можно создать прекрасно-форматированную книгу формата ePub используя всего несколько простых HTML тегов.Теги – это команды, которые обозначают, как отображать текст на дисплее. Как правило, теги парные (открывающий и закрывающий тег). Простой пример – тег параграфа

и закрывающий тег
.
Существуют также "самозакрывающиеся" теги, пример:
<br/>.
Несколько тегов для начального информирования.

текст внутри этого тега формирует параграф.

<div> … </div>
Этот тег представляет собой пустой контейнер, которому можно задавать определйнные правила, используя CSS. Тег
<div class="…">
часто используется для придания определенных правил форматирования для группы параграфов.

<

h1> … </h1>
(и заголовки меньшего уровня h2, h3, h4) Теги, используемые для заголовков. h1 рекомендуется использовать для названия всей книги.

Существуют специальные теги для обозначения полужирного шрифта

<b>
или
<strong>
, для курсива
<i>
или
<em>
.

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

____________

Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.

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

Или же воспользуйтесь поиском (информации много и на русском языке).

Чтобы таблица стилей в книге "работала" – на каждой отдельной страничке книги должна быть ссылка на файл CSS. В папку Styles по нажатию правой кнопки добавьте заранее подготовленную таблицу стилей. Либо выделить мышкой папку Styles и нажать кнопку + (плюс) на панели программы (Ad Existing Files). Кстати, этим же способом добавляются файлы шрифтов в папку Fonts, файлы иллюстраций в папку Images.

Ниже приведен скриншот – в редакторе Sigil режим просмотра кода страницы.

Поделиться с друзьями: