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

на главную

Жанры

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

Но и этого мало! В описание img следует добавить

class="coverimage"

<body>

<div class="coverpage">

<img alt="cover" class="coverimage" src="../Images/cover.jpg" />

</div>

</body>

Проверяем, что получилось. Правую границу окна просмотра сместим мышкой влево (имитация узкого экрана, например, смартфона). Изображение уменьшилось без искажения пропорций. (Попутно напомню, что запись

alt=""
должна быть заполнена для
каждого изображения, иначе будет ошибка при валидации, а система TTS (text-to-speech – система чтения вслух) при чтении книги может давать сбои на изображениях. В последних верcиях редактора Sigil значение
alt=""
вcтавляется автоматически.)

Должен напомнить, что в названии файлов html (xhtml) и файлов изображений недопустимы пробелы, нельзя использовать кириллицу.

Всё ли изложено? Почти. В руководстве программы Sigil особо подчёркивается, что и файлу html, и собственно изображению обложки должна быть присвоена "семантика" Coverи Cover Imageсоответственно. Выделяем файл, и по правому клику мышкой вызываем меню действий – Add Semantics:

Если этого не сделать, ряд программ чтения не покажет обложку (они просто не будут иметь о ней информацию). Adobe (и все ридеры на основе SDK) будут считать первую страницу HTML как страницу обложки и воспроизводить её автоматически, тогда как Apple и некоторые другие ридеры распознают только cover picture – изображение обложки (не страничку).

Потому, если обложка в книгу не встроена, АDE (Adobe Digital Editions), будет использовать скриншот первой странички в качестве обложки, а Apple просто не покажет обложку, вообще. Правильное и универсальное отображение обложки на всех устройствах достигается именно присвоением "семантики" и 1-й страничке html, и изображению.

Источник: http://epingsoft.com/blog/?p=30

___________

Немного другой способ описан на сайте electricbookworks.com

Запись на странице обложки:

<body class="cover">

<p class="cover"><img class="cover" alt="" src="cover.jpg" />

</body>

В таблице CSS должна быть запись:

/*Cover*/

body.cover

{

margin: 0;

padding: 0;

text-align: center;

}

p.cover

{

margin: 0;

padding: 0;

text-align: center;

}

img.cover

{

height: 100%;

}

___________

В данном Руководствесознательно в <head> страницы с обложкой вставлена запись:

<head>

<title>Cover page</title>

<link href="#" rel="stylesheet" type="text/css" />

<style type="text/css">

body {text-align: center; padding:0; margin: 0;}

</style>

</head>

___________

В Adobe

советуют выбрать правильные пропорцииобложки (например, 567x819) и в CSS указать:

img { max-width: 100%; padding: 0; margin: 0;}

Таким образом, подход к обложке может чуть отличаться. (Да, предложенные размеры обложки были вполне актуальны для 2009 года.) Я пользуюсь способом, описанным в самом начале (т.е. указание максимальной ширины изображения).

– =***=-

Просмотр кода и коррекция ошибок в книге

Сейчас желательно вернуться к главе Программы для создания ePub и Алгоритм работы и проверить, все ли пункты работы выполнены.

К Алгоритму

Если проделано разбиение файла на отдельные странички, вставлена обложка и иллюстрации, необходимо проверить файл на наличие типичных ошибок и огрехов форматирования. С помощью функции Find & Replace(Найти и заменить) необходимо проверить файл и заменить все ("-") дефисы в тех местах, где должно быть тире "–", (поверьте, это разные знаки). Применение функции "Найти и заменить" в режиме Regex возможно к "Данному открытому файлу" (Current File) или "Ко всем файлам HTML" (All HTML Files). Желательно придерживаться единого стиля на протяжении всей книги. Тщательный подход к таким вопросам отличает профессиональные книги от кустарных сборок. Отступы параграфов должны быть одинаковой величины во всей книге, если речь идет о художественном произведении. Параграфы без отступов чаще встречаются в руководствах, кулинарных книгах и т.д. (non-fiction books).

