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

на главную - закладки

Жанры

Руководство по созданию книг в формате 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).

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

Эпоха Опустошителя. Том I

Павлов Вел
1. Вечное Ристалище
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Эпоха Опустошителя. Том I

Проблема майора Багирова

Майер Кристина
1. Спецназ
Любовные романы:
современные любовные романы
6.60
рейтинг книги
Проблема майора Багирова

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

Андрей Мельник
13. Граф Берестьев
Фантастика:
аниме
фэнтези
5.00
рейтинг книги
Законы Рода. Том 13

Газлайтер. Том 15

Володин Григорий Григорьевич
15. История Телепата
Фантастика:
боевая фантастика
попаданцы
5.00
рейтинг книги
Газлайтер. Том 15

О, Путник!

Арбеков Александр Анатольевич
1. Квинтет. Миры
Фантастика:
социально-философская фантастика
5.00
рейтинг книги
О, Путник!

Прометей: каменный век

Рави Ивар
1. Прометей
Фантастика:
альтернативная история
6.82
рейтинг книги
Прометей: каменный век

Её (мой) ребенок

Рам Янка
Любовные романы:
современные любовные романы
6.91
рейтинг книги
Её (мой) ребенок

Идеальный мир для Лекаря 8

Сапфир Олег
8. Лекарь
Фантастика:
юмористическое фэнтези
аниме
7.00
рейтинг книги
Идеальный мир для Лекаря 8

Прометей: каменный век II

Рави Ивар
2. Прометей
Фантастика:
альтернативная история
7.40
рейтинг книги
Прометей: каменный век II

Цвет сверхдержавы - красный. Трилогия

Симонов Сергей
Цвет сверхдержавы - красный
Фантастика:
попаданцы
альтернативная история
8.06
рейтинг книги
Цвет сверхдержавы - красный. Трилогия

Болтливый мертвец

Фрай Макс
7. Лабиринты Ехо
Фантастика:
фэнтези
9.41
рейтинг книги
Болтливый мертвец

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

INDIGO
15. Фортуна дама переменчивая
Фантастика:
космическая фантастика
попаданцы
5.00
рейтинг книги
На границе империй. Том 9. Часть 2

Истребители. Трилогия

Поселягин Владимир Геннадьевич
Фантастика:
альтернативная история
7.30
рейтинг книги
Истребители. Трилогия

Лишняя дочь

Nata Zzika
Любовные романы:
любовно-фантастические романы
8.22
рейтинг книги
Лишняя дочь