Computerworld 1996 April/Computerworld_1996-04_cd.bin/ibm/programy/htmlwiza/htmlwiz.inf

OS/2 Help File | 1995-06-10 | 11.0 KB | 211 lines

ΓòÉΓòÉΓòÉ 1. Introduction ΓòÉΓòÉΓòÉ

HTML Wizard is an editor designed to make writing HTML documents for WWW pages
a lot easier. The original version was written purely for my own use and was
not distributed. The arrival of Web Explorer lead a lot of OS/2 users to ask
about a native HTML editor, so I released an early beta version of HTML Wizard
that showed signs of being a program written for one person's use (no way to
resize the window, etc.). In the last couple of months I have gotten some very
useful feedback from about 30 people in the beta program and HTML Wizard now
has many more useful features.

Many people have asked about a preview function and support for rules.  Both of
these functions will require an enormous amount of coding. The preview function
is not hard to do when HTML Wizard is used in conjunction with Web Explorer as
explained in the "How Do I..." section. As is stands, HTML Wizard does
absolutely no syntax checking on what you type, so it is up to you to ensure
that you are writing the HTML document correctly. For help on HTML,  point Web
Explorer at http://info.cern.ch/hypertext/WWW/MarkUp/MarkUp.html


ΓòÉΓòÉΓòÉ 2. Installation ΓòÉΓòÉΓòÉ

Installation of HTML Wizard is simple and straightforward. Unzip the HTML
Wizard archive in its own directory. Then run install.cmd by typing "install".
The install program will create an HTML Wizard object on your desktop. To run
the program successfully, VROBJ.DLL has to be in a directory specified in the
LIBPATH statement in your CONFIG.SYS file. What I do is make a directory called
\USR\DLL and put all my application dll's in there. Then all you have to do is
add \USR\DLL to the LIBPATH and reboot. If you don't like the idea of messing
with CONFIG.SYS, just copy VROBJ.DLL to the \OS2\DLL directory. You can then
run HTML Wizard by double-clicking it or dropping an HTML document onto it.


ΓòÉΓòÉΓòÉ 3. Options Menu ΓòÉΓòÉΓòÉ

This section explains the various program settings in the "Options" menu.


ΓòÉΓòÉΓòÉ 3.1. Insert Tags as Uppercase ΓòÉΓòÉΓòÉ

This setting determines whether the tags that are inserted are done as upper or
lowercase text. Note that this does not apply to tags for special characters,
which are case sensitive.


ΓòÉΓòÉΓòÉ 3.2. Word Wrap ΓòÉΓòÉΓòÉ

Select this setting if you want long lines to be wrapped around the screen to
the next line. Deselect it if you want long lines to continue off the screen to
the right and be visible by using the horizontal scrollbar.


ΓòÉΓòÉΓòÉ 3.3. Auto-insert Paragraph Tags ΓòÉΓòÉΓòÉ

If this item is selected, text imported using the "Insert File" command will
have paragraph tags inserted automatically if:

o A line is blank

o A line begins with either a space or a tab


ΓòÉΓòÉΓòÉ 3.4. Insert <LI> Tags in Selected Lists ΓòÉΓòÉΓòÉ

This item controls whether <LI> tags will be automatically inserted in text
that is selected when using the OL or UL tag buttons (ordered or unordered
lists). If this option is selected, each line in the selected text will have
the <LI> inserted at the beginning. Note that "line" here means a true line
defined by a CR/LF pair. It is best to turn Word Wrap off to see true lines.


ΓòÉΓòÉΓòÉ 3.5. Vertical Tagbar ΓòÉΓòÉΓòÉ

Toggles the Tagbar between horizontal and vertical orientation.


ΓòÉΓòÉΓòÉ 3.6. Translate Non-English Characters ΓòÉΓòÉΓòÉ

This feature enables users of non-English code pages to type HTML documents
with special characters directly from the keyboard, rather than having to use
the "Characters" menu or multiple keystrokes. With this feature enabled, all
files are passed through a translator program when opened or saved. On input,
HTML entities for special characters (e.g., ò) are converted into the
character appropriate for the user's code page and displayed as that character
in the editing window. On output, the characters are converted into the
corresponding HTML entity. The key file for this is "trans.def" in the HTML
Wizard directory. This file tells the program which characters in the user's
character set go with a particular HTML entity. I have supplied two files,
cp850.def (code page 850) and latin1.def (ISO Latin-1) which will cover the
people who have requested this feature. (The trans.def file that is in the ZIP
archive is for code page 850.) If you are using code page 850, copy cp850.def
to trans.def, or copy latin1.def to trans.def if you are using ISO Latin-1. If
you are using another code page, you will have to build a .def file for that
page. Look at the supplied files to see how it is done. Basically, the file has
two columns: the first is the character number on that code page, and the
second is the corresponding HTML entity. If you do create a .def file for
another code page, I would appreciate it if you would send me a copy, so that I
can include it in future releases of HTML Wizard.


