推荐榜 短消息 big5 繁体中文 找回方式 手机版 广 广告招商 主页 VIP 手机版 VIP 界面风格 ? 帮助 我的 搜索 申请VIP
客服
打印

[教程] 电子书制作教程贴(转贴)

购买/设置 醒目高亮!点此感谢支持作者!本贴共获得感谢 X 21

电子书制作教程贴(转贴)

本文转自 E书地带 farlook


·前言

  想写点东西,却没有想好,一直到今天,想着闲着反正也是闲着,索性就利用这些空闲时间,整理下泡在E书地带的心得体会,引导下新的人群进入好好地做制作E书这份很有前途的职业去吧!
  网络上简单搜索了一下相关的资料,却没有发现自己比较中意的。或许是自己搜索的比较笼统吧?不过这已经不重要了。完全按照自己的思路去写一个教材,或许更加适合现在的制书氛围。以下是大概的提纲目录,除非是出现了意外,否则多半是按照目录写作的。
  ======================
  目录
  ·前言
  ·制书前的准备工作
  ·采集需要的素材
  ·处理文本文字
  ·制作自己的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文件中有这么一句“<link
href="css.css"
rel="stylesheet"type="text/css">”,正因为有这一句,当使用浏览器打开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观看,大家可能注意到其中包含了一段代码:以“<scriptlanguage="JavaScript">”开头,以“</script>”结束,如下图。(HP的模板包括两种读取书目的方法,一是使用先前提到的‘关键词’,一是使用上面刚提到的JS代码)



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




好了,插入代码的准备工作已经完成了。但是在把JS代码插入前(如果你现在插入代码,会出错的。上面图片中有些代码要修改的。),我们先了解下这段代码。

这段代码的主要功能是判断page.js文件里面所做的一个数组(在使用HP输出后,输出的目录文件里可以看到page.js文件,文件里生成了一个数组,如下图)。作用是根据判断结果产生相应的简介、分卷和书目。因此,这段代码是产生书目层的关键。



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



上面只是对大概需要用的地方做了一些简单的介绍。虽然说直接使用代码没有问题,但我的目的是使《白鹿原》的怀旧模板更漂亮一些,所以要做以下改变:
1.
定义内容简介、卷名、章节名的字体,字号;
2. 定义分卷阅读、章节名的超连接样式;
3. 定义各单元格的边距、行距等;
4.
《白鹿原》的章节名只有“第01章”,不长,所以更改原代码默认的4栏为5栏。


未完待续……
附件: 您所在的用户组无法下载或查看附件

点此感谢支持作者!本贴共获得感谢 X 21
TOP

电子书制作快速入门

本文转自 我不知道 熊猫酒仙

想做电子书,首先得准备四个软件:
1.EmEditor6.0  
下载地址:http://bbs.wbzd.net/read.php?tid=253345
2.hP电子书制作软件
3.1和排版脚本 1.4 加强版 下载地址:http://bbs.wbzd.net/read.php?tid=334028
3.eBook Pack
Express 1.75 汉化版 下载地址:http://bbs.wbzd.net/read.php?tid=98595
4.图片处理工具,配合透明脚本,可以很方便的把GIF图像的背景透明化。下载地址:http://bbs.wbzd.net/read.php?tid=335956

在我看来,做电子书最重要的是排版,只要排版搞定了,基本上就没什么问题了。
现在假设我们下了一本TXT的电子书,我们用EmEditor6.0
进行排版:
打开EmEditor6.0
,点击主菜单中的宏,然后点击选择



点击([070920]排版脚本 1.4 加强版.jsee)
后,就将排版脚本假如进去



点击EmEditor6.0
主菜单中的打开,选择TXT版的电子书,出现如下界面:




双击该书,将书添加到EmEditor6.0 中,有如下界面



然后点击主菜单中宏,如下图:



运行([070920]排版脚本 1.4
加强版.jsee),出现如下界面



点击起点TXT下载版,运行完后,出现如下界面:




然后点击确定。

现在我们根据该书的具体情况讨论:
1、这书的章节要是不按卷分(即没有第几卷的说法),我们在书的最前面加上书名,然后在所有的章节前面空两行或两行以上(这是用来分别章节的),如下图:




2、这书按卷分,可以有如下两种处理办法:(1)对每一卷的每一章前面都加上相应的第几卷,且在其前面空两行或两行以上;如下图:




(2)把每一卷单独提取出来,放在前前面,其前空两行,其后也空两行,每一章前面不加卷数,前面也空两行,如下图:



OK,保存后,到这基本上排版已经搞定,然后我们利用HP软件制作CHM电子书


1、首先,我们先搞定该书的版权和制作者的问题:
打开HP软件,主菜单最后的设置里边,参数中选择版权和制作,写上你的论坛ID,然后保存,说明这书是你做的。


  


2、再点击主菜单的文件,选择刚才你已经排版好的TXT文件,填上书名作者,根据排版选择卷章分行,或卷章一行,如下图:




