制作网页文件教程.docx

作者: xyl7422 时间: 2007-12-18 20:48:14 标题: eBook Workshop 电子书制作教程（附简略网页文件制作过程）应cfljg老师的要求做一个简单的电子教程，以前也没做过，算现学现卖了，希望能帮到一些需要的朋友，呵呵要做电子书首先你要懂一点点制作网页的知识，不过要是没接触过网页文件的朋友会比较吃力，我这里先简略说下如何制作网页文件。制作网页文件比较常用的软件是DreamWeaver，用它制作出来的网页文件很干净，文件的容量也小。当然你也可以用word或其它软件来制作网页文件，不过会有不少废代码，加大文件的容量，这样做出来的电子书会比较大。我这里用DreamWeaver 8把制作网页文件的过程说下：准备工作：你需要先准备好做电子书的教程，把图片下载到本机，并打开教程所在网页备用。一、运行DreamWeaver，出现如图界面，我使用的默认界面，点击红框处新建一个HTML文件二、我们先为我们的电子书设定一个背景，在菜单栏上单击修改，出现如图界面，选择页面属性三、选择页面属性后会出现如图界面，单击背景图像处的浏览选择你准备好的背景图片（准备的图片不用很大，DreamWeaver会自动铺满页面的），建议使用色调比较简单的背景，以免影响到电子书文字和图片的效果四、现在用cfljg老师的凹陷字的做法教程来做第一个网页文件，首先把教程的名字复制进标题（请注意红框标注处）五、接下来就把教程的文字和图片添加进来（如果你会使用word那就很方便的，做法一样），选中文字后可以在操作界面下面的属性栏里改变字体和文字大小等，如图attach691065/attachattach691066/attach六、这里要注意一点，复制网页上的文字后到DreamWeaver粘贴时到编辑里使用选择性粘贴，以免把网页上的文字格式复制进来，排版的时候会比较麻烦attach691067/attach七、现在说下如何把图片加进来：单击菜单栏上的插入或者点击如图中的这个图标选择图像attach691068/attach八、选择你要加入的图片，如图：attach691069/attach九、添加文字和图片后的效果如图，把一个教程的所有文字和图片添加好，一个网页文件就完成了，是不是很简单呢，呵呵attach691070/attach十、好啦，现在保存文件吧attach691071/attach重要提示：一定要记得把制作好的网页文件、图片以及用来做背景图片的放在一个文件夹下，不然做出来的电子书会出现无法显示图片的现象。如果你要在一本电子书中放入多个教程，为了方便管理，你可以先建立一个总的文件夹，之后把每个教程的图片各自保存到相应的文件夹里，做好的网页文件直接存到总文件夹里既可（貌似很啰嗦，不过俺是吃了这个亏，重新返工了的，呵呵），下图是我保存的文件夹部分页面。attach691072/attach 作者: xyl7422 时间: 2007-12-18 20:59:00十一、现在我们来为我们的电子书制作目录，在DreamWeaver新建一个文件，加入背景后，先把电子书所有教程的名字复制进来，排版不用我说了哈attach691095/attach十二、选中一个教程的名字，在操作界面下面的属性栏里会出现如图的链接选项，点击文件夹图标attach691096/attach十三、在刚才保存的网页文件中选择相应的文件名，确定attach691097/attach十四、来看下加入链接后的效果attach691098/attach十五、下图是全部文字加入链接后的效果，现在保存你做的目录就可以啦attach691099/attach网页文件部分告一段落，这里只是简单介绍了网页文件最基础的做法，想要做更漂亮的效果就需要更深层次的学习了，我就不多说了：） 作者: xyl7422 时间: 2007-12-18 21:02:19接下来开始制作电子书的过程，非常简单的说，呵呵一、运行eBook Workshop 软件attach691104/attach二、选择文件，找到你存储网页文件和图片的文件夹确定，出现如图界面，如果你想对文件进行加密就在文件前面打勾，如果不加密就不用管它了attach691105/attach三、选择目录，单击从文件夹建立，电子书的目录就做完成了，在右侧绿色框中的选项中你可以按你的意愿将目录排序，新建和删除attach691106/attach四、选择闪屏，将启动时显示闪屏勾选，然后到文件夹中选中你准备好的图片加进来，会在打开电子书时出现你所选择的画面attach691107/attach五、工具栏（1）没什么需要研究的，建议将显示按钮标签勾选上，这样阅读电子书时在各按钮边上会显示文字，以方便阅读。attach691108/attach六、工具栏（2）需要做下设置，标志这里换上属于自己的图标，默认的是ebook的标志，点击改变把你准备好的图标加进来，并设置好图标的大小，设置为默认，这样就不需要每次重新设置图标了，这个图标会显示在你的电子书的右上角，要记得勾选可视，否则不会显示的哟背景的设置和图标是一样的，不过图片格式要BMP的，否则会被视为无效的图片，它将会在电子书工具栏那里显示，勾选可视接下来设置状态栏，将可视勾选，输入你想要的文字信息，它会在电子书的下面显示出来attach691109/attach七、选项的设置：1、选项：在标题这里输入电子书的名字，在主页这里点开文件夹图标，把你想要显示的页面文件选中，这里我选择的是刚才做网页时的目录文件，默认那里我选择的也是目录文件，这样打开电子书时会第一个显示做好的目录文件。2、e书图标：你需要事先准备好一个3232像素，256色的ico格式的图片，点击改变把图标加进来，它将是你完成的电子书的图标，点击设置为默认。软件默认的图标是ebook的。3、把显示下面的最大化勾选4、读书器选项我都没动，默认就好了，如果你希望启动电子书时显示目录，就把它给勾选上attach691110/attach八、ebook提供了十三种界面，选择自己喜欢的勾选上就行了attach691111/attach九、现在电子书已经基本完成了，选择编译，点击图中红色区域会出现保存文件的界面，输入电子书的名字，并选择保存路径attach691112/attach十、接下来点击编译，等下面的进度条结束出现图