制作已编译的html帮助文件

http://www.cnblogs.com/cm186man/archive/2008/03/10/1098896.html引用
HTML帮助文档从结构上来看可分为两个部分,运行器和文档内容。它的一个好处是能使帮助文档跨平台运行,只要有不同平台上的运行器和浏览器,帮助文档不再需要重新编制,制作HTML帮助文档的工具是Html help Workshop工具包。
方法:
1、安装好Html Help Workshop,需要重新启动一次才可以运行。运行后,单击菜单或工具栏中的“新建(New)”,这时出现选择新建内容的对话框。先选择“工程(Project)”,在接着出现的工程向导中指定工程放置的目录就可以了。单击“OK”后就出现工程编辑界面。在工程编辑界面的上方是3个标签栏,第一个“Project”是有关工程的编辑,第二个“Contents”是目录,第三个“Index”是索引。在工程编辑界面的左侧是7个按钮,它们的功能从上到下依次为:“改变工程选项”、“加入/删除封面文件”、“添加/修改窗口选项”、“HTMLhelp AP信息”、“浏览HTML源文件”、“保存”、“存盘并编译”。
2、单击“改变工程选项”按钮,出现工程选项对话框(如图1)。这里仅改变标题(Title)的内容,把标题写入,编译后这个标题将出现在窗口的标题栏中。其他的内容暂时用系统的默认值。然后单击“加入/删除封面文件”按钮,再选择“加入”按钮,把作为封面页的HTML文件添上。封面页的文件一定要有,否则编译的帮助文件运行后,系统会报错。好了,简单的工程编辑就完成了。
3、单击“目录”(Contents)标签栏,这时系统请你选定一个新目录文件的名称,指定后出现目录的编辑界面(如图2)。然后按照内容的需要插入标题或页面目录,并对每个目录选定相应的HTML文件。标题可以分为多级,并在标题上也放置需要的HTML文件,作为标题的说明内容,这需要按照你制作的内容统一考虑。目录的内容在编译后(如图3)的左侧所示,这是3个标题,单击目录可以打开相应的文件内容。插入目录后,关于目录的属性暂时也用默认值,这样基本的目录就可完成。
4、完成目录编制后,一个HTML帮助文件已具备了雏形,关于索引的内容暂时空着。保存工程文件和目录文件后就可以编译,编译的特点是把所有用到的HTML文件统统压缩后包装在一起。在主工具栏按钮中可以找到编译按钮和试运行按钮,编译后再运行就可以看看作品的面貌了。
这就是编制HTML帮助文件的基本步骤,上手很容易。但软件的功能远非这些,如在窗口定义中可以设计你所喜爱的形式,几乎所有的窗口要素都可以改变。它还支持全文检索功能,而且很容易制作。详细的内容请参考Html help Workshop的帮助文档或微软的相应网页。相信你试过以后一定会喜欢它。

“CHM”格式帮助文件制作软件Far使用
  制作CHM格式的工具有很多,Far是其中非常优秀的一款,而且已经有了比较好的汉化版本,因此我们选择用它来制作CHM格式文档。
  1、默认情况下,启动Far时,系统会自动对我们机器的软件环境做一个检查,以决定能够支持的即将输出的文档格式。
  2、启动完成后,单击工具栏上方的“添加Web”(Add all Web files found in selected folder and its sub folders)按钮来建立一个文件列表。在弹出的对话框中选择包含页面文件和图片文件的文件夹,单击“OK”按钮(图片和页面文件最好存放在同一文件夹下面),此时出现一个对话框,告诉你当前文件夹下面的文件总数和HTML文件数。并询问是否只加入HTML文件,如果你的页面文件未包含图片和其他多媒体文件,请选择“Yes”,否则选择“No”。
  此时所选文件夹下面的文件应该出现在窗口显示区。单击“保存列表”按钮即可将此列表保存在磁盘上。需要说明的是,这个“添加Web”的过程支持拖放式操作,我们随时可以按下“F4”功能键打开资源管理器,找到需要添加的文件所在的文件夹,直接用鼠标拖动到该窗口显示区来完成这项操作。
