Jutoh作书三部曲之三“Sigil精细调整Epub”
此文是 Jutoh 作书三部曲的第三部分。
第一部分见:Jutoh作书三部曲之一“Word 模板的使用”
第二部分见:Jutoh作书三部曲之二“Jutoh 制作电子书流程”
sigil的安装与使用请自行学习,以下只针对技巧进行解说
此文是 Jutoh 作书三部曲的第三部分。
第一部分见:Jutoh作书三部曲之一“Word 模板的使用”
第二部分见:Jutoh作书三部曲之二“Jutoh 制作电子书流程”
sigil的安装与使用请自行学习,以下只针对技巧进行解说
此文是 Jutoh 作书三部曲的第二部分。
第一部分见:Jutoh作书三部曲之一“Word 模板的使用”
第三部分见:Jutoh作书三部曲之三“Sigil精细调整EPUB”
0 本教程的宗旨是让对这个软件界面、流程不熟悉的朋友大致了解一下,不涉及高级操作(对应源文档的排版整理、后期CSS样式的调整等),仅供有一定背景知识的朋友们参考。
此文是《Jutoh作书三部曲》的第一部分。
第二部分见:Jutoh作书三部曲之二“Jutoh制作电子书流程”
第三部分见:Jutoh作书三部曲之三“Sigil精细调整EPUB”
之前写过一篇 Jutoh 制作电子书入门,里面提到 Word 文档一定要「规范」。很多朋友问我到底那样算是规范呢?我们今天就来说说。
Jutoh是Anthemion软件公司开发的一款制作电子书籍的软件,可以制作Epub、Mobi、ODT、TXT、HTB、MP3、HTML等多种格式的电子书。
相对于Emedit、Calibre、DOCXinput这些软件来说,用Jutoh来制作电子书更直观、操作更简便,而且Jutoh对Word文档的识别度非常高,配合Word进行排版制作,可以在不需要对HTML和CSS以及Epub规范深入了解的基础上,就可以制作出排版精美的多字体、图文混排电子书。此外,Jutoh生成的代码非常规范,也非常便于后期再加工以及排版样式替换。
为了让更多喜欢电子书制作,而又不想在HTML、CSS、Epub规范方面投入太多时间的朋友,能够以最简便的方式完成电子书的制作,JinE-精益制作组特别针对Jutoh软件,进行了汉化,并制作了一个示例的样式,同时制作了配套的Word模板。
一、全屏插图页
全屏插图页扩展在ePub文件的opf文件中的spine节点下,spine节点定义了ePub文件中文章出现的顺序,每一个itemref项为一章,我们扩展一个properties属性值duokan-page-fullscreen,示例如下:
<spine> <itemref idref="chapter100" properties="duokan-page-fullscreen"> …… </spine>
这样id为“chapter100”的章就会按全屏插图页逻辑处理,而相应的html内容应如下所示:
<?xml version="1.0" encoding="utf-8"standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="../Styles/stylesheet.css"rel="stylesheet" type="text/css" /> </head> <body> <p><img src="../Images/sanguoyanyi.png"/></p> </body> </html>
注意,html中应只含有一个img,不需要设置任何样式,程序会自动将图片撑满展示。
二、富文本脚注
用户可以通过单击文内脚注的图标,弹出显示脚注内容的窗口。文内注可以支持复杂的内容描述,比如多段落,带有样式的文本等等,具体描述如下:
在需要插入注的位置插入如下代码:
<a class="duokan-footnote"href="#df-1"><img src=" images/note.png"/></a>
在文章的末尾插入如下代码:
<ol class="duokan-footnote-content"> <li class="duokan-footnote-item"id="df-1"><p>这是一个注释文本。</p></li> </ol>
注和内容之间使用id链接,通过这样的扩展方式,可以将整个章节的所有文内注内容集中在一个有序列表中,这部分内容不会直接在页面上渲染出来,而是通过应用层的交互来呈现。
三、交互图
对于交互图,应用层会响应点击放大操作,提供额外的交互体验,具体扩展如下所示:
<div class="duokan-image-single"> <img src="images/tree.png"alt="" /> <p class="duokan-image-maintitle">主标题:大自然</p> <p class="duokan-image-subtitle">副标题:森林中的树</p> </div>
为了保证点击放大之后的图像呈现效果,采用交互模式的图像数据应该保证足够的分辨率。
注意:
1. 主标题和副标题可以不出现;
2. 主标题和副标题可以在img之前出现;
3. 交互图不可以嵌套出现。
首次制作多看版图书时,不注意就会发生的悲剧:
1. 图像路径大小写不匹配,导致图像各种不出现,请注意epub规范大小写敏感哦;
2. 富文本注内容使用ul标签,导致注点击无反应,更甚可能死机哦,请注意注内容应该放置在ol标签内;
(本文引自多看阅读-小米官方论坛)