W3C_School 在线教程chm 版制作教程

朱雀 2023-06-17 10:54 6阅读 0赞

[http://www.etextwizard.com/cn/products.html][http_www.etextwizard.com_cn_products.html]

**W3C\_School ****在线教程chm 版制作教程**

CoderDream

2010-12-22

# 1.        整站下载 #

## 1.1.        下载工具 ##

*  软件名称：WebSeizer1.11.rar （建议下这个版本，后续的版本竟然没有在本地生成html 文件）

![format_png][]

图1- 1 版本信息

*  下载地址：http://www.cnd8.com/down/5367.htm?no=1

## 1.2.        下载教程 ##

1)     新建任务

![format_png 1][]

图1- 2 新建任务

2)     点击【新建】按钮，进入【主要下载设置】按钮（保持默认即可）：

![format_png 2][]

图 1- 3 主要下载设置

3)     定位下载文件存放的位置：

![format_png 2][]

图 1- 4 发送路径设置

4)     设置【发送位置】：

![format_png 3][]

图 1- 5 发送位置

5)     设置完毕：

![format_png 4][]

图 1- 6 设置结果

6)     点击【运行】按钮，开始下载：

![format_png 5][]

图 1- 7 运行任务

7)     下载完成：

![format_png 6][]

图 1- 8 任务下载完成

# 2.      寻找缺失文件 #

## 2.1.        WebSeizer 的 Bug ##

这个软件有个bug ，就是css 中调用的图片文件不会下载，这样会有很多图片不会显示。

保存前：

![format_png 7][]

图 2- 1 网页保存前

保存后：

![format_png 8][]

图 2- 2 网页保存后

## 2.2.        利用 Java 代码找到丢失文件的地址 ##

**Java代码  ![收藏代码][format_png 9]**

1.  **public** **class** CSSReaderTest \{  
2.      @Test  
3.      **public** **void** readCSS() **throws** Exception \{  
4.          // 有可能存在一个文件多次使用，所以这里使用Set  
5.          Set<String> set = **new** HashSet<String>();  
6.          String str = "";  
7.          BufferedReader file = **new** BufferedReader(**new** FileReader("c3.css"));  
8.          **int** i = 0;  
9.          **while** (**null** != (str = file.readLine())) \{  
10.             // 文本结束的标志  
11.             **if** (!"0".equals(str)) \{  
12.                 // 不需要读取空行  
13.                 **if** (!"".equals(str)) \{  
14.                     // System.out.println(str);  
15.                     **if** (-1 != str.indexOf(".gif")) \{  
16.                         i++;  
17.                         // System.out.println(i + ":" + str);  
18.                         **int** beginIndex = str.indexOf("i/");  
19.                         **int** endIndex = str.indexOf(".gif");  
20.                         // System.out.println(beginIndex);  
21.                         // System.out.println(endIndex);  
22.                         // System.out.println(i + ":"  
23.                         // + str.substring(beginIndex + 2, endIndex + 4));  
24.                         set.add(str.substring(beginIndex + 2, endIndex + 4));  
25.                     \}  
26.                 \}  
27.             \}  
28.         \}  
29.         file.close();  
30.         printSet(set);  
31.     \}  
32.   
33.     **private** **void** printSet(Set<String> set) \{  
34.         **int** i = 0;  
35.         **for** (Iterator<String> iterator = set.iterator(); iterator.hasNext();) \{  
36.             String str = iterator.next();  
37.             i++;  
38.             // System.out.println(i + ":\\t" + "http://www.w3school.com.cn/i/" + str);  
39.             System.out.println("http://www.w3school.com.cn/i/" + str);  
40.         \}  
41.     \}  
42.   
43. \}

输出结果：

**Java代码  ![收藏代码][format_png 9]**

1.  http://www.w3school.com.cn/i/site\_head\_index.gif  
2.  http://www.w3school.com.cn/i/site\_tools.gif  
3.  http://www.w3school.com.cn/i/site\_selected.gif  
4.  http://www.w3school.com.cn/i/site\_example.gif  
5.  http://www.w3school.com.cn/i/site\_holder.gif  
6.  http://www.w3school.com.cn/i/site\_table\_bg.gif  
7.  http://www.w3school.com.cn/i/site\_ads.gif  
8.  http://www.w3school.com.cn/i/site\_reference.gif  
9.  http://www.w3school.com.cn/i/site\_prenext.gif  
10. http://www.w3school.com.cn/i/site\_afterschool.gif  
11. http://www.w3school.com.cn/i/site\_books.gif  
12. http://www.w3school.com.cn/i/site\_nav.gif  
13. http://www.w3school.com.cn/i/site\_search.gif  
14. http://www.w3school.com.cn/i/site\_quiz.gif  
15. http://www.w3school.com.cn/i/site\_head.gif  
16. http://www.w3school.com.cn/i/site\_course.gif  
17. http://www.w3school.com.cn/i/site\_wrapper.gif

利用下载工具将这些文件下载后放到i 文件夹下，然后修改c3.css 文件，将所有图片文件地址前面的斜线去掉：

