相对于Emedit、Calibre、DOCXinput这些软件来说，用Jutoh来制作电子书更直观、操作更简便，而且Jutoh对Word文档的识别度非常高，配合Word进行排版制作，可以在不需要对HTML和CSS以及Epub规范深入了解的基础上，就可以制作出排版精美的多字体、图文混排电子书。此外，Jutoh生成的代码非常规范，也非常便于后期再加工以及排版样式替换。

为了让更多喜欢电子书制作，而又不想在HTML、CSS、Epub规范方面投入太多时间的朋友，能够以最简便的方式完成电子书的制作，JinE-精益制作组特别针对Jutoh软件，进行了汉化，并制作了一个示例的样式，同时制作了配套的Word模板。

阅读全文 4 个评论

多看电子书规范扩展开放计划（20130820第一弹）

作者：精益制作组发表时间：2013 年 8 月 20 日所属分类：制作技巧

一、全屏插图页
全屏插图页扩展在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标签内；

（本文引自多看阅读-小米官方论坛）

阅读全文没有评论

12 »Last