HTML帮助文件的制作和使用

html-css011

HTML帮助文件的制作和使用,第1张

关于HTML帮助文件的制作和使用

HTML Help Workshop 已经不是新鲜的东西,它取代了功能很强但看起来比较普通的' Help Workshop 4.0。HTML Help Workshop 编译之后生成扩展名为 .chm 的文件,在 Windows 中它被称为“已编译的 HTML 帮助文件”。这种文件格式在网上广为流传,被称为一种电子书籍格式。

HTML Help Workshop 的特点在于,它的每一个帮助页都是一个Web页,您可以像浏览网站一样容易地阅读 HTML 帮助文件。HTML 帮助文件甚至支持 ActiveX, JavaScrip, VBScrip 和 Dll 等。HTML帮助文件类似资源管理器的窗口的浏览方式,使用极其方便。

我相信大家都已经习惯了使用HTML帮助文件(.CHM),不再习惯使用原来的Help帮助文件(.HLP)了――用惯了 MSDN,你还想看 BCB 的帮助文档吗?所以当你再看到扩展名为.HLP文件的时候,你肯定会因为它的使用不便而将它弃之一旁……够了,就凭这些,我们也应该把 Help Wordshop 抛在一边了,让我们来学习 HTML 帮助文件的制作和使用吧。

已编译的HTML帮助文件也就常见的chw文件格式,制作过程如下(以EasyCHM为例来说明):1、在开始具体制作前,请先用Dreamweaver或者其他你所熟悉的html文件制作工具制作如下图所示5个html文件。2、打开Easy CHM,单击工具栏上的新建按钮。3、在弹出的“新建工程目录:”对话框中,单击浏览按钮,选择我们刚刚制作的html文件的目录。点击确定。4、单击上移按钮调整html文档在目录及索引中的排列顺序。5、选中目录文档,点选目录项属性按钮,在弹出的目录项属性框中更改图标为1。6、单击工具栏上的编译按钮,在弹出的“编译工程为CHM:”对话框中,更改标题为:迷你记账系统帮助,第一页为:关于迷你记账系统.html;主页改为:目录.html;保存名称更改为:迷你记账系统帮助.chm。7、单击“编译工程为CHM:”框上的CHM设置按钮,在弹出的“CHM设置:”对话框中,将自动保存记录文件项前的√去掉。8、单击“编译工程为CHM:”框上的Html API标签,将编译Html API信息项前的√去掉,单击应用按钮。9、单击“编译工程为CHM:”框上的生成CHM按钮,稍等片刻,弹出如下图所示框即表示迷你记账系统帮助.chm文件生成成功。

HTML帮助文件添加目录和索引

现在的HTML帮助是不是很不合你的心意,就只有那么一个框架,所有主题的查看只能靠页面的超级链接。如果加上目录和索引,肯定会更美观,更方便……动手吧!

选择“Project”标签右边的“Contents”标签,这时弹出一个“Table of Contentss Not Specified”对话框,并询问你是新创建一个目录文件还打开一个已有的目录文件。当然,我们应该选择创建。在尔后出现的“另存为”文件对话框中输入Learn目录下的“Learn”,单击“保存”按钮,扩展名(.HHC)会自动加的。

一个空的'目录文件已经打开了,你得通过“Contents”标签左边的一列按钮为我们的“Learn.hhc”添加内容了。找到“Insert a heading”按钮了吗,它的作用是添加一个标题,在HTML中,标题是用一个目录图标显示的,当然,这个图标可以更改。

单击“Insert a heading”按钮,打开“Table of Contents Entry”对话框,在“Entry title”栏中输入这个标题的名称。如果你这个标题不需要链接到某个主题,直接单击“确定”按钮即可;否则,请单击“Entry title”栏下面的“Add…”按钮,从打开的“Path or URL”对话框中选择一个主题;重复操作可以选择多个主题。

“Insert a heading”按钮下面是“Insert a page”按钮,这个按钮用于添加页面。单击这个按钮同样打开“Table of Contents Entry”对话框,操作过程与添加标题基本一样,唯一的差别就是页面必须链接到某个主题,而标题不必。

另外有两个按钮“Edit selection”和“Delete selection”,一个是修改目录项,一个是删除目录项,我想就不用多说了吧!

现在,你是否注意到“Contents”标签中的内容跟Windows的资源管理器类似,也采用了树型结构?很好,记住这一点,这有助于你理解将要介绍四个箭头符号按钮的作用。这四个按钮在上面介绍的四个按钮下面,一目了然。上、下两个箭头很好理解,就是将选中的目录项上移或下移;左、右两个箭头则是用于改变名目录项的包含关系,把标题看成Windows资源管理器中的目录,把页面看成是文件,其包含关系便很好理解了。看看下面,就是这样……