У так званому розділі Мережеві Бібліотеки йде затята гонитва за кількістю, дивні ентузіасти викачують з торентів книги гігабайтами (простий здоровий глузд підказує, що прочитати стільки неможливо, та й не потрібно).
"План по валу" і "вал за планом" - Вам нічого не нагадує?
Ах, так, картинка праворуч
(Пухнастик, ми-ми-ми) -
наочна ілюстрація того, що візуальна інформація кидається в очі набагато швидше, ніж текстова. Але про це трохи нижче.
Перше, з чим стикається потенційний читач в Інтернеті - це обкладинка електронної книги на сайті бібліотеки, видавництва або магазину. Перше враження вкрай важливо. Обкладинка повинна "зачепити", привернути увагу, так як візуальна інформація і сприймається, і спрацьовує раніше текстової (це придумав не я, так вийшло).
Отже, Обкладинка повинна бути в першому файлі html в книзі ePub (і там не повинно бути нічого, крім зображення обкладинки). Файл обкладинки повинен бути підготовлений заздалегідь і поміщений в папку Images.
Додаємо обкладинку в перший файл книги (на скріншоті кнопка Insert Images. З версії 0.7.0 вона називається Insert Files).
Відразу повинен сказати, що цих дій явно недостатньо, тому що виходить поки ось що:
Подивимося, що ж в коді сторінки:
При таких умовах або треба зменшувати обкладинку до якихось усереднених розмірів гіпотетичного "рідера", або зробити так, щоб обкладинка масштабувати по ширині екрану.
У таблиці стилів CSS повинні бути такі записи:
Запис oeb-column-number: 1; означає команду відображати вміст сторінки в одну колонку. Сторінка з обкладинкою - єдина, де дописується додатковий стиль в head, крім підключеного таблиці CSS. Даний стиль має пріоритет (the style will override the default style) і обкладинка буде відображатися без відступів від краю екрану (наскільки це можливо, зі збереженням пропорцій зображення).
div.coverpage
text-align: center;
page-break-after: always;
>
img.coverimage
max-width: 100%;
max-height: 100%;
vertical-align: text-top;
margin-bottom: .5em! important;
padding: 0;
>
Окремий CSS підключити до сторінки з обкладинкою. Чому це доцільно? Нещодавно скачав і встановив нову версію Adobe Digital Editions 3.0 - в ній саме окремий CSS демонструє обкладинку великого розміру, вписану в вікно програми. Тому, цей спосіб вважаю рекомендованим, спасибі Ігорю.
Тема обкладинки електронної книги вважається складною ще й тому, що розміри і дозвіл екранів різних пристроїв дуже різні. Ось невелика таблиця (в ній не згадані найсучасніші девайси)
iPad Mini 4 (7,9 ") 2048 × 1536 px
У коді буде ось такий запис (приклад):
Я постарався провести демонстрацію в повільному темпі, на цей раз без фонової музики.
= Вбудовування обкладинки в fb2 (коротко)
Іноді, при конвертації з ePub в fb2 трапляється "підрізання" висоти обкладинки (я стикався). Відповідно, бажано провести правку.
У FB Editor: Меню - Вставка - Прикріпити (і вказати файл обкладинки на комп'ютері)
Перейти в редагування Метаданих (кнопка D)
Вказати як обкладинки новий файл. Стару обкладинку бажано видалити.
