| Dedication |
|
v | |
|
It's Not Just Help, It's HTML Help |
|
|
|
Basic ideas & their corollaries |
|
|
4 | (2) |
|
|
|
5 | (1) |
|
|
|
5 | (1) |
|
|
|
6 | (4) |
|
|
|
7 | (1) |
|
Basic HTML Help+DHTML+CSS = Enhanced HTML Help |
|
|
8 | (2) |
|
Who should read this book |
|
|
10 | (2) |
|
What you can learn from this book |
|
|
12 | (2) |
|
|
|
13 | (1) |
|
|
|
14 | (7) |
|
So How Does It Work? Process & Product Overview |
|
|
|
What the process looks like |
|
|
21 | (1) |
|
Notes on file types & extensions |
|
|
22 | (2) |
|
Planning the system design |
|
|
24 | (12) |
|
Traditional online help decisions |
|
|
24 | (1) |
|
|
|
24 | (3) |
|
Organization: reference vs. task |
|
|
27 | (1) |
|
|
|
28 | (2) |
|
|
|
30 | (2) |
|
|
|
32 | (1) |
|
|
|
32 | (1) |
|
Graphical look and feel (CSS) |
|
|
33 | (1) |
|
Action & interactivity (DHTML) |
|
|
34 | (1) |
|
|
|
35 | (1) |
|
Crafting reusable elements & templates |
|
|
36 | (13) |
|
Create the reusable elements (graphics, CSS, and DHTML) |
|
|
37 | (1) |
|
|
|
37 | (1) |
|
|
|
38 | (4) |
|
|
|
42 | (3) |
|
|
|
45 | (3) |
|
Write the individual pages |
|
|
48 | (1) |
|
Creating the HTML Help project |
|
|
49 | (12) |
|
|
|
49 | (1) |
|
Create the project & add its topic files |
|
|
49 | (3) |
|
|
|
52 | (1) |
|
Window definition: size & styles |
|
|
53 | (2) |
|
Building the navigation system |
|
|
55 | (1) |
|
|
|
55 | (3) |
|
|
|
58 | (2) |
|
Compiling & testing the project |
|
|
60 | (1) |
|
|
|
61 | (8) |
|
|
|
61 | (1) |
|
|
|
62 | (1) |
|
|
|
62 | (1) |
|
Ensuring compatibility & binary index options |
|
|
62 | (1) |
|
|
|
62 | (1) |
|
|
|
63 | (1) |
|
|
|
63 | (1) |
|
Preparing merged tables of contents |
|
|
63 | (1) |
|
Using proper cross-file link syntax |
|
|
64 | (5) |
|
Bringing It Together: HTML Topics & Templates |
|
|
|
|
|
69 | (8) |
|
|
|
72 | (2) |
|
|
|
74 | (3) |
|
|
|
77 | (9) |
|
Identifying the necessary templates types |
|
|
78 | (3) |
|
Creating reusable elements |
|
|
81 | (1) |
|
Fashioning the graphic elements |
|
|
82 | (1) |
|
Assembling a screen capture library |
|
|
82 | (3) |
|
|
|
85 | (1) |
|
|
|
86 | (4) |
|
|
|
86 | (2) |
|
|
|
88 | (2) |
|
|
|
90 | (18) |
|
|
|
90 | (1) |
|
|
|
91 | (1) |
|
|
|
91 | (1) |
|
|
|
91 | (1) |
|
|
|
92 | (1) |
|
|
|
92 | (1) |
|
|
|
92 | (1) |
|
|
|
92 | (1) |
|
|
|
93 | (1) |
|
|
|
93 | (1) |
|
|
|
94 | (1) |
|
|
|
94 | (1) |
|
|
|
94 | (1) |
|
|
|
95 | (1) |
|
|
|
95 | (1) |
|
|
|
96 | (1) |
|
|
|
97 | (1) |
|
|
|
98 | (1) |
|
|
|
99 | (1) |
|
Bulleted (unordered) lists |
|
|
99 | (1) |
|
|
|
100 | (1) |
|
Numbered list with bullet sub-items |
|
|
101 | (1) |
|
|
|
102 | (2) |
|
|
|
104 | (1) |
|
|
|
105 | (1) |
|
|
|
106 | (1) |
|
|
|
107 | (1) |
|
Writing the HTML topic pages |
|
|
108 | (1) |
|
How HTML works with HTML Help---& how it doesn't |
|
|
109 | (12) |
|
|
|
109 | (2) |
|
|
|
111 | (1) |
|
|
|
112 | (1) |
|
|
|
113 | (1) |
|
Links within a single CHM |
|
|
114 | (1) |
|
|
|
115 | (1) |
|
External links from the CHM |
|
|
116 | (1) |
|
External links to the CHM |
|
|
117 | (4) |
|
Doing It In Style: CSS [Cascading Style Sheets] |
|
|
|
What CSS is & what it does |
|
|
121 | (3) |
|
|
|
124 | (1) |
|
|
|
124 | (1) |
|
Types of cascading style sheets |
|
|
125 | (5) |
|
|
|
125 | (2) |
|
|
|
127 | (1) |
|
|
|
128 | (2) |
|
|
|
130 | (3) |
|
Style definition: the basics |
|
|
130 | (2) |
|
|
|
132 | (1) |
|
|
|
133 | (3) |
|
|
|
133 | (2) |
|
|
|
135 | (1) |
|
|
|
135 | (1) |
|
|
|
136 | (5) |
|
|
|
136 | (1) |
|
|
|
136 | (1) |
|
|
|
137 | (1) |
|
|
|
137 | (1) |
|
|
|
138 | (1) |
|
|
|
139 | (1) |
|
|
|
139 | (1) |
|
Relative: percentage values |
|
|
140 | (1) |
|
|
|
140 | (1) |
|
Crucial properties for Help |
|
|
141 | (24) |
|
|
|
142 | (1) |
|
|
|
142 | (1) |
|
|
|
143 | (1) |
|
font-style and font-weight |
|
|
144 | (1) |
|
|
|
145 | (1) |
|
font (shorthand property for font properties) |
|
|
145 | (2) |
|
Text & typography properties |
|
|
147 | (1) |
|
|
|
147 | (1) |
|
|
|
148 | (1) |
|
|
|
148 | (1) |
|
|
|
149 | (1) |
|
|
|
150 | (1) |
|
Color & background properties |
|
|
151 | (1) |
|
|
|
151 | (1) |
|
|
|
151 | (1) |
|
|
|
152 | (1) |
|
background (shorthand property for backgrounds) |
|
|
152 | (1) |
|
Box properties (margin, padding, borders) |
|
|
153 | (1) |
|
Variants & shorthand versions |
|
|
154 | (1) |
|
padding-top (-right, -left, -bottom), padding |
|
|
154 | (1) |
|
border-top-style (-right-, -left-, -bottom-), border-style |
|
|
155 | (2) |
|
border-top-color (-right-, -left-, -bottom-), border-color |
|
|
157 | (1) |
|
border-top-width (-right-, -left-, -bottom-), border-width |
|
|
157 | (1) |
|
border-top (-right, -left, -bottom), border |
|
|
158 | (1) |
|
margin-top (-right, -left, -bottom), margin |
|
|
159 | (2) |
|
Classification (listing) properties |
|
|
161 | (1) |
|
|
|
161 | (1) |
|
|
|
162 | (1) |
|
|
|
162 | (1) |
|
|
|
163 | (1) |
|
|
|
164 | (1) |
|
page-break-before (-after, -inside) |
|
|
164 | (1) |
|
How CSS works with HTML Help---& how it doesn't |
|
|
165 | (6) |
|
Adding the style sheet to the project |
|
|
165 | (1) |
|
Areas of enhancement: fonts |
|
|
166 | (1) |
|
Arenas of conflict: spacing, inheritance, & split files |
|
|
167 | (4) |
|
Making Waves: DHTML [Dynamic HTML] |
|
|
|
What it is & what it does |
|
|
171 | (5) |
|
|
|
172 | (4) |
|
|
|
176 | (6) |
|
Linking to an external script file |
|
|
176 | (1) |
|
|
|
177 | (1) |
|
Adding the external script file to the project |
|
|
178 | (1) |
|
|
|
178 | (1) |
|
|
|
179 | (3) |
|
Basic JavaScript terminology |
|
|
182 | (12) |
|
|
|
182 | (2) |
|
|
|
184 | (1) |
|
|
|
185 | (1) |
|
|
|
186 | (1) |
|
|
|
187 | (1) |
|
Using ``this'' as a reference |
|
|
187 | (1) |
|
|
|
188 | (1) |
|
|
|
189 | (2) |
|
|
|
191 | (2) |
|
|
|
193 | (1) |
|
Crucial DHTML elements for HTML Help |
|
|
194 | (17) |
|
Common objects & their properties |
|
|
194 | (1) |
|
|
|
194 | (3) |
|
|
|
197 | (1) |
|
|
|
198 | (1) |
|
|
|
199 | (1) |
|
|
|
200 | (1) |
|
|
|
201 | (1) |
|
|
|
201 | (2) |
|
Common events & event handlers |
|
|
203 | (1) |
|
|
|
203 | (2) |
|
|
|
205 | (1) |
|
|
|
205 | (1) |
|
|
|
205 | (2) |
|
|
|
207 | (1) |
|
|
|
208 | (1) |
|
|
|
208 | (1) |
|
|
|
209 | (2) |
|
DHTML recipes for HTML Help |
|
|
211 | (9) |
|
|
|
211 | (1) |
|
Change text color on mouseover |
|
|
212 | (1) |
|
|
|
213 | (1) |
|
Status bar explanation of an image map |
|
|
214 | (1) |
|
|
|
215 | (2) |
|
|
|
217 | (1) |
|
Alert message using input from a prompt |
|
|
218 | (2) |
|
How DHTML works with HTML Help---& how it doesn't |
|
|
220 | (7) |
|
|
|
220 | (1) |
|
Single browser/limited versions |
|
|
220 | (1) |
|
|
|
221 | (1) |
|
|
|
222 | (1) |
|
Explicitly adding files to avoid lost paths |
|
|
222 | (1) |
|
|
|
222 | (1) |
|
Linking to secondary windows |
|
|
222 | (1) |
|
Taking care with positioning elements |
|
|
223 | (1) |
|
|
|
223 | (4) |
|
Creating Magic: The HTML Help Project File |
|
|
|
|
|
227 | (5) |
|
The trivial New Project Wizard |
|
|
227 | (1) |
|
|
|
228 | (1) |
|
File & directory conventions |
|
|
229 | (2) |
|
Using the New Project Wizard |
|
|
231 | (1) |
|
|
|
232 | (21) |
|
Adding topic & navigtion files |
|
|
232 | (1) |
|
To add files to an HTML Help project (in the Workshop): |
|
|
233 | (1) |
|
To add files to an HTML Help project (in Notepad): |
|
|
233 | (1) |
|
|
|
234 | (1) |
|
Those surreptitious essentials |
|
|
234 | (4) |
|
Dealing with window types |
|
|
238 | (1) |
|
|
|
239 | (5) |
|
Advanced info: Understanding the project file's window type specs |
|
|
244 | (5) |
|
|
|
249 | (4) |
|
|
|
253 | (8) |
|
Save early, save often...and close the Workshop |
|
|
253 | (1) |
|
The moment of truth: compiling |
|
|
254 | (2) |
|
Compiling from the command line |
|
|
256 | (1) |
|
Previewing & troubleshooting the results |
|
|
256 | (5) |
|
Navigating the Waters: Table of Contents |
|
|
|
Choosing the editing environment |
|
|
261 | (1) |
|
The Workshop's graphical interface |
|
|
262 | (6) |
|
Understanding how the Workshop tabs work |
|
|
262 | (1) |
|
Creating a TOC on the Contents tab |
|
|
263 | (5) |
|
|
|
268 | (4) |
|
Understanding how the automatic TOC works |
|
|
268 | (2) |
|
Creating an automatic TOC |
|
|
270 | (1) |
|
|
|
271 | (1) |
|
|
|
272 | (4) |
|
|
|
276 | (2) |
|
Setting up the TOC in the Workshop |
|
|
276 | (1) |
|
Setting up the TOC manually |
|
|
277 | (1) |
|
|
|
278 | (2) |
|
|
|
278 | (1) |
|
|
|
279 | (1) |
|
|
|
280 | (2) |
|
|
|
282 | (7) |
|
|
|
282 | (1) |
|
|
|
283 | (6) |
|
Out of Many, One: Merging Modular Files |
|
|
|
What it is & what it does |
|
|
289 | (3) |
|
The HTML Help author's experience |
|
|
290 | (1) |
|
|
|
291 | (1) |
|
|
|
292 | (4) |
|
Meeting the requirements efficiently |
|
|
295 | (1) |
|
|
|
296 | (9) |
|
|
|
296 | (1) |
|
|
|
297 | (4) |
|
|
|
301 | (4) |
|
|
|
305 | (8) |
|
General troubleshooting tips |
|
|
305 | (3) |
|
|
|
308 | (5) |
|
Accelerating Links: Cross-Referencing Options |
|
|
|
|
|
313 | (15) |
|
|
|
313 | (1) |
|
Binary vs. sitemap indexes |
|
|
314 | (3) |
|
Location, location, location: Where to put keywords |
|
|
317 | (1) |
|
|
|
318 | (1) |
|
|
|
318 | (2) |
|
To create an index file (sitemap or binary index) |
|
|
320 | (4) |
|
Troubleshooting index settings |
|
|
324 | (4) |
|
|
|
328 | (4) |
|
|
|
328 | (1) |
|
To create cross-referencing links |
|
|
329 | (3) |
|
|
|
332 | (7) |
|
|
|
332 | (3) |
|
|
|
335 | (1) |
|
Setting up full-text search |
|
|
336 | (1) |
|
To enable full-text search |
|
|
336 | (2) |
|
|
|
338 | (1) |
|
|
|
339 | (8) |
|
To create a shortcut in a topic file |
|
|
340 | (7) |
|
Making It Happen: Distribution & Installation |
|
|
|
What it is & what it does |
|
|
347 | (4) |
|
HHUPD.EXE: The standard approach |
|
|
351 | (2) |
|
Getting the version right |
|
|
351 | (1) |
|
|
|
352 | (1) |
|
Internet Explorer 5: an alternate approach |
|
|
353 | (2) |
|
Looking ahead: Windows 2000 |
|
|
355 | (2) |
|
|
|
355 | (2) |
| Index |
|
357 | |