Howsoft Webpage Editor
The program consists of a semi-transparent design grid at the front, with a web browser behind. When
widgets are drawn on the grid, they are subsequently transferred to the browser. Please adjust the
transparency of the interface so that you can see what you are drawing and what you have already drawn
as clearly as possible. You can use a blending slider that can be called from the "Adjust Transparency"
menu at the top.
Here is a list of "how-to's" which you can also find in the program's "Mini-Help" menu:
HOW TO DRAW WIDGETS
To draw a widget (picture box, text box or hotspot box), click on the "NEW" button of your choice at the top of the
screen. The mousepointer will then turn into a cross. Click down at the position where the top-left of the widget
should begin, and drag the mouse DOWNWARDS and to the RIGHT. Release the mouse button when the widget
box is of the required size.
HOW TO EDIT THE WIDGET CONTENTS
Double-click on them.
HOW TO MOVE OR RESIZE A WIDGET
Right-click the widget you want to move or resize. When you subsequently move the mousepointer over the widget,
it will turn into an arrow if it is positioned over one of the sides, or a cross if it is within the widget. Click down and
drag either the whole widget or one of its sides to the desired position and then release the mousebutton. You
can do this as often as necessary. When you have finished re-positioning or resizing, click on the area outside
HOW TO SHIFT A WHOLE BLOCK OF WIDGETS
Right-click the TOPMOST widget you want to move or resize with the SHIFT key depressed. Do the same as
above to achieve a widget move. After you click on the area outside the widget to terminate the operation, ALL
WIDGETS ON THE SAME OR LOWER LEVEL as the one you moved will be shifted correspondingly.
HOW TO CLONE WIDGETS
Click on the widget you wish to clone in order to identify it. Use Ctrl+C keys to copy it to the clipboard. CLICK
AGAIN ON THE SCREEN in the position where you want the top left-hand corner of the cloned widget to be
located. Use Ctrl+V keys to paste a new widget. Click (to locate) and paste (Ctrl+V) as many times as you wish
to produce new clones.
HOW TO NUDGE WIDGETS
If you have difficulty moving or resizing a widget because of its small size for example, use the right mousebutton
as explained above to get it into move/resize mode. Choose the nudge type indicated at the bottom of the screen
by typing l, r, t, b, or e (meaning left, right, top, bottom or entire), and then press the left, right, up or down arrow
keys as appropriate.
Repeat this as often as you like, and click on the area outside the widget to escape from nudge mode.
TABLES, CHARTS AND GRAPHS
For details on the introduction of tables, charts and graphs, please click HERE.
To use this visual (WYSIWYG) editor, you do not need the slightest knowledge of
HTML. You simply design your page usng 3 types of "widgets": pictures, texts and
hotspots (for navigation).
As you can see from the Pre-Save Dialogue above, your web pages can be saved in 3 forms:
The first "MHT" type of file bundles everything together as a single entity (i.e. your web page and its pictures). It serves very well as a "project file", and
it is what you will normally save repeatedly as you are working. Because it is a single file, it can be moved around in your file system very easily without
having to worry about the accompanying pictures: they are inside it. Please note that these "MHT" project files cannot be opened in a browser. They
are for WebEd only.
The third type of file ("HTML file with images only") is a conventional web page. If you type nothing into the subfolder box provided, the web page and
its pictures will be saved in the same folder (the one you subsequently choose). However, if you type e.g. "pictures" into the subfolder box, then the
pictures will be put into the "pictures" subfolder of the destination folder (for the web page itself).
The second "base64" type of file is a hybrid form of types 1 and 3. Unlike the MHT, it can be displayed in a common browser, if it is accompanied
by its pictures in the same folder or in a subfolder. However, it can be loaded into WebEd without its accompanying pictures. WebEd will retrieve
the image data coded within the file itself.
You can use the file extensions ".htm" and ".html" interchangeably for file types 2 and 3 in any way you wish. However, to avoid confusion, I
personally prefer to use the extension ".html" for type 2 hybrid files and ".htm" for type 3 conventional files.
If you would like to see your product as it stands, at any time before saving or continuing, just click on the "Preview" menu at the top.
This will show you your web page in a simple browser which is approximately the same as the browser you normally use (e.g. Firefox, Chrome, etc.).
However, it apparently has no controls, but if you right-click on it a popup menu will provide you with a few options for navigation.
When you have finished, just close the browser window, and your WebEd project will appear again.