制作网页文件教程.docx

《制作网页文件教程.docx》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、作者:xyl7422  时间:2007-12-1820:48:14  标题:eBookWorkshop电子书制作教程（附简略网页文件制作过程）应cfljg老师的要求做一个简单的电子教程，以前也没做过，算现学现卖了，希望能帮到一些需要的朋友，呵呵要做电子书首先你要懂一点点制作网页的知识，不过要是没接触过网页文件的朋友会比较吃力，我这里先简略说下如何制作网页文件。制作网页文件比较常用的软件是DreamWeaver，用它制作出来的网页文件很干净，文件的容量也小。当然你也可以用word或其它软件来制作网页文件，不过会有不少废代码，加大文件的容量，这样做出来的电子书会比较大。我这里用Drea

2、mWeaver8把制作网页文件的过程说下：准备工作：你需要先准备好做电子书的教程，把图片下载到本机，并打开教程所在网页备用。一、运行DreamWeaver，出现如图界面，我使用的默认界面，点击红框处新建一个HTML文件二、我们先为我们的电子书设定一个背景，在菜单栏上单击修改，出现如图界面，选择页面属性三、选择页面属性后会出现如图界面，单击背景图像处的浏览选择你准备好的背景图片（准备的图片不用很大，DreamWeaver会自动铺满页面的），建议使用色调比较简单的背景，以免影响到电子书文字和图片的效果四、现在用cfljg老师的《凹陷字的做法》教程来做第一个网页文件，首先把教程的名字复制

3、进标题（请注意红框标注处）五、接下来就把教程的文字和图片添加进来（如果你会使用word那就很方便的，做法一样），选中文字后可以在操作界面下面的属性栏里改变字体和文字大小等，如图[attach]691065[/attach][attach]691066[/attach]六、这里要注意一点，复制网页上的文字后到DreamWeaver粘贴时到编辑里使用选择性粘贴，以免把网页上的文字格式复制进来，排版的时候会比较麻烦[attach]691067[/attach]七、现在说下如何把图片加进来：单击菜单栏上的插入或者点击如图中的这个图标选择图像[attach]691068[/attach]八、

4、选择你要加入的图片，如图：[attach]691069[/attach]九、添加文字和图片后的效果如图，把一个教程的所有文字和图片添加好，一个网页文件就完成了，是不是很简单呢，呵呵[attach]691070[/attach]十、好啦，现在保存文件吧[attach]691071[/attach]重要提示：一定要记得把制作好的网页文件、图片以及用来做背景图片的放在一个文件夹下，不然做出来的电子书会出现无法显示图片的现象。如果你要在一本电子书中放入多个教程，为了方便管理，你可以先建立一个总的文件夹，之后把每个教程的图片各自保存到相应的文件夹里，做好的网页文件直接存到总文件夹里既可（貌似

5、很啰嗦，不过俺是吃了这个亏，重新返工了的，呵呵），下图是我保存的文件夹部分页面。[attach]691072[/attach]作者:xyl7422  时间:2007-12-1820:59:00十一、现在我们来为我们的电子书制作目录，在DreamWeaver新建一个文件，加入背景后，先把电子书所有教程的名字复制进来，排版不用我说了哈[attach]691095[/attach]十二、选中一个教程的名字，在操作界面下面的属性栏里会出现如图的链接选项，点击文件夹图标[attach]691096[/attach]十三、在刚才保存的网页文件中选择相应的文件名，确定[attach]691097

6、[/attach]十四、来看下加入链接后的效果[attach]691098[/attach]十五、下图是全部文字加入链接后的效果，现在保存你做的目录就可以啦[attach]691099[/attach]网页文件部分告一段落，这里只是简单介绍了网页文件最基础的做法，想要做更漂亮的效果就需要更深层次的学习了，我就不多说了：）作者:xyl7422  时间:2007-12-1821:02:19接下来开始制作电子书的过程，非常简单的说，呵呵一、运行eBookWorkshop软件[attach]691104[/attach]二、选择文件，找到你存储网页文件和图片的文件夹确定，出现如图界面，如果

7、你想对文件进行加密就在文件前面打勾，如果不加密就不用管它了[attach]691105[/attach]三、选择目录，单击从文件夹建立，电子书的目录就做完成了，在右侧绿色框中的选项中你可以按你的意愿将目录排序，新建和删除[attach]691106[/attach]四、选择闪屏，将启动时显示闪屏勾选，然后到文件夹中选中你准备好的图片加进来，会在打开电子书时出现你所选择的画面[attach]691107[/attach]五、工具栏（1）没什么需要研究的，建议将显示按钮标