电子书制作图文教程2008版

来源:百度文库 编辑:神马文学网 时间:2024/04/28 18:16:28
网络上简单搜索了一下相关的资料,却没有发现自己比较中意的。或许是自己搜索的比较笼统吧?不过这已经不重要了。完全按照自己的思路去写一个教材,或许更加适合现在的制书氛围。以下是大概的提纲目录,除非是出现了意外,否则多半是按照目录写作的。
======================
目录
·前言
·制书前的准备工作
·采集需要的素材
·处理文本文字
·制作自己的E书模版
·用HP进行基础整理
·编译前的准备工作
·编译
======================
·制书前的准备工作
现在的制作E书的人群,大致可以简单分为二类:一类是机械式的制造;一类是创造性的制造。对于后者,我无话可说,无话可说是真正的无话可说。但是对于前者,如果你仅仅是利用刚刚会用的软件把大家制作的E书反编后打下自己的名号,其实除了名号之外,无论是格式、模版、功能都无一变化,这种类型的制造,我同样也无话可说。对于E书制作,我更希望的是创造性的制造,每一位制书者,都应该制作出自己的特色。
为了达到创造性的制作,也为了本教程中以后会用到的,你或许应该准备一下软件:
TextForever (文本处理)
EmEditor (文本处理)
HP3 (制书前期基础工作)
Photoshop或同类图像处理软件 (相关图形处理)
Dreamweaver (E书模版编制)
IconoMaker (EXEICO图标制作)
HugeChm (进行CHM打包处理)
eBook Pack Express (EXE打包处理,最新版本可支持IE7)
究竟什么是创造性的制作?首先,最好制作的书是别人还没有做过的,这点实际上有难度,对于经典的著作,做的人肯定多。而一些垃圾作品,我想也没有什么人愿意做,即使做了也很难做到认真。于是就有了下面一条。别人做过了,你就要比别人做的更好。如果别人是图文版的,你就要做文字版的;如果别人是文字版的,你就要做精校版的;如果别人是精校版的,你就要做美化版的;总之,永远要做出比上一个版本要有优秀的地方。如果仅是换个制作者名称,其他的文字,模版都一样的话,这样即使有一万个人做,又有什么意思呢?题外话:我创立的小容量概念已经有了初步的结果,网络上已经有人在使用这个概念,这是我比较欣慰的。
·采集需要的素材
这里提到的素材,大致分为三种:
第1种:文字。尽可能收集到最完整,最全面的文字,当前习惯趋势,喜欢文字版的比图文版的要多的多;
第2种:图片。如果没有全文字的话,剩下的章节只能依靠图片了。不过网络上的图片章节也有三六九等。采集的标准为,尽量是始发站的图片,这样最干净整洁,其次,按照水印的多寡来选择,存在最少干扰因素的图片优先考虑,背景透明的文字图片优先考虑;
第3种:模版。或许有人会问,不是已经有十几个模版可以用了吗?我是这样认为,如同电脑配件一样,公版的永远比不上加强版的。网络上的模版其实并不能适合每一本E书。所以,在条件允许的情况下,尽量为E书量身定做一个合适的模版是制作精美E书的必要条件。当然,这个工作是十分繁杂且需要一定技术的,但也是脱引而出的关键因素。
下面我以我正在制作《白鹿原》为例,开始一步一步,按照目录讲解。
一、采集文字:
《白鹿原》获得了获得1998年矛盾文学奖,其中关于历史环境的变迁,人物蜿蜒曲折的命运,适当的性爱描写,离奇的鬼神迷信传说,一经出市场就得到了市场的认可,一度一版再版。网络上也存在了大量的白鹿原小说的E书,寻找全本的TXT文件是相当容易的。
对于其他网络始发的小说,可到该网络直接提取公众的文字版。由于以后会使用到“排版脚本:中华太阳系联盟增强版”来修正文本格式,所以下载这些文本的时候,需要按照“排版脚本:中华太阳系联盟增强版”规定的方式下载TXT,如TXT下载版、全文阅读另存TXT、起点CHM反编译转存TXT等等,具体参见“排版脚本:中华太阳系联盟增强版”的格式说明要求。
二、采集图片:
传统小说、已出版的小说,或全文字的网络小说,这些是没有图文章节的。对于这些,我们需要的尽量获取到印刷书的“实体书封面”;而网络小说如果在始发站采集该书的封面;对于暂无封面的网络小说,需要按照大致内容,自己设计出一个小封面出来。为什么要强调封面,因为以后E书的基础生成都是在HP里面,按照HP的排版格式要求,我们需要封面图配合小说的内容简介来让大家快速的了解小说。
对于存在图文章节的网络小说,我们需要采集该小说的图文章节。采集标准上面已经略为提过,或大家参考我发在本论坛的另一文章“对于图片的处理,我是这样做的”。
三、采集模版:
为什么说采集模版而不是制作或设计?很简单,如果要我设计模版,那是要动脑筋的,而动脑筋要收人民币而不是E币。所以,我们就在网络上寻找寻找,看看有没有适合自己E书的网站页面,直接参照修改成自己的模版,那一切就轻松的多。除非是很认真很认真的制作一本书,否则,尽量使你的模版在区别其他人E书模版的前提下,尽可能的能够使用在你的多部E书里面。我相信很少有人会每部E书都定制一个模版,这样太费时间了。对于我制作E书的个把月时间里,把在起点模板的基础上,修改成微软首页模版提供给大多数网络小说使用。而对于穷爸爸富爸爸、神游鬼股人欲、兄弟连、鬼吹灯I、II等还是尽可能的按照各自的特别,分别给出独有的E书主界面。
说远了。《白鹿原》我解读为拥有历史沧桑感的感觉,所以我在网络上找了一个网站首页面作为《白鹿原》的模版修改基础。该网站为FLASH架构,没关系,照修。喜欢的可去http://www.tongli.net/china/nanyuanchashe/看看。具体修为己用的过程后面再详细说明。