[img]mhtml:file://C:\Documents and Settings\he-le\桌面\制作已编译的html帮助文件_晒晒心晴灬硪·哒邉○地带.mht!http://images.cnblogs.com/cnblogs_com/cm186man/1_2-68-897-8_20020515133949.jpg[/img]
图1
  3、准备好了文件列表,我们就可以正式开始制作CHM文件了。单击工具栏中的“快递(HTML Help Express)”按钮,弹出如图1所示的对话框,这里我们只需设置好目标文件的位置及文件名、帮助窗口的标题,选择一个文件作为首页面即可。注意一点,帮助窗口的标题也就是我们在最后的成品CHM文件中看到的标题文字,应该反映整个CHM文件的主题,大家一定要设置好。软件一般能够根据所添加的文件夹的名字来进行设置,如果不满意,可以自由更改。
  4、设置好上面几个参数后,必须要先将文件预编译一遍才可以设置文档的界面参数。单击图1中的“创建帮助(Creat help)”按钮,会弹出一个确认对话框,选择“是”则用Far文件列表创建帮助,如选“否”,则自动搜索选择目录中的HTML文件来创建。接下来软件会自动编译文件,最后在弹出的窗口中报告编译信息。
  5、点击“关闭”,这时我们可以看一看我们自己的成果了!单击“查看帮助(View help)”按钮即可。如果你对做好的CHM帮助文档的形式或内容不太满意,比如窗口的类型、窗口中工具栏中显示的工具的数量甚至是遗漏的部分文件等等,怎么办?细心的读者朋友可能已经注意到了,图1的右下角还有一个“高级编辑(Advanced Edit)”按钮,接下来的工作我们几乎都要通过这里的功能来设置。
[img]mhtml:file://C:\Documents and Settings\he-le\桌面\制作已编译的html帮助文件_晒晒心晴灬硪·哒邉○地带.mht!http://images.cnblogs.com/cnblogs_com/cm186man/1_2-68-898-8_20020515133949.jpg[/img]
图2
  6、单击“高级编辑(A)”按钮,弹出“HH方案编辑器”窗口,点选左边树状选项中的“面板”选项,如图2。在这里,从导航和工具栏面板的宽度、位置,到设置它们的自动隐藏,初始时是否关闭等,你都可以根据自己的喜好进行自由的设置。下面我们看看如何改变文档外观的设置。
  7、单击窗口左边的“工具栏(Toolbar)”(“面板”的下方)。此时右边刷新选项中左下方的诸复选框就是定制窗口工具栏中显示的工具的数量的。另外还有如“Jump x(跳转到x页面)”、“Search(搜索)”选项,需要者可以勾选相应选项并进行相应设置。
  8、如果你一开始没有规划好帮助文档的内容,没关系,现在还可以向列表中添加文件,甚至是将另外一个CHM帮助文件合并过来都可以。单击窗口左边选项中的“[Files]”,再单击右上角的“选项”按钮,怎么添加文件应该不用我说了吧。呵呵!也许你可以做更多的设置修改。
  9、怎样把自己做的几个CHM合并到一起呢?单击左边的“[Merge Files]”,同样再单击“选项”按钮。
  10、OK,选项我们都设置完了,保存后,再次回到图1窗口中点击“创建帮助”再重新创建一次即可。
  在这里我们只是给大家介绍了如何进行CHM格式帮助的简易制作过程,其实Far还有很多很好的功能,大家可以自己试试。
