Sigil руководство пользователя

Инструкция по созданию электронных книг

Конвертация в программе «Sigil EPUB eBook editor» 

«Tips & Tricks» – мелкие советы и хитрости формата ePub*.

 

Конвертация документа

PDF* – наихудший формат для конвертации в ePub*. Word тоже имеет свои сложности, но он лучше подходит для конвертации в формат с «резиновой вёрсткой» (reflowable format). -советует такую последовательность:

Word* → Web*( HTML) → ePub*, последний этап выполнять в Calibre (mobi)*.

Оглавление

Общие рекомендации: Основной тип заголовков, рекомендованный к использованию – h2. Заголовок первого уровня рекомендовано использовать на титульной странице для названия книги. Не очень рекомендуется создание файла Содержания с многоуровневыми заголовками h1, h2, h3 и т.д., так как некоторые ридеры умеют работать (отображать) только одноуровневое содержание (Оглавление). Нажатием одной кнопки Generate Table of Contents – создается оглавление, после требуется HTML TOC – меню Tools – Table Of Contents – Create HTML Table Of Contents.(Сервис – Оглавление – Создать фаил HTML с оглавлением).

Шрифты

Очень сложное форматирование, разнообразие шрифтов и украшательства, безусловно, дело автора. Существует такой термин «bells and whistles» («свистки и колокольчики»).

Не всегда можно предсказать, как все эти изыски будут выглядеть в различных программах чтения и на разных устройствах. Потому, использовать максимально простое форматирование и проверенные стили, еще в №1 этапе создания – Doc*.

Сохранять документ « СТРОГО » в числовом имени. Так же в числовом имени сохраняется Web* документ. ( html с фильтром). Пример: 978-5-488-01801-3.htm – 978-5-488-01801-3.ePub;

Верстки документа. Типы создания электронной книги

Табличная вёрстка — ранее была основным методом вёрстки, но и сейчас широко применяются в самых разных случаях. С помощью таблиц делают рамки, задают модульные сетки, создают цветной фон, выравнивают элементы и т. п. Фиксированный тип вёрстки — дизайн (табличный либо блочный), в котором ширина столбца/рисунка заданы в пикселях, т. е. оговорены точно. Резиновый тип вёрстки — дизайн, в котором ширина столбца таблицы/рисунка задана в процентах от текущего разрешения экрана.

Таблицы в формате ePub

Если книга создаётся с «резиновой вёрсткой», то таблицу рекомендуется вставлять в виде рисунка png* или jpg*. Но желательно прописывать таблицу в Doc*, чтобы не было в дальнейшем проблем с конвертацией таблиц в другой формат.

! «Тут я обратился в бегство и долго еще слышал за своей спиной жалобные призывы:

– Пойдемте, я покажу вам черепа! Вернитесь и взгляните на черепа!» (с)

Переход в Режим Код (html) и обратно

Переключение с просмотра книги (book view) на просмотр кода (code view) и обратно – клавиша F2.

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

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

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

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

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

Рисунок в качестве заголовка

Решение: Запись о вставленном изображении следует заключить внутрь тега заголовка

<h2 title=»Глава 2″><img alt=»chapter2″ src=»chapter2.jpg» /></h2>

Решение: Если книга разделена на отдельные файлы xhtml из расчёта одна страница на каждое стихотворение, то всё очень просто. В Book Browser в левом окне мышкой можно перетащить отдельный файл xhtml в нужную позицию. После необходимо заново создать Table Of Contents (Оглавление или файл Содержания), чтобы сохранить измененную последовательность произведений. Дополнительно я советую выделить все пронумерованные файлы и Rename (Переименовать) их, чтобы была последовательная нумерация отдельных секций.

Вставить пустую строку между блоками текста

Рано или поздно такой вопрос возникает у многих создателей книг. Я столкнулся буквально сразу, т.к. собирал книги стихов, для которых очень важны пробелы для обозначения отдельных строф или четверостиший (катренов). В Руководстве редактора Sigil, точнее в Frequently Asked Questions for Sigil (FAQ) предложены следующие решения.