·处理文本文字
本章需要用到以下工具软件。
======================
miniKillEBook (截取EXE书中的文字)
TextForever (整合大量TXT文件到一个TXT文件中、及HTML格式转换TXT格式、其他多种用途)
EmEditor (排版TXT文件达到最终要求)
排版脚本1016.jsee (排版脚本:中华太阳系联盟增强版,此脚本加载到EmEditor中)
======================
不同来源的TXT采用不同的处理手段,可由以下几个途径得到:
·通过miniKillEBook截取EXE格式的E书中的文字得到各章节TXT文件,再由TextForever整合各章节TXT文件到一个单一的TXT文件中得到全文本;
·通过TextForever转换HTM格式的E书得到各章节TXT文件,再由TextForever整合各章节TXT文件到一个单一的TXT文件中得到全文本;
·通过各网书始发站全文阅读另存得到单一的TXT文件全文本;
·通过各网书始发站直接下载TXT文件得到单一的TXT文件全文本;
·直接下载得到的TXT文件全文本(本教程中的例子《白鹿原》就属于此类);
无论哪种途径得到TXT文本后,最终都需要通过EmEditor来进行排版处理。有一种可能出现的情况,部分直接下载的TXT文件编码存在问题,虽然在排版中不会体现出来,但可能会在进行HP生成的时候遭遇错误。对于此类情况,需要将此TXT文件中的文字,通过复制粘贴到新建的TXT文件中即可得到解决。
1.前期处理:
为了适应HP的编译格式,不管从哪个途径得到的全文本文件都要排版成以下的格式。通过EmEditor调用“排版脚本1016.jsee”很容易就达到了以下的这种版式。

提醒:“排版脚本1016.jsee”有几十个不同项目都是通过正则表达式来协助自动排版的,大部分情况下够用了。用EmEditor打开排版脚本1016.jsee这个文件可直接观看正则表达式的书写规则,然后根据自己的需要,编写增加功能。
章节名称处理:究竟是使用如上图的卷章一行,还是使用卷章分行,这个一般看个人喜好。我个人推荐使用卷章一行,因为更容易在TXT把握具体位置。由于《白鹿原》不同于网络小说,它没有分卷,为了视觉上的美观,如上图所示章节名称“白鹿原 第01章”,白鹿原成为了卷名,它将会出现在“分卷阅读”前,如下图中的‘上图’效果。很多没有分卷的小说,大多采用“正文”章节名称的写法,于是变成下图中的‘中图’效果。如果制作的E书属于此类情况,建议修改成小说名称观感上会更好些。当E书分有几卷的时候,就可以把章节名称写成“第一卷 卷名演示 第01章”,就变成下图中的‘下图’效果了。

