说白了,ePub就是一个把书籍内容包含在内的压缩包,解压后的文件一般包含CSS(样式表文件)、HTML(章节内容文件)、JPG(插图)、TFF(内嵌字体文件)。
得到了这三样至宝,就得学会怎样使用。一般来说,电子书的制作分一下几个流程:
常用的样式大致分三种:段落样式、字符样式(或者叫行内样式)、链接样式。
顾名思义,段落样式管这一段长什么样,字符样式只针对特定的字符,链接样式有点特别,你把它用在段落上就像段落样式,用在字符上就像字符样式。一般很少用链接样式,除了标题系列。
通过模板规范导入的文本后,你就得到了一个已经完成的Word文件,下面打开Jutoh,新建一个项目并导入这个Word文件。
通过Jutoh,你可以完成:
上一步中编译出来的ePub其实就已经可以供人阅读了,如果你对电子书有更高的要求,可以使用Sigil给电子书进行调整、增加富文本。
在content.opf里的下把需要全屏显示的页后面都加上“properties=”duokan-page-fullscreen”
style.css中使用text-indent来控制行首缩进text-indent:2em;的意思就是行首缩进2个字符
用margin控制段落间距
1.p{2margin-top:0.00em;3margin-bottom:0.00em;4margin-left:0.00em;5margin-right:0.00em;6}你还可以这样写:
.p{margin:0em0em0em0em;}其他比较常见的CSS代码这里举个例子:
用过Kindle的童鞋都知道,Kindle阅读电子书有个弹窗注释的功能,这个弹窗注释,就是富文本的一种。
由于注释一般需要上标,类似这样的一段文字:
后世将李白[1]和杜甫并成为“李杜”。
STEP1)所以需要在style.css中添加上这么一段代码:
.footnote{text-align:justify;text-indent:0em;line-height:110%;font-size:0.85em;font-family:"zw","宋体","明体","明朝",serif;}STEP2)然后在需要注释的地方插入如下代码:
绿色部分:规定紫色部分的样式
蓝色部分:跳转到另一个ID,ID的名称是"ref_footnotebookmark_end_1_1","#"是指向的意思。
紫色部分:显示的上标
STEP3)在章节的末尾插入如下代码
很遗憾的是,多看并不支持这种代码,它另有一种规范。
STEP1)在style.css中插入如下代码:
1/**DuokanExtentStart**/2supimg{3line-height:1.2;4width:1em;5height:1em;6margin:0;7padding:0em;8vertical-align:text-top;9}1011li.duokan-footnote-item{12font-family:"ht","微软雅黑","黑体","zw",sans-serif;13text-align:left;14font-size:small;15line-height:1.2;16padding:0px;17}18/**DuokanExtentEnd**/STEP2)注释需要一张15x15的图片代替上标显示,你可以使用这个也可以自己制作一张。
STEP3)在Sigil中将这个图片添加到Images文件夹内,命名为note.png