Предлагается вставлять «самозакрывающийся тег» <br /> или «пустой параграф» в виде <p></p>. Увы, многие программы чтения, в том числе и ADE (Adobe Digital Editions) игнорируют эти команды. Соответственно, в ридерах на основе ADE будут пропадать пустые строки. «Пустой параграф» игнорируется, как не несущий информационной нагрузки. Не помогает и код <p><br /><p>. Одним из решений является принудительная замена всех подобных записей кода на <p>&nbsp;</p> (неразрывный пробел внутри параграфа). Это решение считается спорным. Именно этим способом я пользуюсь постоянно. Часто рекомендуют прописывать правильные верхние и нижние границы для тега параграфа (например по 0,5em) вместо margin-top: 0; margin-bottom: 0.2em; как в данной книге. Кто-то настаивает только на увеличении margin-top: 1em; и обосновывает свой выбор. Дискуссии о тонкостях таблицы стилей CSS периодически возобновляются на форумах. Я свой выбор написал.

Для вставки нескольких пустых строк рекомендуется код <div>&#160;<br />&#160;<br /></div> (получится 2 пустых строки, это работает и используется мной). Тег <br /> здесь не игнорируется, т.к. находится внутри контейнера <div>…..</div>. Символ &#160; в редакторе Sigil «чудесно автоматически заменяется» знаком неразрывного пробела &nbsp;

! Для разрыва страниц существует так же еще один код:

<br clear=»all» style=»page-break-before:always» />

Отображение первой строчки произведения в качестве названия в Оглавление

Одно или несколько стихотворений у автора оставлены без названия и обозначены на странице *** или ххх. Как сделать в файле Содержания (в Оглавлении) отображение первой строчки произведения в качестве названия? Решение: Перейдем в режим просмотра кода странички в редакторе Sigil.

<h2>* * *</h2><p>&nbsp;</p><p>Я помню чудное мгновенье</p>

Внутри тега <h2> необходимо вставить tittle=»…» Получится такая запись:

<h2 title=»…»>* * *</h2><p>&nbsp;</p><p>Я помню чудное мгновенье</p>

Теперь скопировать первую строчку стихотворения и вставить её перед многоточием:

<h2 title=»Я помню чудное мгновенье…»>* * *</h2>

При таком решении внешний вид стихотворения на страничке не изменится, но в содержании будет приведена именно первая строчка произведения.

*__________________________________________________________________________*

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

*___________________________________________________________________________*

Вставка специальных символов

Вставка специальных символов. Да, есть такая кнопка с буквой «омега» – Ω, вызывающая панель дополнительных символов, которых может не быть на вашей клавиатуре.

Эту панель можно держать открытой (перетащите её в удобную позицию), чтобы можно было вставлять несколько символов в нужные участки текста. Если удерживать Ctrl при клике по символу – будет вставлен символ с одновременным закрытием панели. 

Фон книги

Для этого в таблице стилей CSS можно прописать background color (и задать нужный цвет фона).

body {

margin-left: 2%;

margin-right: 2%;

text-align: left;

background-color: #FFFFFF; /*white*/

color: #000000;

} 

Как оформить эпиграф

По правилам Эпиграф оформляется на правой стороне листа без кавычек. Фамилия и инициалы автора в скобки не заключаются, точка после них не ставится.

В таблице стилей 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 (левое).

margin: 1em 1em 2em 17%;

Левое поле 17% – подобрано эмпирически (опытным путём).Оформление эпиграфа (просмотр кода страницы, теги выделю для наглядности):

<div class=»epigraf»>abracadabra to<br />&nbsp; &nbsp; крибле-крабле-бумс…<br /><br />Съешь ещё этих мягких французских булочек…</div>

Что видит читатель?

abracadabra to крибле-крабле-бумс…

Съешь ещё этих мягких французских булочек…

