Воскресенье, 19.11.2017, 02:29
Приветствую Вас Гость | RSS
Меню сайта

Категории раздела
Для авторов [13]
Мастер-класс [19]

Наш опрос
Оцените мой сайт
Всего ответов: 205

Twitter

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Социальные сети

Программы для чтения epub

Главная » Статьи » Статьи » Мастер-класс

Редактирование ePub в Sigil. Clips (фрагменты кода), CSS.

дежа вю

Если вы читаете не первую статью на нашем сайте, то могли заметить, что я являюсь сторонником ("Партии умеренного прогресса в рамках закона" / зачёркнуто/, "я есть энтомолог! Следую на Cуматру в поисках бабочек!" /зачёркнуто/) "чистого кода" в файлах ePub.
 
 
Термин "чистый код" применительно к книгам ePub определить очень легко при просмотре страничек книги в редакторе Sigil (режим code-view). Достаточно сравнить вид кода после ручной сборки файла (пример 1) и после конвертера Calibre (пример 2).
 
 
 
 
Скриншот 01: в коде страницы использованы теги h2, h3, p.
 
 
 
 
Скриншот 02:  Та же страница текста, которая получилась после конвертера Calibre.
 
Если вручную пытаться редактировать файл каскадных таблиц стилей (CSS) или код на самой страничке, то появляется понимание, что class="calibre1", class="calibre7", class="calibre9" практически ничего не говорят своим названием.
  Перечитав сообщения на форумах и ряд статей по форматированию ePub, удалось усвоить ряд рекомендаций: код должен быть простым и понятным, применение inline-style (стиль параграфа или заголовка описывается прямо в коде страницы) нежелательно. 
Пример inline-style:
 
<body bgcolor="#FFFFFF" text="#000000" link="#000080" vlink="#505050" alink="#FF0000" marginheight="5" marginwidth="5" topmargin="5" leftmargin="5">
 

