用HTML Help WorkShop制作CHM电子文档

用HTML Help WorkShop制作CHM电子文档

2010-01-15 16:48

这是我网上找的例子，希望与大家共享1

软件名称：HTML Help WorkShop 1.32

软件类型：免费软件

使用平台：Win9x/Me/NT/2000

软件大小：3425 KB

软件开发：/library/

软件下载：天极网下载频道

你知道现在最流行的电子书籍是什么格式吗？不知道！没关系看看你的Windows 98或Windows 2000帮助文件是什么格式，你就应该知道了。这是一种文件后缀为CHM、文件类型为“已编译的HTML 帮助文件”，呵呵，HTML 不就是我们现在在网络上所浏览的网页格式吗！现在我们来认识认识CHM吧。

在Microsoft公司推出Windows 98视窗系统的时候，就同时推出了一种基于HTML 文件特性的帮助文件系统，这就是CHM，CHM是用来替换早先的winhelp文件系统。在CHM文件的属性中我们可以看到CHM的类型是“已编译的HTML 帮助文件”，其实Internet Explorer 支持的JavaScript、VBScript、ActiveX、Java Applet、Flash、HTML 图像文件（GIF、JPEG、PNG）、音频视频文件（AU、MIDI、WAV、AVI）等等，CHM文件也同样支持。正因为它有如此多的特性，理所当然的成为我们制作多媒体电子书籍的首选格式。

制作CHM 文件的最佳工具是微软的HTML Help WorkShop，在本文中使用的是1.3版本，英文差的朋友下载一个汉化补丁安装一下就可以变成中文版了。开始制作CHM文档之前，我们必须准备好“原材料”，那就是HTML格式的网页文件，制作HTML文件的软件很多我们最常用的有FrontPage、Dreamweaver。

先来看看CHM文件的窗口格式：打开Windows帮助，可以看到窗口分为三个部分，顶层是功能按钮，右边是主窗口，左边是导航窗口，看上去CHM窗口十分简洁美观。这些窗口和按钮的格式都可以在HTML Help WorkShop中设置、更改。

CHM制作实例

我用Dreamweaver配合HTML Help Workshop制作的一篇图文游戏攻略CHM文档：

最终完成后的样式

首先设计出整篇攻略的结构，我的想法是：先建一个主页面，在上面放上游戏每一关的大图片，游戏共十关，再分别作十个页面，每个页面就具体介绍每关的攻略，在主页面作好进入每关页面的超连接，这样读者进入主页面后就可以自由的进入每一页面了。

结构设计完成后，就可以制作“原材料”了，用Dreamweave来制作这样的网页太简单不过了：

·用Dreamweave的站点管理器建立一个站点，主页设为index.HTML，游戏十关的页面分别设为1.htm、

2.htm……10.htm

·考虑到整个页面的风格，就建立一个模版，统一页面的背景、logo、日期等；再定义好css样式，使得文字、超连接格式统一，制作时所有的页面都从模版中新建就可以了。

·记得更改每个页面的标题，这个在后面很重要。

·考虑到本文的目的是介绍HTML Help WorkShop，所以网页的制作过程就在此省略了。

在制作完成每个页面后，我们就可以用HTML Help WorkShop编译为CHM文档了。下面我们就来一步一步的制作CHM 电子文档：1、“原材料”制作完成了，就可以加工成品了。运行HTML Help WorkShop，新建一个工程，把工程文件（后缀名为hhp）保存在你的站点根目录下，注意要与你的HTML文件在同一目录下。

2、接下来指定现有文件，因为我们没有制作目录文件和索引文件，就只选中［HTML files］，按“下一步”。

3、添加HTML文件，将制作好的所有htm文件都添加进去。

4、点“完成”后就进入HTML Help WorkShop的主界面。

上边的菜单栏包括：文件、查看、测试、工具、帮助；下边是工具栏，有五个按钮分别是：新建、打开、编译HTML 文件、查看编译文件、显示帮助。

5、接下来我们来设置CHM文档的标题，选取工程项目,点左边第三个按钮，在窗口类型中随便输入一个名字“ok”，在“标题栏文字”中输入文档标题“盟军敢死队II”，如果不指定，则软件默认为"帮助"。选择“文件”，设置好“默认”，“主页”

所指向的页面为index.HTML。

6、保存好工程后，选菜单中的“编译”，结束后，就生成一个CHM文件。最简单的CHM文件就制作好了。

试运行一下，你可以看到CHM文件中包含了你制作的网页的所有信息，就如同将你的网站打包一样。很简单吧！虽然没有导航窗口和功能按钮看起来也不错！

7、下面我们来制作文件的目录：选择“主题”选项卡，新建一个主题文件，取名为test.hhc。

8、然后进入目录编辑窗口，点左边第三个按钮，新建一个标签，标题为“简介”，点“添加”按钮，弹出添加对话框。

9、选择网页index.HTML为“简介”对应的页面。（为了在HTML标题栏里可以一目了然的分清每个页面，因此在制作

网页时，更改每个页面的标题是很有必要的）

10、再选择左边第二个按钮，建立一个标题“游戏关：” 会弹出一个询问是否在所选标题上面插入标题的对话框，我们按"否"。（“标题”可以不用对应页面，这与“页面”有所区别）

再在“游戏关：”标题下插入子页面“第一关”，并设置好对应的网页。同样的方法我们可以加入许多标题、子标题、页面，并可以利用那4个箭头按钮来调整标题或页面的位置及从属关系。最多支持9 个级别深度。

11、“标题”和“页面”的图标可以在编辑项目标签的“高级”选项卡中更改，改变“图象索引”的数值就可以了。

12、制作好主题后，重新设置窗口信息，在“文件”选项卡中设置好“主题”所对应的文件——test.hhc。