Должен напомнить, что точное отображение эпиграфа возможно, если программа чтения «работает» с таблицей CSS. Я стараюсь учитывать разные варианты развития событий и уже видел в книгах «прилипание» эпиграфа к заглавию и к основному тексту, отсутствие отступа вправо. Потому продолжаю методично выше и ниже контейнера с эпиграфом вставлять пустую строку.

Сделать примечания (Notes)

Создайте отдельный файл xhtml и назовите его Notes. Разместите на нем примечания с соответствующими номерами. Выделите в режиме просмотра книги (book view) текст первого примечания и нажмите кнопку с изображением якоря. Во всплывающем окне можно присвоить (или отредактировать) индивидуальный идентификатор ID, например, footnote001 (идентификатор должен начинаться с латинской буквы). Этот идентификатор должен быть обязательно уникальным. В тексте книги разместите [1] в том месте, где текст нуждается в примечании. На панели инструментов Sigil нажмите кнопку с изображением цепи (Insert Hyperlink – вставить ссылку). Во всплывающем окне выбрать ID (в приведенном примере это будет Notes.xhtml#footnote001 т.е. Название страницы Примечаний # footnote001). Таким образом создана работающая ссылка на конкретное примечание. Для возможности вернуться к чтению текста необходимо создать «якорь» на каком-либо слове рядом с [1]. На страничке Notes можно сделать надпись «назад к чтению» или «вернуться к тексту». Выделить эту надпись и создать гиперссылку для возвращения на исходную страничку с конкретным текстом (в данном примере это будет Section0031.xhtml#make_notes). Да, эти ссылки будут работать при чтении на планшете/ридере с тачскрином, при чтении на большом компьютере. К размещению примечаний можно подходить разными способами: Примечания в конце каждой главы, Примечания в конце книги на одной странице, Примечания в конце книги с разбивкой по 1 примечанию на одну страницу. И, да, любителям автоматизации ничего не могу посоветовать, примечания я делаю вручную.

Создание файла Index

Рекомендуется приступать к этому этапу, когда все разделы книги закончены. Index – это алфавитный указатель. Если Вы считаете, что данная страничка необходима в Вашей книге – выделите нужный термин или словосочетание, войдите в меню Tools – Index – Mark For Index (Инструменты – Индекс – Отметить для включения в Индекс). Когда все необходимые термины в книге промаркированы, можно в меню Tools – Index выбрать пункт Create Index (Создать алфавитный указатель).

Clips (Клипы, фрагменты)

Использование функции Clips (Клипы, фрагменты).В разделе меню Tools (Инструменты) можно вызвать настройку этой функции (на клавиатуре Ctr+Alt+C).

Скорость правки кода повысится в несколько раз!

Итак, в этом меню представлены элементы кода, которые можно быстро применить к выделенному фрагменту текста (Пример: – клип div имеет значение <div>\1</div>. Переключиться в режим просмотра кода (code view) страницы. Если выделить текст и правой кнопкой мышки из набора клипов выбрать div, то текст окажется заключен внутри данного тега. При вставке клипа в код можно удерживать нажатой клавишу Ctrl для удаления любых тегов, присутствовавших в данном участке). Данные клипы можно редактировать (Clip Editor), дополнять новыми заготовками, сохранять отрывки текста, которые приходится часто вставлять в книгу. Допустимо использование многих «регулярных выражений» (RegEx).

Примеры клипсов (или клипов), которые использую я. Сначала написано условное название, далее вставляемый код:

blank <p>&nbsp;</p>

strong <strong>\1</strong> 

 тире «–»

a href <a href=»LINKTARGET»>\1</a>

epigraf <div class=»epigraf»>\1</div>

imgDiv <div class=»imgDiv»>\1</div>

br <br/>

 

Закрыть тег ( Closing Tag)

Использование функции «Закрыть тег». В пункте меню Insert есть пункт Closing Tag (Ctrl + точка в англ. раскладе клавиатуры). Это может пригодиться при правке кода, например при копировании части параграфа

<p> Какой-то отрывок текста – в конце нужен закрывающий тег параграфа </p>. 

Шаблон – заготовки файлов xhtml

Практический совет: если Вы собираетесь делать не одну книгу, а несколько, имеет смыл создать Шаблон– заготовки файлов xhtml с подготовленными страничками Cover, Title, Acknowledgements, Copyright. При создании новой книги импортируйте шаблоны с подготовленными разделами, это ускоряет работу. (Если создать файл шаблонного epub – у шаблона и книг на его основе будут одинаковые идентификационные номера UUID. Этот номер можно увидеть в файле content.opf и toc.ncx (они должны совпадать).

Групповое переименование файлов

В редакторе возможно групповое переименование файлов. Как уже написано выше, последовательность файлов в книге можно менять простым перетаскиванием мышкой. После может потребоваться «навести порядок», пронумеровать файлы последовательно. Для группового переименования надо выделить первый файл xhtml, нажать Shift и выделить последний. Правой кнопкой в меню выбрать Rename. Если файлы имеют вид Section0001.xhtml то желательно выбрать маркировку из трёх цифр, иначе программа выдаст ошибку, что встречаются дубликаты номеров. Вторым заходом я обычно восстанавливаю четырёхзначную нумерацию. Иногда бывает удобно отдельным файлам дать осмысленные названия (только латиница, без пробелов). Пример: Title, Foreword. После необходимо заново создать Table Of Contents (Оглавление), чтобы сохранить измененную последовательность произведений. 

Встраивание аудио и видео

На данный момент практического значения не имеет (imho), это ближе к экспериментам и баловству. Существует несколько способов. Одни из – встроить медиафайлы с помощью Flash.

<object type=»application/x-shockwave-flash» data=»filename.swf» width=»400″ height=»20″><param name=»movie» value=»filename.swf» /><param name=»play» value=»false» /><param name=»loop» value=»false» />iv></object>

Проблема в том, что iOS девайсы (iPad, iPhone, iPod) не поддерживают Flash, также как и Kindle.Возможно создать книгу, оптимизированную под iOS со встроенным мультимедиа, используя HTML5, нотолько HTML5-совместимые устройства и программы будут в состоянии их воспроизвести (iOS devices and goodweb browsers, but not Adobe Digital Editions and many other ebook software and readers).

! Ещё пара моментов: медиафайлы могут значительно увеличить вес книги. И мощность процессоров многих устройств чтения (ридеров) может просто не справиться с обработкой такой нагрузки.

! На данный момент рекомендуется разместить видео или аудио на соответствующих сайтах (например, YouTube, Vimeo, или MixCloud), и в книге поместить ссылку.

МЕТАДАННЫЕ

Заполнение МЕТАДАННЫХ – выходные данные книги.Это очень важная часть работы. Нажмите кнопку Metadata Editor на панели инструментов.

Обязательны к заполнению: Название книги, Автор, Язык. Дополнительные данные можно вносить нажатием кнопок Add Basic и Add Role. Здесь может быть указана дата создания документа, издатель, редактор, иллюстратор, кавер-дизайнер, фотограф, номер ISBN или UUID. Может быть вставлено описание книги Description, которое во многих программах чтения выводится на дисплей. 

Совет от профессионалов

Создание электронной книги — трудоемкий процесс. И как Вы могли убедиться — в домашних условиях трудновыполнимый. Ведь перед тем, как создавать электронную книгу, все ее страницы нужно отсканировать — сложность заключается в том, что не у всех под рукой профессиональное оборудование для создания качественных сканов. У нас есть необходимое оборудование для сканирования книг. И Вы можете обратиться за помощью в создании электронных книг к нам.

Страница сгенерирована за 0.01 секунд !

Latest Sigil User Guide

The Sigil User Guide has its own GitHub repository where you can download any and all past versions, or contribute to its maintenance. We’re always looking for help keeping the guide updated!

---