3、点击下一步后,出现如下图:




这时,可以点击预览,看看是否有遗漏章节,或多出章节,若有问题,再编辑TXT文件,再按照上述步骤操作,直到没有问题。
4、点击下一步后,出现如下图:





选择你所喜欢的模板,选择你的输出路径,然后点击输出,出现如下图形:





然后点击输出CHM和
输出EPJ,至此,CHM书已经作好,输出EPJ是为做EXE书做准备。



最后,我们来做EXE的书:
首先打开软件eBook Pack Express 1.75
,点击主菜单中的打开,找到你刚才输出CHM时的文件,如下图:





然后选择epj文件,双击之后,出现如下界面:






在最左边,你可以选择自己喜欢的eBook图标,可以选择是否有闪屏,,在eBook查看器里边,你可以任意改变该书的显示状态(多试几次就完全明白了),最后,在eBook标志里边,按照下图操作:





添加我不知道论坛的LOGO,加上网站地址,然后编译,OK,书就作完了。


最后,我们来说说VIP图片版的小说该怎么作。
假设我们已经把某部小说文字版内容排好版,我们现在做VIP章节:
1.首先,我们到某个小说网站找到该小说的目录,复制VIP章节的目录,如下图:




复制完后,打开EmEditor软件,粘贴,出现如下界面:




点击宏,运行([070920]排版脚本 1.4
加强版.jsee),然后点击VIP章节标题排版----VIP章节标题按顺序,自动排版,如下图:




运行完后,出现如下界面:



一直点击确定,直至下面的界面:

  


好了,现在我们的任务就是把VIP章节的图片下载下来。在存放该书TXT版本的目录下建立一个pic的文件夹,用来存放VIP章节图片;如下图:





保存图片时要注意完整和命名的规范。(1)假如该章只有一张图片,命名和章节数相同即可;(2)假如该章有两张或以上的图片,命名时第一张为章节数+a,第二章图片的名字为章节数+b,以此类推。如下图:





等到我们把所有的VIP图片都保存好后,我们来处理排版的问题。对上面的那张图进行编辑:一章只有一张图片的只要把 txt/
后面的名字改成保存图片时的相应章节的名字即可;一个章节有两张图片以上时,得手动添加,改成如下界面即可:



到这儿,图片排版就完成了,在软件EmEditor中,把VIP的排版内容复制到原TXT的最后面,OK,排版完成,可以按照上面所说的方法用HP软件做CHM书了。


最后,我们聊一聊VIP图片的处理问题,在使用HP软件前,我们可以进行如下工作(当然,你也可以不处理图片,不过,做出来的电子书很大):

图片占用空间大,我们可以对VIP图片进行处理,可以减少图片的占用空间率。
把下载到的图片处理成4色透明背景的GIF,4色可以缩小体积  

透明背景看起来美观。
使用XnView配合脚本可以批量处理图片,打开XnView浏览存放待处理的图片的文件夹,右键选中要处理的图片。如下图:



选定后,点击鼠标右键,选择转换,出现如下界面:



然后对图片中用红框标注的项进行相应的处理,最后,点击格式后面的选项,出现如下界面:



对其进行相应的处理后,
确定,再点击开始,VIP图片的处理就完成了。

TOP

下载附件类

[ 本帖最后由 不要诱惑我 于 2008-7-1 17:07 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

电子杂志制作简要教程(zinemaker教程)

准备工作:
(一)、打开软件zinemaker。
(二)、点击菜单栏上的“文件”,选中“新建杂志”(或点击工具栏上的“新建杂志”按钮),选中所需的杂志模板。

开始制作:
(一)、替换图片。
1、替换背景图片:在杂志模板中选中“背景图片”,然后点击“替换图片”右边的文件夹图标,从电脑中调用已经准备好的图片。
2、替换封面&封底图片:与“替换背景图片”同。
3、注意背景图片的尺寸,建议按照模板尺寸的要求,否则会影响杂志的效果。

(二)、更改变量。
1、更改刊号:选中杂志模板的zine_title变量,在“设置变量”栏中填入所需的刊号。
2、更改日期:选中杂志模板的zine_date变量,在“设置变量”栏中填入所需的日期。
3、更改目录所在页:选中杂志模板的content_page变量,在“设置变量”栏中填入目录实际所在的页数。默认目录所在页数为2。
4、更改初始音量:选中杂志模板的default_volume变量,在“设置变量”栏中填入所需的初始音量参数。默认初始音量参数为70。
5、更改链接:选中杂志模板的url变量,在“设置变量”栏中填入所需的连接网址。

6、更改全屏变量:选中杂志模板的fullscreen变量,默认打开杂志需要全屏就在“设置变量”栏中填入“true”;否则填入“false”。

7、更改buttun.swf,email.swf,Backinfo.swf。
1)、安装路径下的designing文件夹里,提供了Backinfo(制作人员信息),buttun(按钮),email(推荐email)的源文件。
2)、三个.swf是通过载入动画加载到杂志中的,通过修改.swf文件的源文件就能制作不同风格的按钮、邮件、和制作信息的电子杂志。
3)、通过Flash
8修改以上文件并导出.swf文件。
4)、分别选中杂志模板的buttun,email,Backinfo变量,在“替换文件”栏里选择所需要的.swf
文件。
5)、如不需要这几个.swf文件,只要将文件前方框内的“√”去除即可。