修改前【url( **/ **i/site\_holder.gif)】，修改后【url(/i/site\_holder.gif)】。

# 3.      制作 CHM #

## 3.1.        制作工具 ##

l  软件名称：EasyCHM V3.84.545 绿色特别修正版 By D4llower （360 报木马，破解之类的东西肯定会报，感觉没有什么问题）

l  下载地址：http://down.qiannao.com/space/file/yswangzi6606/share/2010/1/31/EasyCHM-0020V3.84.545-0020-7eff-8272-7279-522b-7248-0020By-0020D4llower.rar/.page

## 3.2.        制作过程 ##

1)     新建工程：

点击工具栏的【新建】按钮，弹出【新工程目录】，点击【浏览】按钮，定位到网站下载的具体文件夹：

![format_png 10][]

图 3- 1 新建工程并设置目录

2)     调整页面层级：

通过上下左右四个方向箭头调整父子、兄弟关系。

![format_png 11][]

图 3- 2 调整页面层级

3)     编译设置

点击工具栏的【编译】按钮，在弹出窗口中设置【标题】、【第一页】、【主页】按钮显示的页面和chm 的名字。

![format_png 12][]

图 3- 3 设置编译属性

4)     点击【生成CHM 】按钮，开始生成chm 文件：

生成过程：

![format_png 13][]

图 3- 4 生成过程

生成结果：

![format_png 14][]

图 3- 5 生成结果

5)     最终效果：

![format_png 15][]

图 3- 6 最终效果首页

![format_png 16][]

图 3- 7 最终效果 XML 简介页面

我的联系方式，欢迎交流：

QQ ：85337464

MSN ：[xulin586@msn.com][xulin586_msn.com]

博客1 ：[http://coderdream.iteye.com/][http_coderdream.iteye.com]

博客2 ：[http://coderdream.blogjava.net/][http_coderdream.blogjava.net]

[http_www.etextwizard.com_cn_products.html]: http://www.etextwizard.com/cn/products.html
[format_png]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4MjcvN2I0ZDJhYzgtNTAyYy0zYzExLWI1ZDYtMjI0YmNlNTdlNGY1LmpwZw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4MjkvNmFhMmU5MjUtY2RmYS0zOTFkLWE5MWUtMjMxYmIzNDEyMzFlLmpwZw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4MzEvMzViNzFhNTctOWM0Mi0zNjc4LWIwZGYtYjNhN2QyYTlmZDBiLmpwZw?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4MzUvMzJkOWFjZjktZWM1NC0zYWViLWE4NTgtYzMwZDJhYjI1MmI3LmpwZw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4MzcvMDY0YzM5OWEtMWEzNy0zNWJiLThlNTgtYjEzNDU1ODliNWFiLmpwZw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4MzkvYTY2OTQ1YzEtY2ViZi0zYzQwLTkyZWEtYmVjZWMxNjI1MDVkLmpwZw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NDEvNTZjMzE4MzEtMmM4OS0zMWEyLWE2ZmQtOGU3Y2RjMDY4NjczLmpwZw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NDMvNTA3NTE1YjUtOGE4Zi0zZjliLWE3OTMtZWZiMTY5MzU5MmIzLmpwZw?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NDUvNTc0ZDUzMzktZTNiZS0zZjkwLTgwNDItNjNhNWVlNzlhNWYzLmpwZw?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cuaXRleWUuY29tL2ltYWdlcy9pY29uX3N0YXIucG5n?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NDcvMWYxNTgxMTMtYTdmMy0zZWZiLTg5YTItMDNiM2E4ZDFkNzdkLmpwZw?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NDkvNmJhNWNmOGQtMzQxNS0zZmQ2LWJjNjctZDEyNDI3YzcyYmFhLmpwZw?x-oss-process=image/format,png
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NTEvZTYwNjlmMzEtNjA4Zi0zOTY0LWE4YjQtYzM3YzdjOWZiOWMzLmpwZw?x-oss-process=image/format,png
[format_png 13]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NTMvMGQ2OWYzZTAtN2Q1NC0zZDFhLTk4NzktYTdjZmVkZTcyZGYyLmpwZw?x-oss-process=image/format,png
[format_png 14]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NTUvYmFmMjJlZWMtMjYwMi0zYmMyLTgzNjYtNDVmODAwY2I1NmYyLmpwZw?x-oss-process=image/format,png
[format_png 15]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NTcvOWMxOGFiNjctN2IyMi0zYTM5LTk5NWEtMDFlNTc5MmJiZGU3LmpwZw?x-oss-process=image/format,png
[format_png 16]: https://imgconvert.csdnimg.cn/aHR0cDovL2RsLml0ZXllLmNvbS91cGxvYWQvYXR0YWNobWVudC8zNzM4NTkvMTAxNzY2ZWYtZTEyYi0zODAyLTkxMTctNGE1NTU3NjJmODNmLmpwZw?x-oss-process=image/format,png
[xulin586_msn.com]: mailto:xulin586@msn.com
[http_coderdream.iteye.com]: https://www.iteye.com/
[http_coderdream.blogjava.net]: http://coderdream.blogjava.net/