为了进一部优化TXT文本,我们需要把文本中的所有标点符号转换成全角符号,全角符号和中文单字一样占两个字节,这样从观感上更加漂亮些。当然如果是全英文E书的话,还是需要使用半角的英文符号。特别注意的是如果章节名称如“白鹿原 第01章 序言”,“序言”前如果为英文半角符号的时候,将可能会使HP编译的E书‘键盘翻页’功能或或者是‘分卷阅读’功能失效,出现一些不能预料的错误,这是软件的BUG。
一些细节上的考量:当一卷完毕的时候,请在本卷最后一章的最后一行跟上“(本卷完)”,当全书完后,请在最后一行跟上“(本书完)”
2.中期处理:
排版好最初的版式后,就开始校对文字了。不强求绝对的准确,但尽可能把出现错误的地方给修改过来。这些错误大致有两种,一种是作者本身的问题。在敲大量的文字,不可避免的会产生写错字,这是可以理解的。为了速度金钱或者作者本身素质不够造成的错误,如大量的标点符号使用错误、不少常用字如“地、的、得”的用法等等如此此类,多不胜数。第二种是网络手打的错误。这部分错误很多,严重些有些甚至错章漏段。校对本身的意义并不是要求文字本身达到可以出版的地步,实际上精力也不允许,做多最多的就是把错字掉字掉句掉段弥补修改过来,使得情节上完整便于理解。
还有一种需要特别单独列出说明的,就是手打本身加入的组织名称或姓名。这些从对对方的工作理解上看应该保留,但从保持故事完整性上应该删除。我本来想单独在书封页上增加这些名称,但实际上获取的文本途径来源太多,加太多了不美观,加部分对于全部又不公平,索性就全不加。比较反感的是一些肆意在段落中加自己说明的,记得在鬼吹灯2中,有一个四字的中文ID,把自己ID分成不同的组合,加在文字中,可是都被我给K掉了。网络嘛!打出来本身就是给人看的,大家都防不住,索性就不要防,否则看着看着,突然突兀的出现几个字,大煞风景。
3.后期处理:
主要文字段落都已经排好了,剩下的就是添加内容简单介绍了。对于介绍的文字,很不客气的说,不少网络小说自己的内容简介,或出于前期写作考虑不周全,或因广告宣传,大多都是狗屁不通,不知所谓。能够使用原始的内容简介自然最好,不能使用的只好在理解的基础上,自己写吧。
依然通过EmEditor,在TXT文本文件的最上面,增加内容简介。如下图:

内容简介的格式可以通过EmEditor中调用“排版脚本1016.jsee”填加,也可以自己按照上图显示的标准格式输入。至于字体字号等,将在后面的模版制作中讲述。
至此,这个TXT文本文件已经达到可以使用HP和公用模版编译成CHM的要求了。但是就本书来说,下面还要专门为它制作一个模版,模版制作中将讲述具体的背景、字体、字号等关键的控制阅读要素了。
4.命名文件:
这个时候你手头上应该拥有了一本小说的全文本TXT文件。为了对应HP的要求,我们把这个TXT文件取名为“白鹿原 作者:陈忠实.txt”,注意,白鹿原和作者:陈忠实之间是有一个空格的。这样取名字的意义在于,可以轻易的知道这是什么文件,关键的在于,当使用HP调入这个文件时,书名和作者名可以自动的添加在HP中。

5.后期美化:
美化的关键在于书目。当书的目录一大堆章节出来的时候,如果不进行修正,会感觉到很不美观。遗憾的是,E书地带的九成制作者都不注意这个问题(其它美化问题以后会陆续讲到)。如下图,你会认为哪个书目整齐些呢?

