如何用WinCHM制作chm电子书

html-css06

如何用WinCHM制作chm电子书,第1张

一、准备工作

1

首先,根据要制作chm电子书的目录层次,准备好来制作的 html 文件。比如说,我们要制作如图所示的chm电子书“DirectX 11 手册”,它在根目录下有三个子目录,然后在每个子目录下又分别有文档或子目录。

2

我们就需要先新建一个文件夹DX11手册,然后根据以上目录层次结构,在相应目录下再新建子目录或 html 文档。

END

二、制作chm

准备工作完成后,启动WinCHM,按顺序完成以下步骤:

1)点击“新建”

2)在弹出的对话框中选中“使用现有的HTML文件创建一个项目”

3)填写项目标题

4)勾选“保持文件夹结构”

5)最后在“HTML位置”后的按钮处点击,找到之前已经准备好的HTML文件的目录,再点击确定。

目录导入成功后如图所示,现在,我们可以根据需要增删目录或文件,也可以调整它们的顺序。方法是:

1)调整层级或排序

先选中要调整的目录或文件,然后点击最左侧的那些箭头。其中上下箭头是调整排序的,而左右箭头是调整层级的。

2)增加或删除文件或目录

先选中相应的文件位置,然后点击左侧的删除图标或增加图标。

调整完毕后,点击菜单“编译”-“构建”-“HTML帮助”,再按图示步骤打开“设计CHM样式”。

打开的样式窗口如图所示,我们可以在设置区自定义自己喜欢的窗口样式。

在这儿提醒大家注意两个方面:

1)如果某项功能不需要,则可以取消勾选,预览区相应的组件或按钮就消失。

2)设置完成后一定要记得点击确定按钮,否则更改不会生效。

设置完成后,点击菜单“构建”旁边的向下箭头,再点击“HTML帮助”,然后再在弹出的对话框中点击“开始”即可开始编译CHM电子书了。

END

注意事项

样式设置完成后一定要记得点击确定。

初学者入门书籍:

中文电子书

深入浅出html pdf中文版

魅丽的网页设计

Web程序设计(第5版)完整版

HTML &XHTML 权威指南(英文+中文版)

Web编程入门经典:HTML、XHTML和CSS (第2版)

CSS商业网站布局之道(朱印宏著)

HTML与CSS入门经典(第7版)

Eric Meyer 谈CSS (卷1)

Eric Meyer 谈CSS (卷2)

无懈可击的Web设计

XHTML实例精解

XHTML技术内幕

HTML简明教程 中文PDF版

Dynamic HTML权威指南 第3版

XML基础教程 入门、DOM、AJAX与FLASH(Sas Jacobs[美]著)

网页视觉设计案例教程

英文原文电子书

Dive Into HTML5

HTML5.and.CSS3:Develop with Tomorrow's Standards Today

HTML5 Step by Step

Beginning HTML with CSS and XHTML

Beginning CSS Web Development 从入门到精通

CSS Web Development从入门到精通

HTML,XHTML,and CSS - Visual Quickstart Guide 第六版

深入浅出HTML(英文版)

Transcending.CSS(英文版)

完美HTML设计 - 使用CSS不用Table (第二版)

HTML, XHTML, and CSS Bible, 5th Edition

CSS禅意花园 (高级CSS开发)

O'Reilly CSS: The Definitive Guide 第三版(CSS权威指南)

Sams Teach Yourself HTML5 in 10 Minutes (5th Edition)

HTML5 and CSS3: Develop with Tomorrow's Standards Today

Wrox Web Standards Programmer's Reference

Spring into HTML and CSS

The Essential Guide to CSS and HTML Web Design

HTML &XHTML - The Complete Reference第四版

XHTML Moving toward XML

Mastering Integrated HTML and CSS

Build your Own WebSite - The Right Way Using HTML and CSS

Head First HTML with CSS &XHTML

The Best Practice Guide to xHTML and CSS

The CSS Anthology (第三版)

The CSS Anthology (第二版)

Sams Teach Yourself HTML 4 in 10 Minutes

Teach Yourself HTML in 10 Minutes 第四版

Ultimate HTML Reference

高级进阶电子书:

中文电子书

HTML5高级程序设计(完整版)

css3_for_web_designers

CSS精粹(第3版)

CSS Web设计高级教程 第2版

大巧不工-WEB前端设计修炼之道

博客园精华集 Web标准之道

编写高质量代码-Web前端开发修炼之道(完整版)

变幻之美——Div+CSS网页布局揭秘(案例实战篇)

Web导航设计

Web表单设计:点石成金的艺术

精通XHTML程序设计高级编程

彻底设计研究CSS

CSS时尚编程百例

英文原文电子书

Don't Make Me Think!

Apress Pro CSS and HTML Design Patterns

Professional CSS: Cascading Style Sheets for Web Design 第二版

The Book of CSS3: A Developer’s Guide to the Future of Web Design

Accessible XHTML and CSS Web Sites: Problem - Design - Solution

How to Do Everything With HTML

O'Reilly CSS Cookbook

A Book Apart CSS3 For Web Designers

Speed Up Your Site: Web Site Optimization

O'Reilly Designing Web Navigation

Beginning CSS: Cascading Style Sheets for Web Design

The Ultimate CSS Reference

Wrox CSS Instant Results

CSS Mastery: Advanced Web Standards Solutions

Creating Cool Web Sites with HTML, XHTML, and CSS

Beginning HTML with CSS and XHTML: Modern Guide and Reference

Accessible XHTML and CSS Web Sites

O'Reilly CSS The Missing Manual

Wiley Creating Web Sites Bible

Pro CSS for High Traffic Websites

HTML Manual of Style 4th

O'Reilly HTML5: Up and Running

Stunning CSS3: A project-based guide to the latest in CSS

The Definitive Guide to HTML5 Video

Canvas Pocket Reference: Scripted Graphics for HTML5

Apress.Pro.HTML5.Programming.Sep.2010

Pro CSS Techniques

W3C官方手册:

CSS完全参考手册3.0

xHTML完全参考手册 5合1 W3C官方权威手册

HTML 4.01 规范 - W3C官方HTML权威指南

HTML 4.0 参考手册 CHM

W3C HTML 3.2 规范

CSS 2 权威W3C官方参考手册 CHM

css手册2.0 3.0

把html格式帮助文档转换成chm格式的方法步骤如下:

首先准备好要制作的html,然后打开winchm,在弹出的对话框中选择“create a new project”!

接着在New Project中选择“create a project using existing html files”,然在“project title”中输入你想要建立的工程的名字,在“html position”中选择你准备好的html的文件夹。点击ok.

点击Compile下的Build project.

在“Build help file”中选择“HTML Help(CHM)”,点击箭头所指的按钮,选择要保存的chm的位置和名字。点击start.

然后多等生成成功即可。这个过程一定要注意,让电脑什么也不要做,你要不要点来点去,这样很容易让程序卡死,导致制作失败。(别动就行了!)

来张成功照!