Любой текст в "теле" страницы, заключённый в
<!-- Произвольный текст -->не будет виден читателю. Как правило, это используется для комментариев. В таблице стилей CSS комментарии помещаются внутрь
/*текст комментария*/.
Что можно увидеть при просмотре кода:
Внутреннее содержимое книги ePub можно посмотреть другим способом – изменить расширение файла с epub на zip и открыть файл программой для работы с архивами (WinRAR или WinZIP, 7-zip). Обратное переименование восстановит книгу (бояться ничего не надо).
-=***=-
Таблица стилей (CSS) в ePub
Каскадные таблицы стилей CSS (Cascading Style Sheets)– первый стандарт стилей, объявленный консорциумом W3C.
CSS – это язык, содержащий набор свойств для определения внешнего вида документа.
Обычный HTML позволяет задавать цвет и размер текста с помощью тегов форматирования. Если понадобится изменить параметры однотипных элементов на сайте, придется просматривать все страницы, чтобы найти и поменять теги.
Кратко: любой документ HTML состоит из нескольких основных разделов:
<?xml version="1.0" encoding ="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmclass="underline" lang="en">
<!-- пояснение о документе -->
<head>/т.н. "голова" документа/
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
<!-- В этом разделе содержится информация о документе, которая не выводится на дисплей -->
</head>/закрывающий тег/
<body>/т.н. "тело" документа/
<!-- В этом разделе расположено содержание страницы, которое видит пользователь. -->
</body>
</html>
Фактическое положение вещей таково, что можно создать прекрасно-форматированную книгу формата ePub используя всего несколько простых HTML тегов.Теги – это команды, которые обозначают, как отображать текст на дисплее. Как правило, теги парные (открывающий и закрывающий тег). Простой пример – тег параграфа
<p>
и закрывающий тег
</p>.
Существуют также "самозакрывающиеся" теги, пример:
<br/>.
Несколько тегов для начального информирования.
<p> … </p>
текст внутри этого тега формирует параграф.
<div> … </div>
Этот тег представляет собой пустой контейнер, которому можно задавать определйнные правила, используя CSS. Тег
<div class="…">часто используется для придания определенных правил форматирования для группы параграфов.
<
h1> … </h1>(и заголовки меньшего уровня h2, h3, h4) Теги, используемые для заголовков. h1 рекомендуется использовать для названия всей книги.
Существуют специальные теги для обозначения полужирного шрифта
<b>
или
<strong>
, для курсива
<i>
или
<em>
.
Для начального этапа этих нескольких сведений вполне достаточно. Я уверен, что если появится интерес, читатель воспользуется поиском и прочитает чуть больше, чем описано экспресс-методом.
____________
Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.
Использование таблицы стилей в электронной книге ePub позволяет на всех страницах легко управлять внешним видом текста. Больше информации можно получить на сайте
Или же воспользуйтесь поиском (информации много и на русском языке).
Чтобы таблица стилей в книге "работала" – на каждой отдельной страничке книги должна быть ссылка на файл CSS. В папку Styles по нажатию правой кнопки добавьте заранее подготовленную таблицу стилей. Либо выделить мышкой папку Styles и нажать кнопку + (плюс) на панели программы (Ad Existing Files). Кстати, этим же способом добавляются файлы шрифтов в папку Fonts, файлы иллюстраций в папку Images.
Ниже приведен скриншот – в редакторе Sigil режим просмотра кода страницы.
Ссылка на таблицу стилей располагается вверху каждой страницы внутри блока
<head>.
В последней на данный момент версии редактора Sigil (точнее, начиная с версии 0.6.0) есть очень приятное нововведение: теперь не надо вручную вставлять ссылку на CSS в редакторе кода. В левом окне выделяется группа файлов, удерживая Shift. Далее правой кнопкой выбрать Link Stylesheets...(добавить ссылки на таблицу(ы) стилей). Поставить "галочку".
Пример таблицы стилей, которую использую я при издании книг (это вовсе не секрет). В верхней части между косым слэшем и звёздочками
/*….*/приводится несущественная информация, которая не влияет на отображение текста страницы (Вы можете спокойно выбросить этот текст). Там же можно записывать комментарии, которые могут Вам пригодиться. Должен заметить, что в CSS значима каждая фигурная скобка, каждая точка с запятой. Как записан CSS (каждый стиль записывать в одну линию, или как представлено ниже) – не имеет принципиального значения.
================
/*[(cc) docking the mad dog, Modify if needed]*/
body
{
font-family: LiberationSerif-Regular, serif;
margin-left: 2%;
margin-right: 2%;
line-height: 120%;
text-align: left; /* Text alignment is still a matter of debate. Feel free to change to text-align: justify; */
color: #000000; /*black*/
}
h1
{