В описание изображения вставлена запись class="left-float"(это можно просмотреть в коде страницы, code view редактора Sigil).
Что из этого получилось рекомендуется просмотреть в разных программах и на разных ридерах. Картинка слева и текст справа отобразились у меня только в EpubReaderдля Firefox, в самом редакторе Sigil и в эталонной программе Azardiна большом ПК. На планшете (OS Android) CoolReader, FBReader, Moon + Reader, Mantano Ebook Reader Lite и другие программы отцентрировали рисунок и ниже отобразили текст. Отсюда можно сделать простой вывод, что усилия потрачены впустую. В файле PDF будет точное форматирование рисунка и текста.
-=-=-=-=-=-
Демонстрационный пример 2:отображение заголовков различного уровня (h1-h6). Ниже будут приведены образцы заголовков и в разных программах просмотра можно протестировать способность точно выполнять правила, прописанные в таблице стилей CSS.
Заголовок 1 (font-size: 1.56em)
Заголовок 2 (font-size: 1.40em)
Заголовок 3 (font-size: 1.20em)
Заголовок 4 (font-size: 1.22em)
Заголовок 5 (font-size: 18px)
Заголовок 6 (font-size: 18px)
________________
Обычный текст (без отступа от левого края – text-indent: 0;).
Я встречал медиаридеры, которые отображали только заголовки h1-h4. Как будет показан цвет заголовка, если программа чтения в ридере поддерживает CSS частично или напрочь игнорирует? Скорее всего, зелёный цвет станет серым или чёрным. Если же в настройках выбран фон серого цвета, то читатель может вовсе ничего не увидеть. Ну и не будем забывать о ридерах e-ink, которые показывают 8-16 оттенков серого цвета.
(Текст с отступом 1em). Ранее я собирал тестовый файл ePub с примерами различного форматирования текста и графики. Далее просматривал файл в разных программах чтения и на разных устройствах. Это очень наглядно, попутно я убедился, что указание размера шрифтов (и отступов, полей) желательно прописывать в CSS в em, а не в пикселях px. Кстати, при генерации Оглавления необходимо снять "галочки" напротив заголовков, которые в Оглавление включать не надо. И ещё раз я рекомендую просмотреть код данной странички в редакторе Sigil.
(Текст с отступом 2em). Да, 17.02.2013 вышла новая версия Sigil 0.7.0, в которой есть определённые изменения, которые в данном руководстве не описаны. Clips можно открыть на отдельной панели, вставлять их стало удобнее. Появился режим Preview (предпросмотр, F10) и можно видеть не только просмотр и редактирование кода, но и мгновенные изменения вида текста на отдельной панели справа.
Увеличенный текст с использованием тега <big> </big>.
Увеличенный текст с использованием тега <big> </big> дважды.
Полужирный текст (Bold)и текст курсивом (Italic).
Выделение текста другим цветом (Navy) (это увидят не на всех устройствах, и невозможно увидеть в fb2).
Примеры символов: « » § ¶ † & < > © ® ™ → • ° − ÷ ± × ¼ ½ ¾ £ € Ω ∞ (напечатано примерно 25 знаков).
Демонстрация встраивания иллюстраций.
( Примечание: Эта демонстрация наглядна только в книге формата ePub. В файле pdf изображения будут выглядеть точно так, как намечено.)
Для примера взят файл png 150×150pxс QR-кодом – (закодирована ссылка на страничку с информацией об этом Руководстве).
Первый пример: img внутри тега параграфа <p>(в норме изображение должно быть у левого края страницы).
Второй пример: тот же файл заключен в контейнер <div>(изображение по центру).
Файл png 350×288pxвнутри тега параграфа:
Тот же файл внутри контейнера <div> (по центру страницы):
Если читатель последует моему совету и "погоняет" данный файл руководства в разных программах чтения на ПК, на планшете, смартфоне, различных ридерах, в портретной и альбомной ориентации, то станет чуть понятнее смысл этих примеров. Вы увидите, насколько точно программа чтения следует первоначальному замыслу при вёрстке.
Из комментариев рецензентов
"Сиськами трактат не испортить…" (Вадим Фомин)
"Если в книге встречаются стилистические огрехи, значит, мало над ней работал…" (Борис Рубежов)
К странице Содержания
-=***=-
Приложение 2: FAQ и словарь терминов
Частые вопросы от авторов по электронной книге
В.: – Я просматривал готовую электронную книгу на компьютере в программе CoolReader. Почему после некоторых стихов появляются пустые страницы?
О.: – При сборке электронной книги пустые страницы не используются, Но в определённых программах просмотра (на компьютере или на ридере) иногда такая ситуация видна читателю.
Допустим, автор написал стих из 5 катренов. Вверху страницы располагается Название стихотворения (чуть более крупным шрифтом – Заголовок 2-го уровня должен визуально отличаться от основного текста). После Названия вставляется "пустая строка" – текст стихотворения не должен "прилипать" к заголовку. После основного текста автор иногда ставит Дату написания. После даты снова вставляется "пустая строка", чтобы дата не "прилипла" к краю дисплея, это эстетически правильно, визуально дата воспринимается лучше.
Допустим, при определенных размерах экрана на одну страницу помещается 22 строчки (считаются и пустые строки). Но, это при стандартном размере шрифта 12. Если в программе чтения шрифт увеличить до 14 или больше – при фиксированной высоте экрана на одну страничку поместится уже не 22, а 17-18 строчек, остальные плавно "переместятся" на следующую страницу.
Электронная книга форматируется по определённому стандарту. Ни автор, ни издатель не знают, на каком устройстве и какой программой книгу будут читать, хорошее зрение у читателя или он с комфортом читает только увеличенный шрифт.
Вернемся к пустым страницам. При стандартном размере шрифта – на весь текст, заглавие, пробелы и т.д. ушли те самые 22 строки стандартной величины (повторю – цифра 22 – условная). И получилась ситуация, когда последняя строка (или дата стихотворения) заняли последнюю нижнюю строчку. После была вставлена стандартная "пустая строка", которая плавно "переехала" на другую страничку. Программа чтения отобразила эту "пустую строку" – читатель видит – чистую страничку. Это не ошибка. На дисплее компьютера можно мышкой уменьшить или увеличить размер окна чтения, можно увеличить или уменьшить размер шрифта – и ПУСТАЯ СТРАНИЦА исчезнет. (В последних версиях издаваемых книг я стараюсь не вставлять пустую строку в конце стихотворения или главы. Но, повторюсь, экраны разных ридеров отличаются и при различных установках величины шрифта даже в этом случае пустые странички появляться могут, т.к. в стиле параграфа указано значение отступа от нижнего края текста 0,2em, чтобы строчки на экране не слипались нижняя с верхней. Пусть это не смущает.)