8、更改封面动画。
1)、选中模板元件处的“ frontinfo.swf
”,从“替换文件”后面的文件夹中调出需要的动画页面。
2)、注意添加的.swf文件尺寸:750 PX宽*550 PX高,帧频:30
FPS的规定尺寸。

(三)、添加页面。
1、添加模板页面:点击菜单栏上的“项目”,选中“添加模板页面”。也可使用工具栏上的“添加项目”按钮来进行添加。选择模板页面后,可通过图片查看方式或动画查看方式,对模板进行查看。选择完成之后点击“确定”按钮。注意:每次可选择1个模板,每个模板可多次选择。
2、添加Flash页面:“添加Flash页面”和“添加模板页面”相同,也是有通过菜单栏上的“项目”中的“添加Flash页面”和工具栏上的“添加项目”按钮两种方法来实现。
3、添加图片页面:“添加图片页面”也是可以通过菜单栏上的“项目”选中“添加图片页面”和工具栏上的“添加项目”按钮两种方法来实现。
4、添加附加文件:所有通过外部载入flash的文件都归为附加文件。如:通过loadmovie载入的.swf文件,加载视频的.flv文件等。

(四)、更改页面属性:页面设置各个变量。

1、页面预加载:点击“页面预加载”的下拉框,选择true或者false来决定是否进行页面预加载。
2、加载页面遮罩:“页面遮罩”下拉框,选择true或者false来决定是否需要页面遮罩。
3、插入页面的背景音乐:点击“背景音乐”的下拉框,选择所需要音乐文件。背景音乐的详细添加方法,后面其他功能会有详细介绍。
4、音乐预加载:点击“音乐预加载”的下拉框,选择true或者false来决定是否进行音乐预加载。
5、插入页面特效:点击“页面特效”的下拉框,选择所需要的页面特效。
6、显示进度条:点击“显示进度条”的下拉框,选择
true 或者 false 来决定是否显示进度条。
7、显示页码:点击“显示页码”的下拉框,选择 true 或者 false
来决定是否显示页码。注意:显示页码对硬书脊风格杂志模板无效。
8、设置背景颜色:点击“背景颜色”的下拉框,选择所需的颜色。注意:只适用于模板页面。
其余设置与此类同。

(五)、其他功能。
1、添加音乐:点击菜单栏上的“文件”,选中“导入音乐”。

1)、跳出对话框,选择所需音乐。音乐只允许是标准格式的.mp3文件或者.wav文件两种。
2)、跳出“导入音乐”对话框。建议使用默认值。

3)、音乐导入后,点击“页面设置”的“背景音乐”下拉框,选择之前导入的音乐。如果每个页面需要播放不同的背景音乐,请重复此步骤。


4)、如需整本杂志每页都用同一首歌,可选中“杂志模板”.tmf文件,添加音乐。这样只要添加一次每页都会有音乐。

2、添加视频:点击菜单栏上的“文件”,选中“导入视频”。
1)、跳出对话框,选择需要导入的视频文件。
2)、跳出“导入视频”对话框,建议使用默认值。导入时会将原来文件自动转换成.flv视频文件。

3)、导入完成后,选中“杂志页面”下的视频模版,然后点击“模版元件”中的.flv视频文件,再点击下面的“替换文件”按钮来进行替换。

4)、跳出对话框,选中文件并打开。

5)、即可看到新导入的视频。

3、添加特效:点击菜单栏上的“文件”,选中“导入特效”。
1)、选中的特效必须是.swf或.efc格式的文件。Flash尺寸:750*550pixels。
2)、点击“页面设置”的“页面特效”下拉框,选择之前添加的特效,或是ZineMaker
2006自带的页面特效。


3)、在元件查看处即可看见效果。

4、编辑页面:可使页面模版上移或下移、或删除、或重命名。
点击菜单栏上的“编辑”,按需要选中“页面上移”、“页面下移”、“删除页面”或“页面重命名”即可。

5、预览杂志:点击菜单栏上的“生成”,选中“预览杂志”。就可以预览生成后杂志的整体效果。

(六)、生成杂志。
1、点击菜单栏上的“生成”,选中“生成杂志”。

2、杂志自动在ZineMaker
2006安装路径下的release文件夹里生成。点击“打开”,会显示生成后的杂志。点击“打开文件夹”,显示生成杂志的文件夹。

3、电子杂志简单制作完成。

TOP



当前时区 GMT+8, 现在时间是 2025-6-13 20:59