Правильный подход – использовать возможности таблицы CSS, где и должны быть все необходимые описания (правила) вида форматирования текста. О CSS уже была публикация на нашем сайте (ссылка http://goo.gl/yF8la ).

Там же был прикреплён пример таблицы стилей. 

Кратко о клипах проговаривалось в публикации Tips & Tricks – мелкие советы и хитрости формата ePub ( ссылка ), но в потоке информации важная тема может несколько потеряться.

Теперь о понятии Clips.

Clipsклипы, фрагменты, (хотя, термин "клочки настриженной шерсти" мне тоже нравится). В редакторе Sigil встроена возможность сохранять какие-то отрывки текста (фрагменты), которыми вы часто пользуетесь, чтобы быстро вставить этот фрагмент или термин одним нажатием кнопки. Клип может использоваться для вставки тега HTML (применить стиль, вставив нужный тег с двух сторон выделенного текста). Например, я при написании текста часто повторяю название программы редактора Sigil. Если внести это слово в клип, то не надо будет каждый раз набирать 5 букв на клавиатуре, когда требуется это название.

В разделе меню Tools (Инструменты) можно вызвать настройку этой функции (на клавиатуре Ctr+Alt+C). Это Редактор Клипов. Если бы я научился пользоваться этой штукой раньше, скорость правки кода повысилась бы в несколько раз!

Итак, в этом меню представлены элементы кода, которые можно быстро применить к выделенному фрагменту текста. 

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

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

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/>

примеры клипов

Запись \1 внутри, между открывающим и закрывающим тегами  обозначает любой текст.

Клипы рекомендуется создавать «под себя», в соответствии со своими привычками, при условии, что используется CSS с понятными вам чёткими записями.

Допустим, какой-то вид форматирования (класс тега) надо экспортировать в Клип. 

<p class="center">-=*=-</p>

 

Начальный текст выделить и правым кликом вызвать меню, выбрать Add to Clips.

Далее запись редактируется в двух полях таблицы – Name и Text. У себя я назвал клип center, использую для замены только начального тега <p>.

Замеченная мной особенность: если вставлять какой-то клип в режиме book-view, то при просмотре кода вставляются обозначения неразрывного пробела до и после тега.

<p>В данном&nbsp;<strong>разделе</strong>&nbsp;обычно размещается текст.</p>

С учётом этого вставлять клипы я предпочитаю в режиме просмотра кода.

Использование Clips описано в руководстве Sigil, но кто эти руководства читает?

Ссылка: http://web.sigil.googlecode.com/git/files/OEBPS/Text/clips.html

17.02.2013 обновилась версия Sigil до v.0.7.0. Одно из нововведений – теперь Clips можно открыть в виде окна и стало удобнее вставлять нужный клип в код странички.

Еще особенность: клипы, которые в Редакторе Клипов располагаются в верхней части – автоматически выносятся в отдельную панель Clip Bar.

 

Настройка того, что отображается на панели инструментов Sigil – по правому клику мышкой. На скриншоте я подсветил панель и пункт меню жёлтым цветом.

Клипы можно создать из всех пунктов, включенных в таблицу CSS (это мне в голову не приходило) или импортировать из внешнего файла ini.

В редакторе Клипов все настройки и созданные клипы можно Экспортировать в отдельный файл и использовать, например, на втором компьютере. (Там, соответственно, файл можно "импортировать".)

 

Правой кнопкой в Редакторе Клипов вызвать меню:

При просмотре в Notepad++ файл sigil_clip.ini выглядит достаточно просто:

1\Name=blank

1\Text="<p>&nbsp;</p>"

2\Name=\x442\x438\x440\x435

2\Text=\x2013

3\Name=strong

3\Text=<strong>\\1</strong>

4\Name=italic

 

4\Text=<em>\\1</em> и т. д.

 

Пользователю совсем необязательно осваивать и использовать все функции Sigil, но Clips – это крайне удобно и экономит время.

В очередной версии 0.7.4, к сожалению, есть нововведение: символ неразрывного пробела &nbsp; автоматически заменяется на цифровое обозначение &#160 и происходит это при переключениях с book-view на code-view и обратно.

(Use numeric entity for non-breaking spaces (nbsp) instead of named entity.).

Это мне неудобно, я пользуюсь версией Sigil 0.7.3

В настройках программы использую параметры исправления (чистки кода) Pretty Print Tidy.

 

Дело в том, что во многих ранних изданиях для вставки пустой строки я использовал так называемый «трюк» <p>&nbsp;</p>

И когда в редакторе неразрывный пробел заменялся на номерное обозначение, ряд программ чтения это игнорировал (CoolReader 3).

Один из методов решения этой мелкой проблемы: в CSS сделана запись:

p.empty-line

{

height: 1em;

margin: 0px;

}

Для вставки пустой строки на странице используется:

<p class="empty-line">&nbsp;</p>

автор

Last update 31.01.2014

 

Оглавление публикаций

 

Короткая ссылка на данную страницу: http://goo.gl/oqPFzp

Эта же статья в формате PDF (612 Kb, 140x190 mm, 15c)

В формате ePub (937 Kb)

 

Категория: Мастер-класс | Добавил: docking_the_mad_dog (30.01.2014)
Просмотров: 2791 | Комментарии: 2 | Теги: Sigil, ePub formatting | Рейтинг: 0.0/0
Всего комментариев: 2
1  
Мне вот интересно, Вы JavaScript не пробовали применять в ePub?

2  
В стандарте ePub 2.0 javascripts не используются (не поддерживается). В стандарте версии 3.0 это возможно в книгах т.н. enhanced ePub с фиксированной вёрсткой (формат исходно под iPad). Уже читал мнения, что ePub 3.0 -- эээ, "тупиковая" версия эволюции (т.е. рассчитана на устройство только одного производителя). ))

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту

Мы в соцсетях
facebook twittwer youtubeподпискаПодпишитесь на рассылку

Друзья сайта
МЕГАЛИТ. Евразийский журнальный портал.
Электронный журнал «Точка ZRения»
 Book on the Move – независимые издатели электронных книг
 Материалы для самостоятельного изучения английского языка:словари, видеоуроки, книги,программы Ирина Бебнева на сервере Стихи.ру Читать Book on the Move


Новости сайта
[16.12.2016]
[Современная поэзия]
Яков Рабинер. Мой Сатирикон
(0)
[10.07.2016]
[Современная проза]
Яков Рабинер. Бодлер
(0)
[05.05.2016]
[Современная поэзия]
Яков Рабинер. Глубокая провинция души
(0)
[07.02.2016]
[Современная поэзия]
Яков Рабинер. Фрески.
(0)
[26.12.2015]
[Docking the Mad Dog представляет]
Иван Храмовник - Коварство и кавай
(0)
[06.12.2015]
[Современная поэзия]
Светлана Чернышова. От Японского до Эвксинского.+
(1)
[04.10.2015]
[Самиздат]
Наталья По. Я не знала еще...
(0)
[13.09.2015]
[Учебная литература]
Яков Рабинер. Крещендо
(0)
[24.05.2015]
[Современная проза]
Ангелина Злобина. Странная моя птица - 2-е издание
(0)
[10.05.2015]
[Учебная литература]
Якоа Рабинер. Пушкин и Лермонтов. Заметки на полях биографий
(0)



Поддержи проект
Книги для наших авторов мы создаем бесплатно. Однако вы можете поддержать проект, оказав ему некоторую материальную помощь.


Copyright Book on the Move © 2017Создать бесплатный сайт с uCoz