абзаца книги, текст абзаца книги, текст абзаца книги.

Заголовок Уровня 5Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.

Заголовок Уровня 6Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.

Несколько слов перед тем как начать

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

Так же в интернете можно найти с десяток различных css шаблонов. Без методики и примеров использовать их равнозначно созданию своего собственного css.

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

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

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

В общем целью было - создать лаконичную инструкцию, как использовать css-шаблон.

Фронтиспис

frontispiece (Фронтиспис)

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

Код старницы фронтспис

<div class="image95">
<img alt="" src="../Images/frontispice.jpg"/>
</div>

Формирование сносок

Код ссылки в тексте

&#160;<a id="anchor_001" href="../Text/notes.xhtml#note_001">[_1_]</a>
Код сноски в файле notes.xhtml

<div class="notes">
<p><a id="note_001">[_1_]</a>&#160;Текст сноски.</p>
<p><a href="../Text/Chapter_01.xhtml#anchor_001">&lt;&lt;&lt;&lt;&lt;</a><br/></p>
</div>Я выношу сноски в отдельную секцию "notes.xhtml". 

Область для перехода в "note" делаю достаточно большой, для уверенного попадания в нее. 

Картинка  и пример ниже иллюстрируют переходы по ссылке и возврат обратно.

Пример:

Код ссылки в тексте

называемых пакетами&#160;<a id="anchor_017" href="../Text/notes.xhtml#note_017">[_17_]</a>
Код сноски в файле notes.xhtml

<div class="notes">
<p><a id="note_017">[_17_]</a>&#160;Наряду с термином «пакет», используются также термины «кадр», «фрейм», «ячейка» и др. В данном контексте различия в значении этих терминов несущественны.</p>
<p><a href="../Text/Chapter_01.xhtml#anchor_017">&lt;&lt;&lt;&lt;&lt;</a><br/></p>
</div>

Концевой титульный лист

Trailer_title_page Концевой титульный лист.

Последняя страница издания с его выпускными данными. 

Форзац

fly-leaf (Форзац)

Лист бумаги, одной стороной приклеиваемый к внутренней стороне переплётной крышки, а другой - к первому листу. Соединяет книжный блок с переплётной крышкой.

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

Обложка

Cover (обложка)

Код обложки формируется автоматически в программе Sigil. Для этого нужно просто выбрать Сервис ⏵ Добавить обложку. Далее выбираем картинку и в текст книги будет вставлен html код формирующий вид обложки.

Код генерируется автоматически, поэтому приводить его не буду.

Стихи

<p class="subtitle">* * *</p>
<div class="stanza">
<div class="poem">
<p>Над омраченным Петроградом</p>
</div>
</div>Пример:

* * *

Над омраченным Петроградом

Осенний ветер тучи гнал,

Дышало небо влажным хладом,

Нева шумела. Бился вал

О пристань набережной стройной,

Как челобитчик беспокойный

Об дверь судейской. Дождь в окно

Стучал печально. Уж темно

Всё становилось. В это время

Иван Езерский, мой сосед,

Вошел в свой тесный кабинет…

Однако ж род его, и племя,

И чин, и службу, и года

Вам знать нехудо, господа.

Картинки

В css определены 3 размера картинок: 95%, 50% и 30% от размера страницы по ширине. 

Картинки встраиваются в

--">