上面的章节数采用了中文数字,这样会造成长短不一,如“一百章”和“一百零一章”,而且比阿拉伯数字的章节数更占位置。大家看图知道,上面的两个E书目录都是在1024X768屏幕分辨率观看的效果,但目录的宽度却不一样。这是因为,上边的E书目录是规定了1024以下的分辨率目录宽度是变化的,这样的优点是无论是1024或800,目录都是充满屏幕宽度的,而再往上,宽度也维持在1024内。而下边的E书目录是定制了800x600分辨率,这种定制的好处在于照顾了虽然为数不多但仍有一定数量使用800分辨率的人群,而且不管你分辨率是多少,目录始终维持当前的状态。上边和下边的主要区别在于数目的整齐。由于1024的宽度始终有限,所以当一个如“一百二十三章 我们取的章节名称足够长”这样的长的章节时候,往往会出现断行,在800下这种显示更加突出。而下边的则避免了这种情况的产生,利用阿拉伯节省了位置,并定制住了显示效果不变化,以不变应万变。
(题外话:为适应多种屏幕分辨率的问题,在800x1024既15寸和17寸显示器大行其道的时候并不明显,所有的网站采用的无非是像素和百分比交互使用来尽可能的使不同分辨率的用户达到相同的最好的效果。但现在问题却变的复杂起来,市面上分辨率的种类太多了。究竟使用什么方法达到最好的显示效果,还没有行业定论。关于如何规定制作自己E书分辨率的问题,在下面的制作自己的模版在详细讲述。)
以上花了大量的文字讲解文字的处理,这是因为HP对于文字的格式有着自己的要求,我们必须制作出符合HP标准的文本格式以提供给HP做基础生成。本文的初衷并不是交给新手如何制作E书,所以没有一步一步演示说教点什么键,使用什么功能,如何下一步(看这些你可以去看论坛其他的入门教学)。当然新手也可以学习到不少有用的知识。如果你看不懂如何排版,那么去这里http://www.eshuzone.com/bbs/viewthread.php?tid=149347下载我制作的《楚氏春秋小容量太监版》,CHM包中含有排版完整的文本txt文件,无须修改可直接调入HP软件中编译E书,txt文件点击连接另存即可释开脱离CHM。你可以查看这个TXT文件的格式,相信对于有所启发。
不要认为E书制作有多难。实际上,如果你使用HP(HP中本已经包含有多种模版),我差不多计算了下时间。大概每半小时就可以处理一部文字全本小说,每天可以处理至少两部图文全本小说,而每部小说章节不会低于400章。制作出来的效果和论坛上大部分的E书一样。当然,文字是没时间校对的,图片只能简单处理(相对精致是指去除所有水印等复杂工作)。所以,制书其实是件简单的事情。
本来想讲讲图片章节的精处理的(精处理:包括去除所有水印和拼接一些中断的语句。)。不过……我沿袭的小容量一直都是全文本的,所以对于图片章节不大感兴趣。想想还是算了吧,或许以后再谈。
·制作自己的E书模板(一)
OK,不想那么多。虽然先前的讲解已经可以制作出E书了,不过我想给《白鹿原》单独制作一个特殊的模板。那现在就开始制作HP下提供给白鹿原的模板临了。还记得先前展示那两个“南园茶社”的效果图吧。本章节的内容就是把它变成模板。随便起个名字,叫“怀旧模板”。以后大凡一些老书都可以使用这个所谓的怀旧模板。
开始之前,有必要先研究下HP的使用特点。下载一个hP 3.0 Build 1020.rar。解开压缩包软件直接可以使用,西西,纯绿色软件。到template子目录下一看,已经有不少现成的模板,按目录一个一个放在那里呢!看来看去,哪个最顺眼?就起点中文吧!名字熟悉。恩,index目录中有不少文件。其实刨去那些gif图形文件,真正有用的就6个,分别是:
index.htm - 书目的索引文件,用于显示书目章节。
chapter.htm - 用于单章节阅读。
volume.htm - 用于分卷阅读。
readall.htm - 用于全本阅读。
cmfu.css - 用于定义以上文件中显示的字体字号及各种格式的。
bottom.js - 用于改变背景色,字号的。
随便又翻了翻其他模板,都是和它大同小异。看来,制作一个HP模板上面6个文件修修改改足够了。
先打开index.htm文件,当然是用文本处理软件看源代码。这是注意源代码中出现了一些‘{标题}’‘{书名}’‘作者:{作者}’等等用大括号包围的关键词,联想起HP中“设置”的种种条目,明白了吧。当你在HP输入一些关键词的时候,这些会被HP保存下来,当你使用HP“输出”以后,这些‘{标题}’‘{书名}’‘作者:{作者}’等会被实际输入的关键次给替代。所以,一个模板可以被N个E书所使用。好了,这个地方是关键,记住,当‘{书名}’这个关键词放在index.htm的什么地方,那HP输出后,E书的书名也会出现在什么地方。其他的也都一样。这就是HP的使用特点,明白了这一点,我们就可以开始制作HP模板了。

