| |
| |
| |
It's Not Just Help, It's HTML Help Basic ideas & their corollaries | |
| |
| |
The corollaries | |
| |
| |
A note on terminology | |
| |
| |
The enhanced proposition | |
| |
| |
A complete process | |
| |
| |
Basic HTML Help+DHTML+CSS = Enhanced HTML Help | |
| |
| |
Who should read this book | |
| |
| |
What you can learn from this book | |
| |
| |
Limitations | |
| |
| |
Chapter overviews | |
| |
| |
| |
So How Does It Work? Process & Product Overview What the process looks like | |
| |
| |
Notes on file types & extensions | |
| |
| |
Planning the system design | |
| |
| |
Traditional online help decisions | |
| |
| |
Audience/needs analysis | |
| |
| |
Organization: reference vs task | |
| |
| |
Navigation model | |
| |
| |
Tools | |
| |
| |
HTML aspects | |
| |
| |
Compiled or not? Graphical look and feel (CSS) | |
| |
| |
Action & interactivity (DHTML) | |
| |
| |
Directory structure | |
| |
| |
Crafting reusable elements & templates | |
| |
| |
Create the reusable elements (graphics, CSS, and DHTML) | |
| |
| |
The graphics | |
| |
| |
The style sheets (CSS) | |
| |
| |
The dynamic HTML (DHTML) | |
| |
| |
Assemble the templates | |
| |
| |
Write the individual pages | |
| |
| |
Creating the HTML Help project | |
| |
| |
Project definition | |
| |
| |
Create the project & add its topic files | |
| |
| |
Specify parameters | |
| |
| |
Window definition: size & styles | |
| |
| |
Building the navigation system | |
| |
| |
Contents | |
| |
| |
Index | |
| |
| |
Compiling & testing the project | |
| |
| |
Merging modular projects | |
| |
| |
Efficiency | |
| |
| |
Merging requirements | |
| |
| |
Setup options | |
| |
| |
Ensuring compatibility & binary index options | |
| |
| |
Specifying merge files | |
| |
| |
Window definitions | |
| |
| |
Merging references | |
| |
| |
Preparing merged tables of contents | |
| |
| |
Using proper cross-file link syntax | |
| |
| |
| |
Bringing It Together: HTML Topics & Templates Where to author | |
| |
| |
HTML Help Editor | |
| |
| |
HTML Help Image Editor | |
| |
| |
Designing the templates | |
| |
| |
Identifying the necessary templates types | |
| |
| |
Creating reusable elements | |
| |
| |
Fashioning the graphic elements | |
| |
| |
Assembling a screen capture library | |
| |
| |
Writing reusable text | |
| |
| |
Creating the templates | |
| |
| |
What it looks like | |
| |
| |
How it's done | |
| |
| |
Recipes for common HTML | |
| |
| |
Basic syntax | |
| |
| |
Document setup elements | |
| |
| |
HTML | |
| |
| |
HEAD | |
| |
| |
Title | |
| |
| |
Body | |
| |
| |
Local formatting tags | |
| |
| |
Bold & Italic | |
| |
| |
Code | |
| |
| |
Font | |
| |
| |
Center | |
| |
| |
Break | |
| |
| |
No Break | |
| |
| |
Body element tags | |
| |
| |
Headings | |
| |
| |
Paragraphs | |
| |
| |
Images | |
| |
| |
Anchors | |
| |
| |
Lists | |
| |
| |
Bulleted (unordered) lists | |
| |
| |
Numbered (ordered) lists | |
| |
| |
Numbered list with bullet sub-items | |
| |
| |
Definition list | |
| |
| |
Tables | |
| |
| |
Table | |
| |
| |
Table row | |
| |
| |
Table header/table data | |
| |
| |
Writing the HTML topic pages | |
| |
| |
How HTML works with HTML Help-& how it doesn't | |
| |
| |
Titling tricks | |
| |
| |
Author beware | |
| |
| |
Linkages | |
| |
| |
Background basics | |
| |
| |
Links within a single CHM | |
| |
| |
Links between CHMs | |
| |
| |
External links from the CHM | |
| |
| |
External links to the CHM | |
| |
| |
| |
Doing It In Style: CSS (Cascading Style Sheets) | |
| |
| |
What CSS is & What it Does | |
| |
| |
How to do it | |
| |
| |
Browser-dependence | |
| |
| |
Types of cascading style sheets | |
| |
| |
Linked style sheets | |
| |
| |
Embedded style sheets | |
| |
| |
Inline style sheets | |
| |
| |
Creating the style sheet | |
| |
| |
Style definition: the basics | |
| |
| |
The rules of inheritance | |
| |
| |
Selectors | |
| |
| |
Class selectors | |
| |
| |
Pseudo-classes | |
| |
| |
Contextual selectors | |
| |
| |
Anatomy of a value | |
| |
| |
Color values | |
| |
| |
CSS color names | |
| |
| |
RGB color values | |
| |
| |
Hexadecimal values | |
| |
| |
Browser-safe colors | |
| |
| |
Spatial values | |
| |
| |
Absolute: length values | |
| |
| |
Relative: percentage values | |
| |
| |
Keywords | |
| |
| |
Crucial properties for Help | |
| |
| |
Font properties | |
| |
| |
font-family | |
| |
| |
font-size | |
| |
| |
font-style and font-weight | |
| |
| |
font-variant | |
| |
| |
font (shorthand property for font properties) | |
| |
| |
Text & typography properties | |
| |
| |
text-decoration | |
| |
| |
vertical-align | |
| |
| |
text-align | |
| |
| |
line-height | |
| |
| |
text-indent | |
| |
| |
Color & background properties | |
| |
| |
color | |
| |
| |
background-color | |
| |
| |
background-image | |
| |
| |
background (shorthand property for backgrounds) | |
| |
| |
Box properties (margin, padding, borders) | |
| |
| |
Variants & shorthand versions | |
| |
| |
padding-top (-right, -left, -bottom), padding | |
| |
| |
border-top-style (-right-, -left-, -bottom-), border-style | |
| |
| |
border-top-color (-right-, -left-, -bottom-), border-color | |
| |
| |
border-top-width (-right-, -left-, -bottom-), border-width | |
| |
| |
border-top (-right, -left, -bottom), border | |
| |
| |
margin-top (-right, -left, -bottom), margin | |
| |
| |
Classification (listing) properties | |
| |
| |
list-style-type | |
| |
| |
list-style-image | |
| |
| |
list-style-position | |
| |
| |
list-style | |
| |
| |
Printing properties | |
| |
| |
page | |