ICHM制作help文档.docVIP

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。 13、在“按钮”选项卡中，勾选好你所需要的按钮。 　　14、在“领航窗口”选项卡中，选中“带有导航窗口、主题窗口，以及按钮栏窗口”。 13、在“按钮”选项卡中，勾选好你所需要的按钮。 　　14、在“领航窗口”选项卡中，选中“带有导航窗口、主题窗口，以及按钮栏窗口”。 15、最后保存工程，编译。再打开CHM文件看看，是不是舒服多了。另外“索引”的创建与“主题”相类似，只是索引文件中需要指定关键词与 HTML 文件的关联关系。 　　如果发现问题，就用HTML Help WorkShop打开你的工程，修改、调整好后再编译、测试。所以最后的工作就是不停的修改、调整、编译、测试，直到满意为止。 几个值得注意的地方： 　　1、CHM电子文档所对应的几个文件: 　　· 一个CHM文件必定对应一个工程文件（后缀——hhp）。　　· 如果CHM文件没有设定导航窗口，就可以不用制作目录文