如上图,所以在模板文件相对应的地方,都可以在HP“设置”里面事先调整修改好。(后话:实际上我们在模板里调整会更好)
先把刚才看的都忘掉。我们开始对“index.htm - 书目的索引文件,用于显示书目章节。”下手了。由于这个是显示书目的,所以相对而言这个文件是最重要的。我们要把80%的精力放在这里。在这里没有那些乱七八糟的东东,标准只有一个,“一些为了舒服的显示效果”。
不管别人的书目页面显示的多么漂亮,其实都没那么复杂。我把它归纳只有为三个地方(三个表格?三个层面?找不到合适的词汇形容呀。)这个三个地方就是:
1.底层——用于定位。
2.效果层——用于显示舒服的界面。
3.书目层——用于显示书目。
这三个地方做完了,一个舒服的界面就产生了,很简单吧。好,三点多了,该睡觉了。下面我们将从1到3、从上到下、从浅到深、从实例走向模板、从南园茶社到白鹿原,逐渐的搭建这个怀旧模板。


仔细看看,是不是所有的E书模板都可以这样分呢?
·制作自己的E书模板(二)
1.开始前不得不说的分辨率
根据08年1月份我发的一个关于屏幕分辨率的调查,使用800x600分辨率大约为4.5%,使用1024x768分辨率为65.5%。其余为使用更大分辨率的用户。教程里所要制作的E书页面效果将沿用当前最普遍的标准,既800时页面为满屏、1024时左右会有边界。如果你真的在分辨率这个方面叫劲,那就做JS程序判断读者当前的分辨率(大概有10种以上),根据分辨率赋予不同CSS,这样可大致上可在各分辨率上尽可能的取得完美。不过测试过程可能使你都想撞墙了。
2.模板三个地方之底层
前面说过,底层的作用在于定位。定什么的位置?简单来说,就是定义效果层书目层的位置(书目层包含在效果层中)。
先打开任何一款可制作网页的,或任何一款处理文本的软件,实在没有拿系统自带的记事本也成,要求很简单吧(不过我还是使用DW,这样可以有效减少打字工作、拼写错误等等)。新建一个文件扩展名为HTM的空白TXT文件,保存为index.htm,并在文件里加入如下内容:

给上面的代码做出解释(汗,好简单也需要注释?没办法,要细致嘛!万事开头难,前面讲的多,后面才理解轻松)

上面的代码也表明了htm的一种最最最最最最普通、常见的嵌套格式,见下图。

必须要明白熟悉htm的嵌套,因为htm(做E书界面其实就是做网页)的基础本身就是凭借大量的表格嵌套(更高级的是层定位和DIV对象,大家不是做网站,我也就不说了)。以后都会使用大量的复杂的表格嵌套,下面的再给一个表格嵌套的样板,进行说明,见下图。

大家现在应该明白htm的表格嵌套是怎么一回事了吧!简单说,界面上表格中套表格,或表格中的某行某列套表格,在相应的代码中也是表格代码套表格代码。我们再看看这些代码是怎么的嵌套,如下图:

明白了htm的表格嵌套。我们现在要回到一开始的index.htm文件中,做一个一行一列的表格放在主体(body)中。如下图:

到此,模板底层已经搭建好了。加上为了便于大家观看的空行,才17行,超级简单吧?下面我们将开始美化这个底层,也将首次接触css。
3.美化底层
先前说过,底层的用处在于给效果层和书目层定位,使无论是什么分辨率的时候,书能够出现在屏幕的中心。但也不能因此放弃对底层的美化,简单的美化下底层,能使其更好的拖衬起书目。
上面我们已经建立了index.htm文件,下面我们再新建一个文件扩展名为CSS的空白TXT文件,命名为css.css,保存在与index.htm同目录下。记得index.htm文件中有这么一句“”,正因为有这一句,当使用浏览器打开index.htm的时候,css.css样式表文件就同时被加载运行了。
好,既然css.css样式表文件被加载运行了,我们就要在这个文件输入以下内容,见下图(我已经注解了):

上面的代码又出现了一个“bgt.jpg”的JPG图片,这是一个1X500像素的图片,内容是中间为灰色,向上下做黑色渐变。如果我们的底层打开是黑忽忽的一片会不好看,加上了一个渐变后会让界面活泼一点。为了减少容量和适应各种分辨率,所以图片宽度只有1像素,但代码已经要求它在水平中心,并且横向重复平铺,这样不管你的屏幕设定有多宽,它始终都能铺满。
(题外话:很多网站都是这样用的,比如微软的首页。这提供给你了一个方法,你也可以凭借自己的喜欢,让多个图片从不同位置平铺。当然,有些人喜欢用JS、CSS等纯代码进行颜色渐变。但实际上由于多种浏览器的使用,这种纯代码的渐变会遭遇到兼容性上的问题。当然这是网站制作上的,和E书并无太大关系。)
经过上面的“折腾”,你会发现,打开index.htm你会发现,它已经变成这个样子了。

