HTML produced by WebWorks Publisher Professional Edition 7.0.5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="GENERATOR" content="Quadralay WebWorks Publisher Professional Edition 7.0.5.1025" />
<meta name="TEMPLATEBASE" content="Microsoft HTML Help" />
<meta name="LASTUPDATED" content="09/23/02 12:59:06" />
<title>HTML Generated by WebWorks Publisher Professional Edition 7.0.5 </title>
<link rel="StyleSheet" href="document.css" type="text/css" />
<link rel="StyleSheet" href="catalog.css" type="text/css" />
</head>
<body>
<blockquote>
<a name="wp998201"> </a><h2 class="pHeading1">
HTML Generated by WebWorks Publisher Professional Edition 7.0.5
</h2>
<p class="pBody">
This file contains samples of the types of elements that are typically included in Help topics. This file has been created in a variety of other authoring tools as well so that Help authors can compare the actual HTML produced by different authoring tools.
</p>
<p class="pBody">
This page contains the following sections:
</p>
<div class="pSmartList1"><ul class="pSmartList1">
<div class="pSmartList1"><li><a href="topic.html#wp998220">Ordinary paragraphs</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998232">Manual formatting</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998251">A table</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998285">An ordered list</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998290">An unordered list</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998295">A complex nested list</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998309">A popup</a> </li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998312">An image</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998315">An HTML Help Shortcut Control</a></li></div>
<div class="pSmartList1"><li><a href="topic.html#wp998318">Credits</a></li></div>
</ul></div>
<a name="wp998220"> </a><h3 class="pHeading2">
Ordinary paragraphs
</h3>
<p class="pBody">
These are ordinary paragraphs. Humphrey Bogart once said, "I came out here with one suit and everybody said I looked like a bum. Twenty years later Marlon Brando came out with only a sweatshirt and the town drooled over him. That shows how much Hollywood has progressed."
</p>
<p class="pBody">
These are ordinary paragraphs. Groucho Marx once said, "Please accept my resignation. I don't care to belong to any club that will have me as a member."
</p>
<a name="wp998232"> </a><h3 class="pHeading2">
Manual formatting
</h3>
<p class="pBody">
Some of the tools on our list allow for manual paragraph and character formatting (for example, RoboHelp HTML and Dreamweaver), while others require that users define explicit styles (for example, AuthorIT and Doc-To-Help 6.0). The following paragraphs have been restyled as specified, using manual formatting where allowed.
</p>
<p class="pBody">
The format of this paragraph has been changed manually (i.e., not using a CSS style). The left and right indent have been set to "1em", and the paragraph has been center-justified.
</p>
<p class="pBody">
This paragraph contains manual character formatting, including boldface, italics, bold italics, underlined, font size change, and font family change.
</p>
<a name="wp998251"> </a><h3 class="pHeading2">
A table
</h3>
<p class="pBody">
The following is a table:
</p>
<p class="pBody">
</p><div align="left">
<table border="1" cellpadding="4" cellspacing="0px">
<caption></caption>
<tr bgcolor="#A7F5B4" align="center"> <th><a name="wp998870"> </a><div class="pCellHeading">
</div>
</th>
<th><a name="wp998872"> </a><div class="pCellHeading">
North
</div>
</th>
<th><a name="wp998874"> </a><div class="pCellHeading">
South
</div>
</th>
<th><a name="wp998876"> </a><div class="pCellHeading">
East
</div>
</th>
<th><a name="wp998878"> </a><div class="pCellHeading">
West
</div>
</th>
</tr>
<tr align="left"> <td><a name="wp998880"> </a><div class="pCellHeading">
First Quarter
</div>
</td>
<td>
<p class="pBody">
$112,000
</p>
</td>
<td>
<p class="pBody">
$102,000
</p>
</td>
<td>
<p class="pBody">
$156,000
</p>
</td>
<td>
<p class="pBody">
$128,000
</p>
</td>
</tr>
<tr align="left"> <td><a name="wp998993"> </a><div class="pCellHeading">
Second Quarter
</div>
</td>
<td><a name="wp998892"> </a><div class="pCellBody">
$124,000
</div>
</td>
<td>
<p class="pBody">
$108,000
</p>
</td>
<td>
<p class="pBody">
$172,000
</p>
</td>
<td>
<p class="pBody">
$135,000
</p>
</td>
</tr>
<tr align="left"> <td><a name="wp999038"> </a><div class="pCellHeading">
Third Quarter
</div>
</td>
<td>
<p class="pBody">
$156,000
</p>
</td>
<td>
<p class="pBody">
$96,000
</p>
</td>
<td>
<p class="pBody">
$181,000
</p>
</td>
<td>
<p class="pBody">
$137,000
</p>
</td>
</tr>
<tr align="left"> <td><a name="wp999068"> </a><div class="pCellHeading">
Fourth Quarter
</div>
</td>
<td>
<p class="pBody">
$187,000
</p>
</td>
<td>
<p class="pBody">
$135,000
</p>
</td>
<td>
<p class="pBody">
$207,000
</p>
</td>
<td>
<p class="pBody">
$168,000
</p>
</td>
</tr>
</table>
</div>
<p class="pBody">
</p>
<a name="wp998285"> </a><h3 class="pHeading2">
An ordered list
</h3>
<p class="pBody">
The following is an unordered list:
</p>
<div class="pSmartList1"><ol type="1" class="pSmartList1">
<div class="pSmartList1"><li>First, do this. </li></div>
<div class="pSmartList1"><li>Then, do that. </li></div>
<div class="pSmartList1"><li>Finally, do the other. </li></div>
</ol></div>
<a name="wp998290"> </a><h3 class="pHeading2">
An unordered list
</h3>
<p class="pBody">
The following is an ordered list:
</p>
<div class="pSmartList1"><ul class="pSmartList1">
<div class="pSmartList1"><li>Help Authors</li></div>
<div class="pSmartList1"><li>Web Designer</li></div>
<div class="pSmartList1"><li>Technical Writers </li></div>
</ul></div>
<a name="wp998295"> </a><h3 class="pHeading2">
A complex nested list
</h3>
<p class="pBody">
The following is a complex nested list:
</p>
<div class="pSmartList1"><ol type="1" class="pSmartList1">
<div class="pSmartList1"><li>First do the following: </li></div>
<div class="pSmartList2"><ol type="a" class="pSmartList2">
<div class="pSmartList2"><li>Do both of the following: </li></div>
<div class="pSmartList3"><ol type="a" class="pSmartList3">
<div class="pSmartList3"><li>Sub-step a.</li></div>
<div class="pSmartList3"><li>Sub-step b. </li></div>
</ol></div>
<div class="pSmartList2"><li>Do one of the following: </li></div>
<div class="pSmartList3"><ol type="a" class="pSmartList3">
<div class="pSmartList3"><li>a. Factor one</li></div>
<div class="pSmartList3"><li>b. Factor two </li></div>
<div class="pSmartList3"><li>c. Click Save. </li></div>
</ol></div>
</ol></div>
<div class="pSmartList1"><li>Then, type the following text: </li></div>
<p class="pBodyRelative">
<code class="cCode">DIR C: /W</code>
</p>
<div class="pSmartList1"><li>Finally, close the application. </li></div>
</ol></div>
<a name="wp998309"> </a><h3 class="pHeading2">
A popup
</h3>
<p class="pBody">
Here is a standard HTML Help text-only popup:
</p>
<p class="pBody">
<a href="javascript:hhctrl.TextPopup(Popup_wp998197, 'Arial,9', 10, 10, -1, -1);">Click here</a>.
</p>
<a name="wp998312"> </a><h3 class="pHeading2">
An image
</h3>
<p class="pBody">
Disconnect from Nemesis, as shown here:
</p>
<p class="pBody">
<img src="images/image1.gif" height="201" width="372" border="0" hspace="0" vspace="0"/>
</p>
<a name="wp998315"> </a><h3 class="pHeading2">
An HTML Help Shortcut Control
</h3>
<p class="pBody">
Here is an HTML Help Shortcut control:
</p>
<p>
<object id=hhshctrl type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
width=100
height=100>
<param name="Command" value="ShortCut">
<param name="Button" value="Text:Click here to run Notepad">
<param name="Item1" value=",Notepad.exe,">
</object>
</p>
<a name="wp998318"> </a><h3 class="pHeading2">
Credits
</h3>
<p class="pBody">
Thanks to the following individuals, who created these Help Authoring Tool output samples:
</p>
<p class="pBody">
</p><div align="left">
<table border="1" cellpadding="4" cellspacing="0px">
<caption></caption>
<tr align="left"> <th><a name="wp999183"> </a><div class="pCellHeading">
Contributor's Name
</div>
</th>
<th><a name="wp999189"> </a><div class="pCellHeading">
Contributor's Company
</div>
</th>
<th><a name="wp999195"> </a><div class="pCellHeading">
Tools
</div>
</th>
</tr>
<tr align="left"> <td>
<p class="pBody">
<a href="mailto:dana@logicsmith.com">Dana Cline</a>
</p>
</td>
<td>
<p class="pBody">
<a href="http://www.logicsmith.com">TANSTAAFL Software</a>
</p>
</td>
<td>
<p class="pBody">
ForeHTML
</p>
</td>
</tr>
<tr align="left"> <td>
<p class="pBody">
<a href="mailto:charjt@helpstuff.com">Char James-Tanny</a>
</p>
</td>
<td>
<p class="pBody">
<a href="http://www.helpstuff.com">JTF Associates</a>
</p>
</td>
<td>
<p class="pBody">
AuthorIT<br />Hand-coded HTML
</p>
</td>
</tr>
<tr align="left"> <td>
<p class="pBody">
<a href="mailto:david@knopf.com">David Knopf</a>
</p>
</td>
<td>
<p class="pBody">
<a href="http://www.knopf.com">Knopf Online</a>
</p>
</td>
<td>
<p class="pBody">
Dreamweaver<br />WordHelp<br />WebWorks Publisher
</p>
</td>
</tr>
<tr align="left"> <td>
<p class="pBody">
<a href="mailto:pauln@helpauthors.com">Paul Neshamkin</a>
</p>
</td>
<td>
<p class="pBody">
<a href="http://www.helpauthors.com">The Paul Neshamkin Group</a>
</p>
</td>
<td>
<p class="pBody">
Doc-To-Help 2000<br />Doc-To-Help 6
</p>
</td>
</tr>
<tr align="left"> <td>
<p class="pBody">
<a href="mailto:mj@wwwinnovations.com">MJ Plaster</a>
</p>
</td>
<td>
<p class="pBody">
<a href="http://www.wwwinnovations.com">World Wide Winnovations</a>
</p>
</td>
<td>
<p class="pBody">
RoboHelp HTML<br />RoboHelp Classic
</p>
</td>
</tr>
</table>
</div>
<p class="pBody">
</p>
<script>
<!--
var Popup_wp998197 = "This is a standard HTML Help text-only popup. "
-->
</script>
<object id="hhctrl" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" codebase="hhctrl.ocx#Version=4,72,7292,0">
<param name="Command" value="HH Version">
</object>
</blockquote>
</body>
</html>