Обратите внимание на окончание строк в параграфах (наличие лишних пробелов

&nbsp;
перед закрывающим тегом
). Лишние пробелы могут приводить к появлению лишних пустых строк и даже страничек в книгах.

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

Длинные бордюры в виде звёздочек ******* или других произвольных значков (~~~~~ ===== /\/\/\/\/\) я не рекомендую. На узком экране (например, iPhone) отчёркивание может растянуться на 1,5 строки или 1 1/4 . Эстетика нарушается, зачем это Вам? На некоторых ресурсах описываются до 8 способов обозначить chapter break (смену сцены внутри главы). Мне нравится использовать -=***=-, но возможны и другие варианты. Есть тег <hr> и в CSS можно указать его модификации. Если программа чтения не поддерживает таблицу CSS, то и страшного ничего не случится.

Пример:

hr.bar25 {width:25%; margin-left:10%;}

или обычный вариант

<hr>

Если в книге есть внутренние и внешние ссылки – каждую необходимо проверить на работоспособность.

На этом же этапе желательно провести вычитку книги постранично и построчно для выявления банальных опечаток. Если вся корректура выполнена, созданы необходимые дополнительные страницы – Титульная, Предисловие или От автора, Благодарности, Библиография, Страница копирайта, то можно создать Оглавление (нажать соответствующую кнопку на панели инструментов Generate Table of Contents).

Поделиться:
Популярные книги

Бастард Императора

Орлов Андрей Юрьевич
1. Бастард Императора
Фантастика:
фэнтези
аниме
5.00
рейтинг книги
Бастард Императора

На границе империй. Том 10. Часть 1

INDIGO
Вселенная EVE Online
Фантастика:
космическая фантастика
попаданцы
5.00
рейтинг книги
На границе империй. Том 10. Часть 1

Имя нам Легион. Том 7

Дорничев Дмитрий
7. Меж двух миров
Фантастика:
боевая фантастика
рпг
аниме
5.00
рейтинг книги
Имя нам Легион. Том 7

Измена. Вторая жена мужа

Караева Алсу
Любовные романы:
современные любовные романы
5.00
рейтинг книги
Измена. Вторая жена мужа

Буря империи

Сай Ярослав
6. Медорфенов
Фантастика:
аниме
фэнтези
фантастика: прочее
эпическая фантастика
5.00
рейтинг книги
Буря империи

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

Чиркунов Игорь
1. Первый в касте бездны
Фантастика:
попаданцы
5.29
рейтинг книги
Пенсия для морского дьявола

На изломе чувств

Юнина Наталья
Любовные романы:
современные любовные романы
6.83
рейтинг книги
На изломе чувств

Тринадцатый II

NikL
2. Видящий смерть
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Тринадцатый II

Сирота

Шмаков Алексей Семенович
1. Светлая Тьма
Фантастика:
юмористическое фэнтези
городское фэнтези
аниме
5.00
рейтинг книги
Сирота

Законы Рода. Том 9

Flow Ascold
9. Граф Берестьев
Фантастика:
городское фэнтези
попаданцы
аниме
дорама
фэнтези
фантастика: прочее
5.00
рейтинг книги
Законы Рода. Том 9

Красноармеец

Поселягин Владимир Геннадьевич
1. Красноармеец
Фантастика:
боевая фантастика
попаданцы
4.60
рейтинг книги
Красноармеец

Огненный князь 4

Машуков Тимур
4. Багряный восход
Фантастика:
попаданцы
аниме
5.00
рейтинг книги
Огненный князь 4

Начальник милиции. Книга 5

Дамиров Рафаэль
5. Начальник милиции
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Начальник милиции. Книга 5

Инкарнатор

Прокофьев Роман Юрьевич
1. Стеллар
Фантастика:
боевая фантастика
рпг
7.30
рейтинг книги
Инкарнатор