同时,我再展示另一个上下渐变的效果。

到此,整个底层就算做好了。随后我们将开始效果层和书目层的制作。
最后,底层的渐变颜色并非一成不变的,应根据效果层的主颜调变化,以配合不同E书的不同效果。
4.模板三个地方之效果层
效果层是整个E书观感焦点最集中的地方,下面开始一步步开始。
首先,我们必须测量800X600时候E书的界面全屏大小,这样才能得到效果层究竟需要做多大。把屏幕分辨率修改为800x600,然后打开任何一个E书,然后最大化它。拍屏截图,粘贴截图到做图软件中测量。如下图:

这个780x545的是扣除了上面的标题栏、下面的任务栏,右边的滚动条的长宽取的实际数据,这个在800x600分辨绿下的E书有效显示面积尺寸在所有E书界面都是通用的。
有了这个数据,我们开始制作效果层。实际上效果层的面积应该略小于这个数据尺寸,毕竟要上下左右留有一定的边界嘛!
OK,经过了N长时间,我们将先前的“南园茶社”修改成了如下770x515像素的图片,依然保留了老和旧的风格,但一些物体的位置进行了移动,以配合E书版面的需要。(具体修图需要一定的图象处理技术,这里就不详细讲解了。),保存这个图片到与index.htm同目录下,取名为bg.jpg。

可能只看上图,大家感觉不出来先前说的移动,究竟变化在哪里?下面我标注上尺寸,大家可能更明白一些。这个尺寸用于后面的书目层的定位,非常的重要,切记。

好,现在打开index.htm,在其中的代码加入如下代码:

加入了代码,在用浏览器打开index.htm,发现E书模板已经初具有规模了。
1024分辨率下的效果,四周都显示出底层。

800分辨率下的效果,四周很少出现底层。

下面我们在建立一个3行3列的表格。表格的大小和上面的770x515像素bgt.jpg图片一样,外观和代码如下:

将这段代码(表格)嵌套在index.htm的代码中,如下图

就出现下图这样的情况。(实际上是下图中的线框是看不到的,我之所以放上是想让大家明白,这个表格为什么要做成这种尺寸3行3列的表格。)

根据这个线框分割的情况,我想大家应该知道这个三行三列表格的作用是什么了吧?对,就是为了放置书目以及页脚上一些说明用的。表格已经将相关内容出现的位置做了个划分。我们只要将相对应的代码放到对应的单元格里面就可以了。
我们先制作页脚上一些版权之类的说明,而制作书目放在后面。因为书目涉及到修改HP的一些JS,需要多点时间。在制作页脚说明之前,因为涉及到了文字,所以我们要先打开那个css.css文件增加些控制文字的内容,如下:

页脚的内容放在3行3列表格的第三行第二列,我们增加这些文字和代码中包含增加了一个图形(以后如果需要插入图形的可以参照这里)。如下图(我做了下排版,更有条理便于大家观看,实际上并不需要这样做)。

在把这一大段文字拷贝到index.htm相应的单元格前,我们需要先对单元格做个规定,很简单,代码如下:

插入代码,如下:

感觉很乱是不是,但实际显示效果却不错,如下:

