Книга в формате epub! Изображения и текст могут не отображаться!
Короткое описание содержимого книги. Делается более мелким шрифтом по отношению к основному тексту.
Пример:
Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации. Текст аннотации.
В технических книгах врезка чаще всего делится на три вида (каждый вид я снабдил соответствующей иконкой):
В шаблон включены все три иконки. Ненужные потом удляю.
Я сделал врезку серого и белого стиля, аналогично как и представление исходного кода.
Пример:
🖎📄🖐
Текст рецепта
Другой вариант врезки:
Пример:
Тема
Заголовок
Абзац 1.
Абзац 2.
Пример:
Вот так выглядит в книге текст представляет собой эпиграф. Он форматируется по правому краю и выполняется шрифтом курсив.
Автор Эпиграфа
Заголовки уровней 1 и 2 при оформлении исользуют виньетки. Заголовки уровней 3, 4, 5, 6 выровнены по левому краю.
Код формирующий заголовки 1 и второго уровней идентичны.
Примеры:
Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.
Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.
Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.
Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.
Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.
Текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги, текст абзаца книги.
Я часто сам форматирую книги, которые скачиваю из паутины. В той же паутине много статей о создании css шаблонов. Но они представляют собой общие слова о том как лучше делать и не несут никакой практически полезной информации.
Так же в интернете можно найти с десяток различных css шаблонов. Без методики и примеров использовать их равнозначно созданию своего собственного css.
Можно взять так же структуру от какой нибудь книги. Но и этот путь не очень хороший, поскольку по трудоемкости аналогичен предыдущему способу.
В процессе поготовки книг я прошел по всем трём дорожкам и в итоге создал свой css шаблон, который с небольшими изменениями использую во всех книгах.
В тексте при описании элементов и их форматирования сначала будет код, вставляемый в html секцию, а затем пример, показывающий, как это смотрится в книге.
В общем целью было - создать лаконичную инструкцию, как использовать css-шаблон.
frontispiece (Фронтиспис)
Страница с изображением (например, портретом автора), находится между форзацем и титульным листом.
Я выношу сноски в отдельную секцию "notes.xhtml".
Область для перехода в "note" делаю достаточно большой, для уверенного попадания в нее.
Картинка и пример ниже иллюстрируют переходы по ссылке и возврат обратно.
Пример:
Trailer_title_page Концевой титульный лист.
Последняя страница издания с его выпускными данными.
fly-leaf (Форзац)
Лист бумаги, одной стороной приклеиваемый к внутренней стороне переплётной крышки, а другой - к первому листу. Соединяет книжный блок с переплётной крышкой.
Этот раздел бумажной книги не содержит никаких отображаемых элементов. В электронном варианте не используется.
Cover (обложка)
Код обложки формируется автоматически в программе Sigil. Для этого нужно просто выбрать Сервис ⏵ Добавить обложку. Далее выбираем картинку и в текст книги будет вставлен html код формирующий вид обложки.
Код генерируется автоматически, поэтому приводить его не буду.
Пример:
* * *
Над омраченным Петроградом
Осенний ветер тучи гнал,
Дышало небо влажным хладом,
Нева шумела. Бился вал
О пристань набережной стройной,
Как челобитчик беспокойный
Об дверь судейской. Дождь в окно
Стучал печально. Уж темно
Всё становилось. В это время
Иван Езерский, мой сосед,
Вошел в свой тесный кабинет…
Однако ж род его, и племя,
И чин, и службу, и года
Вам знать нехудо, господа.
В css определены 3 размера картинок: 95%, 50% и 30% от размера страницы по ширине.
Картинки встраиваются в книгу с помощью следующего кода.
Примеры:
К сожалению в Sigil нет визуального инструмента создания и редактирования таблиц. Поэтому разметка таблицы производится на языке html. В css есть шаблоны для создания таблиц. Если необходимо изменить представление таблиц, то придется менять соответствующие элементы css файла.
Ниже представлен html код и вид таблицы, который он генерит:
Пример:
Таблица 1. Пример таблицы в книге.
По умолчанию для PPP | 1500 |
PPP (с небольшой задержкой) | 296 |
SLIP | 1006 (исходное ограничение) |
X.25 | 1600 (отличается для некоторых сетей) |
Первый параграф буллета использует класс list-1l, в котором подавлен перевод строки. Все последующие параграфы текущего булета должны использовать класс list.
Пример:
Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка:
пункт 1;
пункт 1, параграф 2;
пункт 2;
пункт 3;
пункт 4.
Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка.:
Первый параграф буллета использует класс list-1l, в котором подавлен перевод строки. Все последующие параграфы текущего булета должны использовать класс list.
Пример:
Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка. Абзац текста до списка:
пункт 1;
пункт 1, параграф 2;
пункт 2;
пункт 3;
пункт 4.
Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка. Абзац текста после списка.:
title_page (Титульный лист)
Начальный лист книги, на котором размещены основные выходные данные: название, автор, издательство и т.д.
В общем случае блок кода состоит из двух областей: заголовка и собственно кода.
Для оформления исходного кода в тексте книги я использую две формы: белую и серую. Код для вставки одинаков, отличается только именем класса:
Для получения такого вида используется следующий html код:
--
Важнейшим направлением стандартизации в области вычислительных сетей является стандартизация коммуникационных протоколов. Наиболее известными стандартными стеками протоколов являются: OSI, TCP/IP, IPX/SPX, NetBIOS/SMB, DECnet, SNA (не все из них применяются сегодня на практике).
Абзац оформляется простыми тегами <p></p>. Для того чтобы выделить текст используются различные теги.
Например эта часть предложения выделена жирным.
Эта часть часть предложения выделена курсивом.
Эта часть предложения подчеркнута.
Эта часть предложения зачеркнута.
Nachsatz Нахзац
То же, что форзац, только в конце книги. Скрепляет книжный блок с задней стороной переплётной крышки.
Этот раздел бумажной книги не содержит никаких отображаемых элементов.
Пример:
Для вывода лкна терминала в светлых тонах используется класс term-light. Кроме того, можно не выводить окно-декоратор.
В шаблоне есть еще с десяток классов, такие как выделение ключевого слова, центрирование текста и многое другое.
Использование этих элементов - это вопрос легкости манипулирования шаблонами css. Чем больше книжек вы отформатируете , тем легче вам будет их использовать.
Надеюсь эта короткая инструкция поможет вам в форматировании книжек.
И да, чуть не забыл.
Сам шаблон можно взять из git репозитория.
Кроме шаблона, там же лежат шрифты, и стандартные картинки, которые я использую при форматировании книги.
Ну, вот и все.
Удачи, в создании книг.
Последние комментарии
23 минут 44 секунд назад
27 минут 34 секунд назад
27 минут 2 секунд назад
36 минут 51 секунд назад
39 минут 24 секунд назад
49 минут 36 секунд назад