=*= Как вставить пустую строку между блоками текста?
Рано или поздно такой вопрос возникает у многих создателей книг. Я столкнулся буквально сразу, т.к. собирал книги стихов, для которых очень важны пробелы для обозначения отдельных строф или четверостиший (катренов). В Руководстве редактора Sigil, точнее в Frequently Asked Questions for Sigil (FAQ) предложены следующие решения.
Предлагается вставлять "самозакрывающийся тег"
<br />
или "пустой параграф" в виде
<p></p>
. Увы, многие программы чтения, в том числе и ADE (Adobe Digital Editions) игнорируют эти команды. Соответственно, в ридерах на основе ADE будут пропадать пустые строки. "Пустой параграф" игнорируется, как не несущий информационной нагрузки. Не помогает и код
<p><br /><p>
. Одним из решений является принудительная замена всех подобных записей кода на
<p> </p>
(неразрывный пробел внутри параграфа). Это решение считается спорным. Именно этим способом я пользуюсь постоянно. Часто рекомендуют прописывать правильные верхние и нижние границы для тега параграфа (например по 0,5em) вместо
margin-top: 0; margin-bottom: 0.2em;как в данной книге. Кто-то настаивает только на увеличении
margin-top: 1em;и обосновывает свой выбор. Дискуссии о тонкостях таблицы стилей CSS периодически возобновляются на форумах. Я свой выбор написал.
Для вставки нескольких пустых строк рекомендуется код
<div> <br /> <br /></div>
(получится 2 пустых строки, это работает и используется мной). Тег
<br />здесь не игнорируется, т.к. находится внутри контейнера
<div> </div>.Символ в редакторе Sigil "чудесно автоматически заменяется" знаком неразрывного пробела
В любом случае, я рекомендую проверить результаты своих усилий во всех доступных программах чтения, на разных ридерах.
=*= Рюшечки, бордюры, разделяющие линии – да, это возможно, но рекомендуется не делать линии слишком длинными. Мы не всегда можем просчитать ширину экрана, на котором книгу будут читать. Потому длинный ряд звёздочек ******* или амперсандов
&&&(как звучит!) может неплохо выглядеть на обычном ридере и дать 1.5 ряда звёздочек на iPhone. Надо ли задумываться об эстетике внешнего вида текста или "Пренебречь, вальсируем!" – решайте самостоятельно. Тег
<hr> (horizontal rule) никто не отменял, но он продемонстрирует горизонтальную линию только в программах чтения, которые поддерживают CSS. Сразу после этого абзаца я поставил этот тег и Вы можете проверить, отображается он в Вашем ридере или нет.
=*= Можно ли установить фон страниц книги, отличающийся от белого? Да, возможно. Для этого в таблице стилей CSS можно прописать background color (и задать нужный цвет фона).
body
{
margin-left: 2%;
margin-right: 2%;
text-align: left;
background-color: #FFFFFF; /*white*/
color: #000000;
}
Я это пробовал (для отдельных страничек и для всей книги). На самом деле это только потеря времени. В большинстве программ чтения, (как на мобильных ридерах, планшетах, так и в программах для домашнего ПК), цвет фона книги регулируется пользователем. Об этом же ещё в 2010 г. писали на сайте Electricbookworks.com
http://electricbookworks.com/kb/creating-epub-from-indesign/working-in-indesign/background-colours/
=*= Как оформить эпиграф?
По правилам Эпиграф оформляется на правой стороне листа без кавычек. Фамилия и инициалы автора в скобки не заключаются, точка после них не ставится.
Как это делаю я в собираемых книгах. В таблице стилей CSS внесена запись:
div.epigraf
{
font-family: LiberationSerif-Italic, serif;
font-style: italic;
font-size: 98%;
margin: 1em 1em 2em 17%;
text-align: justify;
color: #000080; /*navy*/
}
Здесь описано использование конкретного шрифта, курсив, размер чуть меньше обычного текста (98%). Цвет шрифта.
Что важно – параметр
margin
. Этот параметр определяет поля вокруг текста, последовательно: top (верхнее), right (правое), bottom (нижнее), left (левое). (TRBL – "Top-Right-Bottom-Left")
margin: 1em 1em 2em 17%;
Левое поле 17% – подобрано мной эмпирически (опытным путём).
Оформление эпиграфа (просмотр кода страницы):
<div class="epigraf">
abracadabra to<br />
крибле-крабле-бумс...<br />
<br />
Съешь ещё этих мягких французских булочек...
</div>
Что видит читатель?
abracadabra to
крибле-крабле-бумс...
Съешь ещё этих мягких французских булочек...
Должен напомнить, что точное отображение эпиграфа возможно, если программа чтения "работает" с таблицей CSS. Я стараюсь учитывать разные варианты развития событий и уже видел в книгах "прилипание" эпиграфа к заглавию и к основному тексту, отсутствие отступа вправо. Потому продолжаю методично выше и ниже контейнера с эпиграфом вставлять пустую строку.
=*=
Вставка специальных символов. Да, есть такая кнопка с буквой "омега"
Ω, вызывающая панель дополнительных символов, которых может не быть на вашей клавиатуре.
Что приятно – эту панель можно держать открытой (перетащите её в удобную позицию), чтобы можно было вставлять несколько символов в нужные участки текста. Если удерживать Ctrl при клике по символу – будет вставлен символ с одновременным закрытием панели.
=*= Как сделать примечания(Notes)? Например, кликабельные ссылки [1]на отдельную страницу.