ΓòÉΓòÉΓòÉ 4. How Do I... ΓòÉΓòÉΓòÉ

This section explains how to do various things with HTML Wizard.


ΓòÉΓòÉΓòÉ 4.1. Use HTML Wizard? ΓòÉΓòÉΓòÉ

Start the program by double-clicking the HTML Wizard icon or by dropping an
HTML document onto it. If you double-click the icon, the program will start up
and load an HTML skeleton template in the file DEFAULT.HTM and you can modify
that file to suit your needs. You can then write your HTML document by typing
in the edit window and using the Tagbar or Tags menu items to insert tags. If
you have some text that you would like to put inside a tag, select that text
with the mouse and click on the tag button or menu item. HTML Wizard will then
put the tag around the text. If you insert a tag with no text selected, HTML
Wizard will simply place the tag at the insertion point and place the cursor in
the appropriate place to enter text for the tag. Once you are done, you can
save the HTML file with the "Save" or "Save As" items under the "File" menu. If
you want to start a new HTML document choose "Close" under the "File" menu, and
a fresh template will be loaded.


ΓòÉΓòÉΓòÉ 4.2. Insert HTML tags? ΓòÉΓòÉΓòÉ

To insert tags, there are three options. First, you can insert tags by clicking
on the appropriate buttons in the Tagbar. Or, you can choose the tag you want
from the "Tags" menu. A final way is to right-click in the edit window,
bringing up the tags menu. In all cases if text is selected before the tag is
inserted, the tag will be placed around the selected text (where appropriate,
of course). Inserting a tag with no text selected places the tag at the
insertion point and puts the cursor at the place where text can be typed in the
tag.


ΓòÉΓòÉΓòÉ 4.3. Program the user-definable tags? ΓòÉΓòÉΓòÉ

To program a user button, right-click on it and a window will pop up. In the
top entry field enter the "Hint" text for that button. (This is the message
displayed in the status area at the bottom of the Tagbar when the mouse passes
over a button. Use this to remind yourself what the tag is for.) The bottom
entry field is the tag itself. If your tag should enclose text that has been
selected, move the cursor to the point in the tag where the selected text
should be placed. For example, let's say you have a tag like <tag></tag>. If
the user selects text in the editing window, and this text should go within the
tag, you would position the cursor like this: <tag>|</tag> before hitting the
OK button. You can then immediately begin to use your new tag by left clicking
on the button you just progammed.


ΓòÉΓòÉΓòÉ 4.4. Preview with Web Explorer? ΓòÉΓòÉΓòÉ

You can preview your HTML document at any time by dragging the little square
where the vertical and horizontal scroll bars meet and dropping it on  the Web
Explorer window.


ΓòÉΓòÉΓòÉ 4.5. Insert accented/special character tags? ΓòÉΓòÉΓòÉ

There are three ways of inserting tags for accented/special characters if you
are not using the "Translate Non-English Characters" option (see the "Options"
section for more details).

o Choose the character you want from the "Characters" menu.

o Type the character you want to accent, say "a", then select the accent you
  want from the "Accents" menu.

o Type the character you want to accent, then press:

   - Alt-a for acute

   - Alt-g for grave

   - Alt-u for umlaut

   - Alt-c for circumflex

   - Alt-s for slash

   - Alt-t for tilde

The general pattern for the hot keys is Alt for accents and Ctrl for inserting
certain characters. (Like Ctrl-Shift-& for the ampersand).


ΓòÉΓòÉΓòÉ 4.6. Pay for this great program? ΓòÉΓòÉΓòÉ

HTML Wizard is distributed as shareware which means you have 25 free uses to
try it out and see how it works. If you want to continue to use it after that,
you must register the program. The registration fee is $20 US ($28 Canadian). I
can accept checks drawn on US or Canadian banks, or International Money orders.
Please include an email address when you send in your registration so that I
can put you on the registered users' mailing list. The registration fee should
be sent to:

Dirk Terrell
5003 Centre A St. NE
Calgary, AB T2K 1J9
    (Canada)

If you receive HTML Wizard after August 1995, there is a distinct possibility
that I may no longer be in Calgary. The best thing to do is send e-mail to
[e-mail] (or ALGOL if you are on GEnie) and find out where I am.


ΓòÉΓòÉΓòÉ 4.7. Contact the author of this program? ΓòÉΓòÉΓòÉ

If you have problems or suggestions for improvements, send them to
[e-mail] (preferred address before September, 1995) or
[e-mail] (ALGOL if you are on GEnie).