好了,到这里页脚的版权等说明信息到此就算做完了。从上面的图片展示来看,页脚这些使用白色文字似乎在整个界面上太显眼了。不过先不着急修改,等一切都完成后,我们在从总体上感觉,然后把不舒服的地方修正就可以了。这样使用空白的超连接的方式显示一些需要说明的信息,优点是不用占多余的位置,大家也不用老看着它。最重要的是减少了视觉元素,使的版面不是那么混乱,更加简洁。
另告大家:
1.代码之所以不刊出而只是使用图形的原因是,论坛发贴会把某些代码吞掉,我又不能把 Discuz!代码 禁用,有些地方需要用到。所以你如果想要原代码的,等《白鹿原》做完后自己反编译得到吧。
2.贴中存在一些错字,等全部写完后,我再一并重修改。并制作成E书教程提供下载。你如果发现也可跟贴指出。
3.如果有什么没看懂的或想知道的更清楚的,问吧。我会在以后制作的E书教程里面增加,这里不回答的。
4.这个教程实际上也可算是网页设计的基础教程,如果你对网页设计赶兴趣的话,相信也可以了解不少。
5.突然有个想法,把图片中的几个热水瓶换成梅超风练九阴白骨爪的头颅,直接可以当成恐怖小说的模板了。
首先,提醒大家尤其是有些经验的E书制作者。下面还会出现一些使用CSS控制文字的情况,这样会形成一个CSS样式实际上只控制一处地方的样式,或只在一个HTM文件里出现。其实CSS样式的应用更多的应该体现在控制大量重复情况才使用的。之所以会出现杀鸡用牛刀的情况,是因为本人的习惯构建大型站点。习惯养成不容易改不是么?所以如果你对HTM有着一些了解的话,完全可以使用更简洁的代码实现。很多时候,同样的问题使用更简洁代码往往体现了制作者水平的高低。不过好在这不是做软件,只是处理二三个带有JS的HTM而已。本来想改的,不过已经写这么多了,就多包涵包涵吧。
上面讲到页脚的制作。现在开始书目层的制作。
记得刚开始我曾叫大家打开一个叫“起点中文”的模板中的index.htm观看,大家可能注意到其中包含了一段代码:以“”开头,以“”结束,如下图。(HP的模板包括两种读取书目的方法,一是使用先前提到的‘关键词’,一是使用上面刚提到的JS代码)

别动这段代码。先回到打开先前《白鹿原》的怀旧模板的index.htm文件,在里面先嵌套一个表格。如图:

好了,插入代码的准备工作已经完成了。但是在把JS代码插入前(如果你现在插入代码,会出错的。上面图片中有些代码要修改的。),我们先了解下这段代码。
这段代码的主要功能是判断page.js文件里面所做的一个数组(在使用HP输出后,输出的目录文件里可以看到page.js文件,文件里生成了一个数组,如下图)。作用是根据判断结果产生相应的简介、分卷和书目。因此,这段代码是产生书目层的关键。

下面,稍微简单的注解下,使得大家能够对这段代码有个大致的了解。

上面只是对大概需要用的地方做了一些简单的介绍。虽然说直接使用代码没有问题,但我的目的是使《白鹿原》的怀旧模板更漂亮一些,所以要做以下改变:
1. 定义内容简介、卷名、章节名的字体,字号;
2. 定义分卷阅读、章节名的超连接样式;
3. 定义各单元格的边距、行距等;
4. 《白鹿原》的章节名只有“第01章”,不长,所以更改原代码默认的4栏为5栏。
 
特别附送:E书制作教程一览【下载版】
电子书制作教学录像.rar (1.08 MB)
 
CHM格式电子书制作详解 作者:梁轩.rar (237.49 KB)
 
DesktopAuthor使用心得 作者:王谱欢.rar (218.58 KB)
 
e书制作相关文摘.rar (1.16 MB)
 
PDF电子书简要制作方法.rar (384.07 KB)
 
WebCompiler2000与电子书制作教程.rar (589.07 KB)
玩转电子书 作者:阡陌.rar (467.47 KB)
电子书制作入门 作者:子游.rar (1.05 MB)
 
电子书制作教学录像.rar (1.08 MB)
 
电子书是怎样炼成的 作者:不系之舟.rar (374.15 KB)
 
eBook Edit Pro 用户手册 v3[1][1].20.rar (366.87 KB)
 
电子书制作教程V1.0 作者:网络.rar (1.12 MB)
 
电子书制作软件、辅助工具、软件教程.rar (622.17 KB)
 
手把手教您制作电子图书.rar (667.64 KB)
 
电子书制作常用美工技巧.rar (13.75 MB)
 
类别:资料库 | |添加到搜藏 |分享到i贴吧 | 浏览(433) |评论 (1)
上一篇:【下载】暴力摩托 2008 完美汉化...    下一篇:【常用网盘介绍】及推荐使用软件
相关文章:
[书籍下载]手把手教你做知道电子...EXE电子书制作教程
Photoshop CS3完全自学教程电子...电子书制作软件大全及教程
PhotoShop CS3完全自学教程中文...ebook workshop v1.5电子书制作...
使用hp制作chm电子书的教程BIOS设置图解教程图文并茂讲解BI...
软件绿化教程(EXE格式电子书)【精】电子书的制作入门级教程
更多>>