DL 元素 | dl 对象 DT 元素 | dt 对象 DHTML 对象 document 对象 -------------------------------------------------------------------------------- 代表给定浏览器窗口中的 HTML 文档。 成员表 下面的表格列出了 document 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。 属性 SHOW: 属性 集合 事件 方法 对象 样式 属性 描述 activeElement 获取当父 document 拥有焦点时获得焦点的对象。 alinkColor 设置或获取元素中所有激活链接的颜色。 bgColor 不赞成。设置或获取表明对象后面的背景颜色的值。 charset 设置或获取用于解码对象的字符集。 cookie 设置或获取 cookie 的字符串值。 defaultCharset 从当前的区域语言中获取默认字符集。 designMode 设置或获取表明文档是否可被编辑的值。 dir 设置或获取表明对象的阅读顺序的值。 doctype 获取与当前文档关联的文档类型声明。 documentElement 获取对文档根结点的引用。 domain 设置或获取文档的安全域名。 expando 设置或获取表明是否可对象内创建任意变量的值。 fgColor 设置或获取文档的前景(文本)颜色。 fileCreatedDate 获取文件创建的日期。 fileModifiedDate 获取文件上次修改的日期。 fileSize 获取文件大小。 implementation 获取当前文档的 implementation 对象。 lastModified 获取页面上次修改的日期,若页面提供的话。 linkColor 设置或获取对象文档链接的颜色。 parentWindow 获取容器对象所在窗口的引用。 protocol 设置或获取 URL 的协议部分。 readyState 获取表明对象当前状态的值。 referrer 获取将用户引入当前页面的位置 URL。 uniqueID 获取为对象自动生成的唯一标识符。 URL 设置或获取当前文档的 URL。 URLUnencoded 获取文档的 URL,去除所有字符编码。 vlinkColor 设置或获取用户已访问过的链接颜色。 XMLDocument 获取对由对象引出的的 XML 文档对象模型(DOM)的引用。 XSLDocument 获取对 XSL 文档的顶层结点的引用。 属性 集合 集合 描述 all 返回对象所包含的元素集合的引用。 anchors 获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。 applets 获取文档中所有 applet 对象的集合。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 embeds 获取文档中所有 embed 对象的集合。 forms 获取以源顺序排列的文档中所有 form 对象的集合。 frames 获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。 images 获取以源顺序排列的文档中所有 img 对象的集合。 links 获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。 namespaces 获取 namespace 对象的集合。 scripts 获取文档中所有 script 对象的集合。 styleSheets 获取代表与文档中每个 link 或 style 对象的实例相对应的样式表的 styleSheet 对象的集合。 事件 事件 描述 onactivate 当对象设置为活动元素时触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。 onbeforeeditfocus 在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。 onbeforepaste 在选中区从系统剪贴板粘贴到文档前在目标对象上触发。 onclick 在用户用鼠标左键单击对象时触发。 oncontextmenu 在用户使用鼠标右键单击客户区打开上下文菜单时触发。 oncontrolselect 当用户将要对该对象制作一个控件选中区时触发。 oncut 当对象或选中区从文档中删除并添加到系统剪贴板上时在源元素上触发。 ondblclick 当用户双击对象时触发。 ondeactivate 当 activeElement 从当前对象变为父文档其它对象时触发。 ondrag 当进行拖曳操作时在源对象上持续触发。 ondragend 当用户在拖曳操作结束后释放鼠标时在源对象上触发。 ondragenter 当用户拖曳对象到一个合法拖曳目标时在目标元素上触发。 ondragleave 当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发。 ondragover 当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发。 ondragstart 当用户开始拖曳文本选中区或选中对象时在源对象上触发。 ondrop 当鼠标按钮在拖曳操作过程中释放时在目标对象上触发。 onfocusin 当元素将要被设置为焦点之前触发。 onfocusout 在移动焦点到其它元素之后立即触发于当前拥有焦点的元素上触发。 onhelp 当用户在浏览器为当前窗口时按 F1 键时触发。 onkeydown 当用户按下键盘按键时触发。 onkeypress 当用户按下字面键时触发。 onkeyup 当用户释放键盘按键时触发。 onmousedown 当用户用任何鼠标按钮单击对象时触发。 onmousemove 当用户将鼠标划过对象时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。 onmousewheel 当鼠标滚轮按钮旋转时触发。 onmove 当对象移动时触发。 onmoveend 当对象停止移动时触发。 onmovestart 当对象开始移动时触发。 onpaste 当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。 onpropertychange 当在对象上发生对象上发生属性更改时触发。 onreadystatechange 当对象状态变更时触发。 onresizeend 当用户更改完控件选中区中对象的尺寸时触发。 onresizestart 当用户开始更改控件选中区中对象的尺寸时触发。 onselectionchange 当文档的选中状态改变时触发。 onstop 当用户单击停止按钮或离开 Web 页面时触发。 方法 方法 描述 attachEvent 将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。 clear 目前尚未支持。 close 关闭输出流并强制将数据发送到显示。 createAttribute 以指定名称创建 attribute 对象。 createComment 以指定数据创建 comment 对象。 createDocumentFragment 创建一个新文档。 createElement 为指定标签创建一个元素的实例。 createEventObject 生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。 createStyleSheet 为文档创建样式表。 createTextNode 从指定值中创建文本字符串。 detachEvent 从事件中取消指定函数的绑定,这样当事件触发时函数就不会收到通知了。 elementFromPoint 返回指定 x 和 y 坐标的元素。 execCommand 在当前文档、当前选中区或给定范围上执行命令。 focus 使得元素得到焦点并执行由 onfocus 事件指定的代码。 getElementById 获取对 ID 标签属性为指定值的第一个对象的引用。 getElementsByName 根据 NAME 标签属性的值获取对象的集合。 getElementsByTagName 获取基于指定元素名称的对象集合。 hasFocus 获取表明对象目前是否拥有焦点的值。 mergeAttributes 复制所有读/写标签属性到指定元素。 open 此方法以两种方式工作。该方法打开一个文档用于收集 write 和 writeln 方法的输出。在这种情况下,只使用前两个参数 url 和 name。若指定了附加参数,此方法将打开一个窗口,这与 window 对象的 window.open 方法相同。 queryCommandEnabled 返回表明指定命令是否可于给定文档当前状态下使用 execCommand 命令成功执行的 Boolean 值。 queryCommandIndeterm 返回表明指定命令是否处于模糊状态的 Boolean 值。 queryCommandState 返回表明命令当前状态的 Boolean 值。 queryCommandSupported 返回表明当前命令是否在当前区域上支持的 Boolean 值。 queryCommandValue 返回文档、范围或当前选中区对于给定命令的当前值。 recalc 重新计算当前文档中的全部动态属性。 releaseCapture 释放当前文档中对象的鼠标捕捉。 setActive 设置对象为当前对象而不将对象置为焦点。 write 在指定窗口的文档中写入一个或多个 HTML 表达式。 writeln 在指定窗口的文档中写入一个或多个 HTML 表达式,后面追加一个换行符。 对象 元素 对象 描述 BODY body 指定文档主体的开始和结束。 implementation 包含了关于对象支持的模块信息。 location 包含关于当前 URL 的信息。 selection 代表了当前激活选中区,即高亮文本块,和/或文当中用户可执行某些操作的其它元素。 TITLE title 包含文档的标题。 样式 样式属性 描述 compatMode 设置或获取表明此对象是否应用标准兼容模式的值。 注释 此对象在 Microsoft® Internet Explorer 3.0 的脚本中可用。 使用 document 对象可以对 HTML 文档进行检查、修改或添加内容,并处理该文档内部的事件。在 Web 页面上,document 对象可通过 window 对象的 document 属性引用,或者直接引用。 document 对象在主文档的任意时间均可用,但是对于目前正在轻便动态 HTML(DHTML) 行为中使用的 HTML 组件(HTC)来说却不可用。这是因为轻便的行为仅当在 HTC 文件中不使用 document 对象时才可被定义。结果将使得轻便的行为比常规行为运行更加快速和有效率。但是,轻便的 DHTML 行为可以与常规的 DHTML 行为一样的方法访问主文档的 document 对象。 ondocumentready 事件将通知 DHTML 行为包含该行为的主 Web 页面的 document 对象可用。只要 ondocumentready 被触发,行为就可以开始处理主 document 属性。 行为中的脚本可以在 HTC 或主文档中引用 document 对象。如果要在 HTC 文件中编码脚本,应使用 element.document 来引用主文档的 document 对象。 示例 下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。 if (document.title!="") alert("标题为 " + document.title) 下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数,所得位置相对于文档的左上角。 SHOWExample <HTML> <HEAD><TITLE>报告鼠标移动</TITLE> <SCRIPT LANGUAGE="JScript"> function reportMove() { window.status = "X=" + window.event.x + " Y=" + window.event.y; } </SCRIPT> <BODY onmousemove="reportMove()"> <H1>欢迎!</H1> </BODY> </HTML> 标准信息 没有应用于此对象的公共标准。 应用到 [ 对象名称 ] 平台 版本 Win32: Unix: Win16: WinCE: Mac: 版本数据当鼠标指向链接或链接获得焦点时在此列出。 CUSTOM, window 将鼠标光标移动到应用到清单中的元素即可显示关于列出平台的可用信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值