Copyright: Steve Parker


Contents

WPC Help Version 2.0

HTML & WPC

Brief descriptions of HTML and WPC

WPC's Menus

Detailed descriptions of WPC's menu options

Working With Projects

How to use WPC's projects

Hints & Tips

Available but not necessarily visible

Registering WPC

What you get when you register

Registration Form

A printable form for registering WPC


HTML and WPC

The Hypertext Markup Language (HTML) has been used to create documents for the World Wide Web since 1990.  By combining text, graphics and HTML tags you can create stunning documents that can be viewed across many different platforms.  However, creating HTML documents using a text editor or word processor can be quite a challenge considering all of the HTML tags available and the different options for each tag.  This is where Web Page Creator (WPC) comes in.

Web Page Creator (WPC) is a tool that creates HTML documents for the World Wide Web.  There is no need to remember document formats, tags or tag options because WPC takes care of all of this for you.  WPC is not a wizard that  will ask the same questions over and over and then create a generic page that is completely void of any type of personality.  However if you want to create a really eye-catching page that truly reflects your creativity then WPC may be just what you have been looking for.

Since 1995 this software has been developed completely from users comments and suggestions.  Because of this I believe that WPC is one of the most user friendly HTML editors available.  However this is not the first version and will surely not be the last.  If you have any suggestions that you think will help to improve WPC, feel free to Email them to me.  Actually I would be interested in hearing your comments whether negative or positive.


My Email Address
sparker@tricon.net

http://kpt1.tricon.net/Personal/sparker


WPC Menus

File - Commands dealing with files and projects

History - Quick loading files

Edit - Working with text in the edit windows

HTML - Tags supported by WPC

Frame - Frame Builder and individual frame tags

Browser - Viewing your pages as you create them

View - Menu's and toolbars

Window - Arranging the document windows

Options - Customizing WPC

About - A little about WPC

Help - WPC help


File Menu

See Also

•	New Project

Creates a new project and opens the initial edit window.  Only one project may be open at a time but an unlimited number of HTML files may be open and associated with the project.

•	Open Project

Opens a previously saved project along with all of the files associated with it.

•	Save Project

Saves the current project along with all of it's files.  If any of the files in the project have been modified you will be prompted to save them.

•	Save Project As

Allows you to save the current project using a different file name.

•	Close Project

Closes the current project and all of it's files.   If any of the files in the project have been modified you will be prompted to save them.

•	New File

Creates a new document window.  You will be asked if you want to insert the default template.  If you answer yes the HTML, Head and Body tags will automatically be added to the new document.  If a project is open the file will be added to the project.

•	Open File

Opens a previously saved HTML document in a new window.  If a project is open the file will be added to the project.

•	Save File

Saves the active document.  If the file has not been previously saved you will be prompted for a filename and the path where the file is to be saved.

•	Save File As

Displays the Save As dialog box where you specify a filename and the path where the file is to be saved.  You will be prompted for this information even if the document has been previously saved.

•	Import

Imports a text file into an HTML document and performs predetermined conversions.

•	Close File

Closes the active document.  If the document has been modified since it was last saved, you will be prompted as to whether you want to save it before closing.

•	Print File

Sends the active document to the default windows printer.

•	Printer Setup

Displays the Printer Setup dialog box where you can specify new printer settings.

•	Image Map

Allows you to select areas of a graphic that will act as links.

•	Exit

Closes all open documents and exits WPC.  If any documents have been modified since they were last saved, you will be prompted as to whether you want to save them before they are closed.


Import

Import allows you to take text from any ascii text file and insert it directly into an HTML document.  You can specify how to insert the text and what conversions, if any, to perform before the text is inserted.

•	Import as preformatted text

When this option is checked the entire block of text is imported as a block of preformatted text.  In other words it will look the same as it did in the text file, depending of course on how long the lines of imported text are.

•	Break at end of each line

When this line is selected a <BR> will be appended to each line.  This option is unavailable when Import as preformatted text is selected.

•	Break on blank lines

This will cause a <BR> to be inserted on lines that contain no text as in a paragraph break. This option is unavailable when Import as preformatted text is selected.

•	Conversions

Up to nine conversions can be configured that will be performed on the imported text.  A good example would be to convert the string '-----' to '<HR>'.  The edit boxes on the left side are the strings you want to convert and the boxes on the right are what you want to convert to.  The text you enter in the conversion boxes is saved each time you make an entry.  If you have entered a conversion you don't want to make then do not put a check beside it.  Only the conversions that have checks beside them will be performed.


Image Map

Example

An Image map allows you to define hot spots (clickable areas) within a graphic and associate each area with a specific action or URL.  WPC allows you to easily define image maps by simply outlining a part of the graphic and specifying the URL for each hot spot.

•	Load Image

This lets you select the graphic file that you want to create a map of.  The image will be displayed in the panel at the left.  If the image is too large to fit in the viewing panel it can be scrolled both vertically and horizontally.

•	Clear

If you make a mistake while defining the areas of your map this button will clear everything and let you start fresh.

•	Create Map

Once you have all the different areas of your map defined, Create Map will generate the HTML and insert it into the current document.

•	Exit

This button takes you out of the image mapper.  No HTML is generated and nothing is saved.

Once you have selected the graphic you want to map a dialog box will appear.  The name of the graphic file will be in the top edit box.  If you want to include the path to the graphic select the 'Include Path To Graphic File' box.  Next you need to enter a name for this map and the default URL for the graphic.

•	Tool Button 1

Defines a rectangular area on the graphic.

•	Tool Button 2

Defines an oval or circle area on the graphic.

•	Tool Button 3

Defines an irregular area on the graphic by plotting up to 40 different points.

As you define each area of the map you will be presented with a dialog.  Enter the URL to go to when this area is clicked and any alternate text that will appear when a browser has graphics turned off.


Creating An Image Map

•	The Document

Open an existing document or create a new one and move the cursor to the place in the document where you want the image map to be inserted.

•	Start The Image Map Builder

Click on the 'Back/Links/Etc.' tab on the WPC main toolbar and then click on the 'MAP' button.

•	Click on the 'Load Image' button and select the file you want to create a map of.  Several file types are supported.

•	The Image Map Dialog

Once the image is loaded, you will be presented with a dialog that asks for some information about this image map.

The name of the file will already be entered in the "Graphic File" edit box.  If you need to include the path with the filename, most of the time you won't, put a check in the box next to 'Include Path To Graphic File'.

"Map Name" is simply a unique name that will be given to the finished image map.

The "Default URL" is the URL that is assigned to areas of the graphic that are not otherwise designated.  For instance, if you select half of a graphic and assign a URL to it, the rest of the graphic will be assigned the "Default URL".

•	Selecting areas of the image

Choose the type of selection to make by clicking one of the buttons at the top of the screen.

   Selects a square or rectangular region of the image.

   Selects a circular region. *

   Selects an irregular shaped region of the image. *

To make a square or circular selection, move the cross hairs to a corner of the area you want to select.  Hold down the left mouse button and move to the opposite corner.  When you are satisfied with the selected area, release the mouse button.

To Make an irregular selection, you simply outline the area with a series of lines.  To start the selection move the cross hairs to a starting point.  Hold down the left mouse button and move to another point.  When you release the mouse button this not only sets the end of the current line, it also sets the start of the next line.  Move the cross hairs to the next point and click the left mouse button.  The selection will end when the end of a line gets very close to the start of the first line.

•	URL Dialog

When a selection is completed a dialog box will appear asking you for the "URL For This Shape" and any "Alternate Text".  The URL specifies what will happen when the selected area is clicked.  Alternate text appears when someone visits you page and has the graphics turned off on their browser.

•	Multiple selections

You can select several different areas of an image, but if areas overlap the last area created will be the one that is used for the part that overlaps.

  Once you have made all your selections, click the "Create Map" button to insert the image map into your document.


File See Also
Working with projects


History

WPC keeps a listing of the last ten projects and/or files that you have worked with.  To quickly open one of the files simply choose it from the menu.  If you select a file then only that file will be opened.  If you select a project then all of the files in the project will be opened.

Please note that the path to the file is included on the menu.  This is done because you may have two files in different directories with the same name.  INDEX.HTM is a good example.


Edit Menu

•	Cut

Removes selected text from the current document and copies it to the Clipboard.  The text on the Clipboard remains there until you replace it by cutting or copying a new selection.

•	Copy

Copies selected text to the Clipboard.  The text on the Clipboard remains there until you replace it by cutting or copying a new selection.

•	Paste

Inserts a copy of the text in the Clipboard at the cursor position in the current document.  If text is selected it is replaced by the contents of the Clipboard.  If the Clipboard is empty no text will be inserted but selected text will be deleted.

•	Delete

Removes selected text from the current document.  The text is not copied to the clipboard and can"t be pasted back into the document.

•	Search

Searches for specified text from the cursor position to the end of the document.  Search can be performed globally on all open documents or only on the currently active document.  Search can also be activated by pressing F2.

•	Search Next

Searches from the cursor to the end of the document for the next occurrence of the text specified in Search.  Search Next can also be invoked by pressing F3.

•	Replace

Searches for and replaces specified text from the cursor to the end of the document.  Replace can be performed globally on all open documents or only on the currently active document.  When the search text is found you will be asked if you want to replace it.  Replace can also be invoked by pressing F4.

•	Spell Check

Checks for words that are spelled incorrectly.  You can spell check globally in all open documents or only in the active document.  When an unrecognized word is found you will be prompted with several possible corrections.

•	UNDO

Reverses the last edit command.  Reinserts deleted text and removes inserted text.

•	REDO

Reverses the last UNDO command.


HTML Tags Supported
HTML

•	Background - Sets background preferences

•	Image - Inserts a graphic into the document

•	URL - Creates a link to another address

•	Lists - Creates one of several different kinds of lists

•	Format - Insert special lines into your document

•	Tables - Creates a table from your specifications

•	Text Format - Sets the format for a block of text

•	Symbols - Insert special symbols into your document

•	Forms - Create a form page easily and quickly

•	Fonts - Establishes font(s) for a block of text

•	Marquee - Creates a scrolling region of text

•	Sound - Adds a sound file to your page

•	Base - Sets the base URL for the current page


Background

The background of an HTML document is one of the first things a visitor to your page will notice and is greatly responsible for how readable your page is.  For these reasons, it is very important that you choose your background carefully.

When you choose "HTML/Background" from the menu or click the [image] button on WPC's "Back/Links/Etc." toolbar, you will be presented with a dialog box that allows you to set the documents background appearance.

The first thing to remember is that you can set the background to either a color or a texture (image) but not both.  If you select a texture you can't then select a color and expect the colors in the texture to change.

•	Color

The color checkbox enables a drop down box that allows you to specify the  color that will be used for the background.

•	Texture

The texture checkbox allows you to specify a texture (image file) that will be tiled to fill the background.  Click on browse to select the texture from a dialog box or you can enter the files name directly into the edit box.  If the "Include Path To Texture Image" checkbox is checked then the path to the image file will be included in the HTML document.  Most of the time you will not want this box to be checked.

The background isn't the only property you can set in this dialog.  You can also specify the default colors of text.

•	Reset Defaults

Sets all text colors back to their default colors.

•	Text Color

Sets the default color of normal text.

•	Unchecked Link

Sets the default color of text that has a link associated with it but has not been clicked.

•	Checked Link

Sets the default color of text that has a link associated with it and has been clicked.

•	Pressed Link

Changes the color of pressed links.


Image

•	Open Image File

Allows you to open and display an image file.  Several graphic formats are supported including gif, jpg, png, tif, pcx and bmp.

•	Save Image As

Saves the currently open image file using a different path, name or graphics format.  Files may be saved as gif, jpg, png, tif, pcx or bmp files.

•	Image Dialog

This button will open a dialog box with several options pertaining to how the image will be inserted into your HTML document.  The dialog is a little more complicated than using the Image Wizard, but offers more control over how the image is dealt with.

•	Image Wizard

The image wizard will walk you step by step through the process of inserting the graphic into your document.


Image Dialog

•	File Name

The filename of the image that is to be inserted into the HTML document.  The path and filename will already be entered into the edit box.  If the path to the image file needs to be included in the HTML document make sure the Include Path To Image File checkbox has an X in it.  Most of the time you will not want this box to be checked.

•	Alignment

Specifies how the image will be aligned with adjacent text.

•	Image Size

The actual width and height of the image in pixels.  If these values are included text in the HTML document can be shown before the entire graphic image has been transferred.  The width and height will be entered for you automatically.

•	Vspace and HSpace

Sets the vertical and horizontal spacing of text and other graphics adjacent to the image.

•	Border

A border can be rendered around the image.  The border size is determined by this value.  A value of zero means no border.

•	Alternate Text

There are browsers that can"t view graphics on a web page, and there are users who turn the graphics off on browsers that do support them so they can browse faster.  This tag allows you to enter text that will be seen in place of the image.


Image Wizard

The image wizard will walk you step by step through the process of adding an image to your document.  You move forwards and backwards through the steps by clicking the Next and Previous buttons.

•	Step 1 - Image FileName and Path

The filename of the image that is to be inserted into the HTML document.  The path and filename will already be entered into the edit box.  If the path to the image file needs to be included in the HTML document make sure the Include Path To Image File checkbox has an X in it.  Most of the time you will not want this box to be checked.

•	Step 2 - Alignment

Select how surrounding text should be aligned with the image.

•	Step 3 - Image Size

The actual height and width of the image.  These values will be inserted automatically so just click on the Next button.

•	Step 4 - Vertical & Horizontal Spacing

How much vertical and horizontal spacing you want between the image and text and/or other images.

•	Step 5 - Border

If you would like to have a border around the image you can specify a width.  A value of zero means no border.

•	Step 6 - Alternate Text

When a visitor to your page wants to browse quickly they may turn graphics off.  This allows you to insert text that will be shown in place of the image.

Click on the Finish button to close the Wizard and insert the Image tag into your document.


URL or Hyperlink

See Also

The Hyperlink Manager allows you to easily insert links or anchors into your document.

•	Existing Links

On the left side of the Hyperlink Manager you are given a list of existing links.  These are links that have been previously created and saved.  To use one of thes links, select it and click the Use button.  You can delete an existing link by selecting it and clicking the Delete button.

•	Existing Anchors

By clicking on the Anchors tab on the left side of the Hyperlink Manager you can see a list of anchors that already exist in the current document.

•	New Links

The right side of the Hyperlink Manager is used to set up new links.  First you must select the type of link you want to create.   Some common link types are local, file, http and ftp.  If the link is a file you can click on the Browse button to select the file and then check whether or not to include the path.  If you click the Add To Group button the link will be saved in the selected group on the left side.  Clicking on Use Without Adding will insert the link into your document but won't save it.

•	New Anchors

To create a new anchor select the Anchors tab on the left side of the manager and it's name in the New Anchor Name edit box.  When you click the OK button the anchor will be inserted into your document.


URL See Also
What are Hyperlinks and Anchors


What Are Hyperlinks & Anchors

A hyperlink is a clickable area in your document.  The following list shows a few of the actions that can be associated with a hyperlink.

•	Opens another document

•	Moves to another place in the current document

•	Sends an Email message

•	Download a file

An anchor is a label, much like a bookmark, in your document.  An anchor is used as a target for a hyperlink.


Lists

•	Numbered List

•	Unnumbered List

•	Definition List

•	Menu

•	Directory


Numbered List

A numbered list is an ordered group of items with each item having a number in front of it.

•	Number Type

Selects the type of numbering that is used for the list.  The possible types are:

Numeric     (1..2..3..4..5)

Upper case alphabetic     (A..B..C..D..E)

Lower case alphabetic     (a..b..c..d..e)

Upper case roman numeral     (I..II..III..IV..V)

Lower case roman numeral     (i..ii..iii..iv..v)

•	Starting Number

Selects the starting number to use with the first list item.  A starting number of 3 would cause the first item to be numbered 3, C, c, III or iii depending on the number type.


Unnumbered Lists
Unnumbered List

An unnumbered list is a group of items that usually appear with a bullet in front of each item.

•	Bullet Type

Determines the type of bullet that will be at the start of each list item.  The bullet types are Default, Disk, Circle and Square.


A definition list is a group of terms with each term followed by an indented definition on the next line.  If Options/Sample Text is turned on then a sample definition list will be inserted into the document.  Otherwise only minimal tags will be inserted.  The DT and DD tags may be copied and pasted into the list as many times as needed.


A menu list is a group of items, without bullets, that is usually rendered in a more compact form than an unnumbered list.  If Options, Sample Text is turned on then a sample menu list will be inserted into the document.  Otherwise only minimal tags will be inserted.  The LI tag may be copied and pasted into the list as many times as needed.


A directory list is a group of items which are rendered in columns, without bullets and each item is usually 20 characters or less.  If Options, Sample Text is turned on then a sample directory list will be inserted into the document.  Otherwise only minimal tags will be inserted.  The LI tag may be copied and pasted into the list as many times as needed.


Format

•	Address Block

•	Block Quote

•	Forced Line Break

•	Center Line

•	Paragraph

•	Header

•	Horizontal Rule

•	Last Modified

•	Preformatted Text


Address Block

The address block is used to enter information such as the HTML authors name and address.  This block is usually located at the top or bottom of the page.

When you click on the Address button [image], which is located on WPC's format toolbar, you will be presented with two options (Quick and Dialog).  Selecting Quick will insert the appropriate HTML into your document using default values for any options.  Selecting Dialog will display a dialog box which allows you to choose from the following options.

•	Clear

Gives you control as to how text flows around an image.

•	NOWRAP

Whether or not the address block is to use word wrap.


Block Quote

A block quote is used to enter a quotation into the document.

When you click on the Bl Quote button [image], which is located on WPC's format toolbar, you will be presented with two options (Quick and Dialog).  Selecting Quick will insert the appropriate HTML into your document using default values for any options.  Selecting Dialog will display a dialog box which allows you to choose from the following options.

•	Clear

Gives you control as to how text flows around a graphic image or table.

•	Include Credit

Allows the source of the quotation to be credited.

•	NOWRAP

Whether or not the quote is to be word wrapped.


Forced Line Break

A forced line break gives you more control over the way the HTML document is rendered.  It causes a line to be broken at a specific point.

When you click on the Break button [image], which is located on WPC's format toolbar, you will be presented with two options (Quick and Dialog).  Selecting Quick will insert the appropriate HTML into your document using default values for any options.  Selecting Dialog will display a dialog box which allows you to choose from the following options.

•	Clear

Gives you control as to how text flows around an image.


Center Line will cause the text between the <Center> and </Center> tags to be rendered in the center, between the left and right margins, of the page.  Any text that is selected will automatically be inserted between the center tags.


Headers

•	Header Size or Significance

Select the type of header that is to be inserted into the document.  Header one is the largest (most significant) and header six is the smallest (least significant).  If text in the document is selected then it will become the header text.

•	Alignment

How the header is positioned on the page.

•	Clear

How the header is positioned in relation to an image.

•	NOWRAP

Whether or not the header is to be word wrapped.

Note: Browsers usually render Header one as large bold text but this is not always the case.  Headers should be used to set the importance or significance of text within a document and not the size of the text.  Use WPC's Font dialog to control the size of text.


Horizontal Rule

Horizontal rule inserts a line that can be used to separate sections of the page.

When you click on the Hor Rule button [image], which is located on WPC's format toolbar, you will be presented with two options (Quick and Dialog).  Selecting Quick will insert the appropriate HTML into your document using default values for any options.  Selecting Dialog will display a dialog box which allows you to choose from the following options.

•	Size

Determines the thickness of the horizontal rule.  The default value is two.

•	Width In Percent

Specifies how wide the rule should be based on a percent of the page width.

•	Alignment

Aligns the horizontal rule with the left margin, right margin or in the center of the page.

•	No Shade

By default a horizontal rule is rendered three dimensionally with a shadow.  No Shade causes the rule to be rendered without the shadow.


Last Modified

Inserts a line in the document in the format of: Last Modified: Sunday, January 7, 1996 at 11:58 PM.  The computers current date and time are used in the statement.

When you click on the Last Mod button [image], which is located on WPC's format toolbar, you will be presented with two options (Normal and Auto Updating).

•	Normal will insert the last modified statement as normal text into the document.

•	Auto Updating inserts a special statement into the document.  This statement will appear exactly as a normal last modified statement except that it will automatically update itself each time the document is modified and saved.


Paragraph

The paragraph tag is used to specify paragraphs within the document.

When you click on the Para button [image], which is located on WPC's format toolbar, you will be presented with two options (Quick and Dialog).  Selecting Quick will insert the appropriate HTML into your document using default values for any options.  Selecting Dialog will display a dialog box which allows you to choose from the following options.

•	Align

Specifies the horizontal alignment of the paragraph.  Possible values are:

left paragraph is on the left margin

right paragraph is on the right margin

center paragraph is centered between the margins

justify the browser will justify the paragraph when possible

•	Clear

Gives you control as to how text flows around a graphic image or table.

•	NOWRAP

Whether or not the paragraph is to be word wrapped.

Note: Paragraph attributes will stay in affect until the end of the document or another paragraph tag is encountered.


Preformatted text inserts the <Pre> and </Pre> tags.  Any text between these tags will be rendered exactly as it appears in the HTML document when possible.


Tables

Table Definition

•	Table width

The width of the table as a percentage of the width of the page.

•	Border thickness

The thickness of the border around the table.

•	Spacing Between

Specifies how thick the frame around each cell is.

•	Spacing within

The amount of padding that is to be done to the text within the cells.

•	Rows

The number of rows in the table.

•	Columns

The number of columns in the table.

•	Horizontal Alignment

Horizontal Alignment controls how the table will be aligned with adjacent text.  The options are None, Center, Left Align and Right Align.

Headings

•	Headings needed

How many header columns are needed.

•	Row Span

How many rows tall the headers should be.

•	Column Span

How many columns wide the headers should be.

•	Horizontal heading alignment

Specifies whether the headings should be left justified, right justified or centered within their cells.

•	Vertical heading alignment

Specifies how the headings should be vertically aligned.

•	Heading wrap

Whether or not the headings should be allowed to word wrap.

Caption

•	Table caption

If text is entered in this text box it will be displayed as the tables caption.

•	Caption position

Where the caption will appear in relation to the table.  The options are Top and Bottom.

•	Text color

Click anywhere in the edit box and you will be able to select a text color for the caption.

Cell Colors

•	Text color within cells

Click anywhere in the edit box and you will be able to select a text color for any text in the table cells.

•	Cell background color

Click anywhere in the edit box and you will be able to select a cell background color.

•	Background image

You can select a graphic file that will be used as the background for each cell.  Please note that this will not show up on all browsers.

•	Heading Colors

Setting heading colors works exactly the same way as setting cell colors.


Text Formatting

•	Bold

The browser renders the text as bold.  Usually used to show emphasis.

•	Italic

Renders text in italics.

•	Strong

Provides strong typographic emphasis.  Strong text is usually rendered as bold.

•	Emphasis

Provides typographic emphasis.  Usually rendered in Italics.  Emphasis is preferred over italic unless the text specifically needs to be rendered in italics.

•	Citation

Specifies a citation.  Usually rendered in italics.

•	Code

Indicates an example of code.

•	Blinking

Causes the specified code to blink.

•	Underline

The specified text should be underlined.

•	Comment

Inserts a comment into your HTML document.  Comments are not shown by the browser.

•	Sample

Indicates a sequence of literal characters.

•	Keyboard

Indicates a string of characters that should be entered from the keyboard.

•	Variable

Indicates a variable name.

•	Definition

Used to define a term.

•	Teletype

Teletype or monospaced text.

•	Strike Through

Strike-through text style.

•	Big

Puts the text in a large font.

•	Small

Puts the text in a small font.

•	Subscript

Places the text in a subscript style.

•	Superscript

Places the text in a superscript style.


Symbols

&amp - ampersand

&copy - copy right

&lt - less than sign

&gt - greater than sign

&nbsp - no-break space

&quot - double quote

&AElig - capital AE dipthong (ligature)

&Aacute - capital A acute accent

&Acirc - capital A circumflex accent

&Agrave - capital A grave accent

&Aring - capital A ring

&Atilde - capital A tilde

&Auml - capital A dieresis or umlaut mark

&Ccedil - capital C cedilla

&ETH - capital Eth Icelandic

&Eacute - capital E acute accent

&Ecirc - capital E circumflex accent

&Egrave - capital E grave accent

&Euml - capital E dieresis or umlaut mark

&Ntilde - capital N tilde

&Oacute - capital O acute accent

&Ocirc - capital O circumflex accent

&Ograve - capital O grave accent

&Oslash - capital O slash

&Otilde - capital O tilde

&Ouml - capital O dieresis or umlaut mark

&THORN - capital THORN Icelandic

&Uacute - capital U acute accent

&Ucirc - capital U circumflex accent

&Ugrave - capital U grave accent

&Uuml - capital U dieresis or umlaut mark

&Yacute - capital Y acute accent

&aacute - small a acute accent

&acirc - small a circumflex accent

&aelig - small a dipthong (ligature)

&agrave - small a grave accent

&aring - small a ring

&atilde - small a tilde

&auml - small a dieresis or umlaut mark

&ccedil - small c cedilla

&eacute - small e acute accent

&ecirc - small e circumflex accent

&egrave - small e grave accent

&eth - small eth Icelandic

&euml - small e dieresis or umlaut mark

&iacute - small i acute accent

&icirc - small i circumflex accent

&igrave - small i grave accent

&iuml - small i dieresis or umlaut mark

&ntilde - small n tilde

&oacute - small o acute accent

&ocirc - small o circumflex accent

&ograve - small o grave accent

&oslash - small o slash

&otilde - small o tilde

&ouml - small o dieresis or umlaut mark

 &szlig

&thorn - small thorn Icelandic

&uacute - small u acute accent

&ucirc - small u circumflex accent

&ugrave - small u grave accent

&uuml - small u dieresis or umlaut mark

&yacute - small y acute accent

&yuml - small y dieresis or umlaut mark


Forms

Forms are used to get information from the user.  Once the form has been filled in, it is submitted as designated by the FORM element.

Clicking on the form button [image] toggles viewing of the form toolbar.

•	Form Body

Every form must be enclosed within FORM elements.  There can be more than one form in a document but forms can"t be nested.

•	Mail To

Specifies where to send a submitted form.

•	Mail Subject

The subject of the form.

•	Input

Opens a menu containing the different input elements.

Text - a single line of text

Text Area - multiple lines of text

Integer - an integer value

Range - an integer value within a certain range

Float - a floating point value

Check Box - an on or off checkbox

Radio Button - allows a selection from a group

Select - allows a selection from a drop down list box

Clear Button - clears the contents of all input elements on the form

Submit Button - sends the information contained in the form


Font

•	Font Size

Allows you to set the size of the font that will be rendered by the browser.  Font size one is the smallest and seven is the largest.

•	Color

Sets the color of the font from a drop down list box.

•	Face

You can set up to three different font faces to be used to render the text.  If the first face isn't found on the browsers system the second will be used and so-on down the line.  Times New Roman is always specified as the last face.


Marquee

The Marquee tag creates a banner on your page with scrolling text.

Size

•	Height

The height of the marquee as a percentage of the screen height.

•	Width

The width of the marquee as a percentage of the screen height.

•	Left & Right Margins

The left and right margins for the outside of the marquee.

•	Top & Bottom Margins

The top and bottom margins for the outside of the marquee.

•	Surrounding Text

How surrounding text should align with the marquee.  The options are left, center, right, top, middle and bottom.

Scroll

•	Direction

The direction the text should scroll.  The options are left and right.

•	Scroll Amount

The number of pixels for each scroll of the text.

•	Timing

The number of milliseconds between each scroll of the text.

•	Loop

Number of times the marquee will loop.  A value of -1 will loop indefinately.

Appearance

•	Behavior

How the marquee will appear.  The options are scroll, slide and alternate.

•	Background Color

Click on the 'Change' button to select a color for the background of the marquee.

Please Note: This tag is not supported by all browsers.


Sound

This tag will play a sound file that is associated with your page.

Source

•	URL

The location of the sound file.

•	Control

The control to display.  The options are none, console and small console.  If you select none then the sound will play in the background.

•	Start When Loaded

Start the sound when the web page is loaded.  The options are true and false.

•	Loop

Number of times to loop the sound.  A value of -1 will loop the sound indefinately.

•	Volume

Volume of the sound.  The volume can be any value between 0 and 100.

Appearance

•	Width

Width of the sound control in pixels.

•	Height

Height of the sound control in pixels.

•	Align

How surrounding text should appear around the sound control.  The options are none, top, bottom, center, baseline, left right and text top.

Please Note: This tag is not supported by all browsers.


Base

Sets the default address of the URL used to retrieve the document.

Example:

<base href="http://www.somewhere.com/index.html">

<img src="steve.gif">

The browser would interprit the last line as:

<img src="http://www.somewhere.com/steve.gif">


Frame

Frames give the web page more than one viewing window.  Each window may have different contents and can be scrolled independently of the other windows.

New Frame Page

Frame

Frame Set

No Frames

Frame Builder

Example


Creates a new frame document and asks if you want to insert the default frame template.  Please note that a frame does not have to be in a separate document.


Frame

•	Source

What is to appear in the frame. (file, URL, Image, etc...)

•	Include Path

If you use browse to select a file or image check this box if you want to include the path with the name.

•	Name

A unique name for this frame.

•	Margins

Sets the margins inside the frame

•	Scrolling

Yes - Vertical an horizontal scroll bars are shown whether they are needed or not.

No - Scroll bars are not shown. The contents of the frame can not be scrolled.

Auto - If the contents are too large for the frame scroll bars will be visible.

•	No Resize

The frame can not be resized.


Frame Set

Sets the number of frames (windows) that will be on the page.  The frames are referenced as rows and columns.  Frame Sets may be nested.


Frames are only visible when certain browsers are being used.  No Frames allows you to insert text that will be seen when a viewer doesn"t have Frame capabilities.


Frame Example

<HTML>

<HEAD><TITLE>WPC Commands Available</Title></HEAD>

<FRAMESET COLS="100%" ROWS="22%,60%,*">

     <FRAME SRC="topframe.htm" NAME="topframe" SCROLLING="no" NORESIZE>

     <FRAMESET COLS="50%,*" ROWS="100%">

     <FRAME SRC="wpc_cmd1.htm" NAME="leftframe" SCROLLING="auto" NORESIZE>

     <FRAME SRC="wpc_cmd2.htm" NAME="rightframe" SCROLLING="auto" NORESIZE>

     </FRAMESET>

     <FRAME SRC="botframe.htm" NAME="bottomframe" SCROLLING="no" NORESIZE>

</FRAMESET>

<NOFRAMES>

<BODY BGCOLOR=#008080 VLINK=#FF00FF ALINK=#FF0000>

<P align=center>

<FONT SIZE=6 COLOR=0000FF><B><I>Sorry You Can"t See The Frames</I></B></FONT>

<BR><BR>

<A HREF="index.html">Return To Steve's Home Page</A>

</BODY>

</NOFRAMES>

</HTML>


Frame Builder

This is one of the few areas in WPC where you are asked questions and actually stepped through the process.  The Frame Builder will help you create a complete HTML page with frames in a matter of minutes.

•	Rows or Columns

The first promt asks you whether you would like the main screen divided by rows or columns.  Rows run from left to right and columns go from top to bottom.

•	Number of Rows or Columns

Tell Frame Builder how many Rows or Columns the screen will be divided into.

•	Number of Frames Per Division

For each main division you will be asked how many frames to divide it into.  This number can be 1 to 10.

•	How the Frames Will Look

Now you can see how your newly created frame page will actually look.

•	Entering The URL's

The last part of creating your frame page is to enter the URL for each frame.  You can manually enter remote URL's in the edit box or click on Browse to select local URL's from a file menu.  If the path to the URL needs to be included put a check in the Include URL	checkbox.


Browser

Browser on the menu bar allows you to select the primary or secondary browser to view your web page as you are working on it.  However the browsers are not internal to WPC.  An external browser is loaded and the current page you are working on is displayed as it would be seen on the net.

Primary &  Secondary

One browser can be set up as the Primary browser and a different one as the secondary browser.  This allows you to make sure the page is going to appear on the net like you want it to.

The first time you click on Browser/Primary or Secondary you will be asked for the location and name of the browser you wish to use.  If you need to change your browser or it"s location click on Options/Setup from the main menu.

WPC uses Dynamic Data Exchange (DDE) to cummunicate with NetScape and Microsoft Exchange.  This makes the viewing of your pages very quick.  Each time you are finished viewing the document, minimize your browser (do not exit), and the next time you click on browser your page will be visible within a couple of seconds.  Please note that the first time you click on browser in a session the browser does have to load, so it will take a few moments.

Please not that WPC has not been tested with every browser that is being used on the net.  If you find a browser that will not work please let us know.


View

•	Form Toolbar

Toggles the toolbar that is used to create forms on and off.  This toolbar may only be visible when a document is open.

•	User Toolbar

Toggles the user defined toolbar on and off.  This toolbar contains up to twenty key sequences that you have defined.  To edit this toolbar click on Options/Define Toolbar/Edit.


Arranges the document windows by either cascading or tiling them.  Tile allows you to view sections of more that one document at a time which works well for copying and pasting text.


Options

Define Toolbar

Global Spell Checking

Example Text

Create Backup File

Wordwrap

Tab In Edit

Setup

Register


Define Toolbar

•	Load

Allows you to load in a previously saved key file.  Once the file is loaded the buttons can be accessed on the user toolbar.  When you exit WPC the last file that was loaded will be saved as the default toolbar so the buttons will still be there the next time WPC is started.

•	Edit

The user defined toolbar may contain up to twenty segments of code that you use most often.  To edit a button on the toolbar click on it's corresponding EDIT button.  The title will appear when you drag the mouse over the button.  You can enter up to 2K of code for the button.  The buttons do not have to be defined in any certain order.  To delete a button from the toolbar simply delete it"s title and text.

You can have as many key files as you want and the next time WPC is started the previously used key file will automatically be loaded.


If Global Spell Checking is toggled on (checked) then spell checking will be performed in all open documents, not just the current document.  The default is no global spell checking.


By default WPC inserts example text each time a tag is added from the menus or toolbar.  Example Text under options toggles this feature on and off.  A check mark beside Example Text means that the feature is on.


By default WPC will create a backup of the file you are working on.  This option can be toggled on and off.


This option toggles word wrap on and off.  This is important when you are importing a text file as preformatted text.


Toggles the Tab key on and off within the edit windows.


Setup

•	Browsers

Initially the Primary and Secondary browsers locations are entered the first time you try to use one of them.  However if you decide to change one of the browsers or it's location, this is where it can be done.

•	Edit Windows

This sets the font, font size, font color and the way windows are auto-arranged when a new window is opened.

•	Button Colors

Allows you to change the colors that are used on the toolbar buttons.

•	Default Templates

You can change the default templates that are used when you start a new HTML or frame page.

•	WPC

WPC's default is to stay on screen when another application, such as a browser, is activated.  This option will cause WPC to minimize when another application is activated.


Register

If you have been using WPC for more than 30 days you should have registered it.  Upon receiving your registration fee I will send you a registration certificate with the information you need to enter here.

View Registration Info


Registration Info

Registration Form

Shareware allows you to test drive software before you buy it.  It is not free software.  Many hundreds of hours have gone into developing WPC and we hope you find it useful.  You are allowed to evaluate this software for a period of 30 days.  At the end of this evaluation period you must either register WPC, to continue using it, or remove it from any systems you have installed it to.  Once WPC is registered you will be entitled to download updates from the Internet.

To register WPC send 20 dollars in US funds along with your name, address and Email address to:

Steve Parker

3119 Porter Avenue

Kingsport, Tn.  37663

We would also like to know where you found WPC and any comments or suggestions you might have that will make WPC better..

Upon recieving your registration fee you will be emailed a registration certificate.  If you need the latest version of WPC mailed to you include 5 dollars for shipping and handling.


WPC Registration Form

   Name: _____________________________________________________________

Address: _____________________________________________________________

         _____________________________________________________________

         _____________________________________________________________

         _____________________________________________________________

  Email: _____________________________________________________________

Payment Method: Check___    Money Order___

When ordering by check or money order they must be in US funds.

I am sorry but we do not accept credit card orders.

Each registration allows you to install

WPC on one computer.  Enter the number of

registrations you are ordering.  Multiply

this number by 20 dollars and enter the

total dollar amount.                        _____ X $20.00 = ________

Your registration(s) will be emailed to

you upon receiving the  registration fee.

If you need the latest version of the

software mailed to you please include 5

dollars per registration for S & H.         _____ X $ 5.00 = ________

                             Total from the above two lines: ________

Send this form with payment or credit card information to:

                                Steve Parker

                                3119 Porter Avenue

                                Kingsport, TN.  37663

Make all checks payable to Steve Parker


About

WPC

Web Page Creator

Copyright 1995 - 1998

Steve Parker


Starts this help document.


Working With Projects

WPC makes creating a page for the web even easier with the use of projects.  If the page has several files associated with it, they can all be grouped into a project.  When the project is loaded all of it"s files will be opened.

Adding & Removing Files from a project

When a project is saved any open files will be saved in the project.  If you need to add a file to the project, open the file or create a new file.  To remove a file from a project close the file before saving the project.  Closing a file doesn"t delete the file it simply removes the file from the project.

Closing a project

There are two ways to close a project.  The first is to click Close Project on the File menu.  The other way is to close all of the files in the project.  When the last file is closed the project will also be closed.

Using The Browser

When you have an open project and click on the Browser only the currently selected file is sent to the browser and not the entire project.


Registered Version of WPC

If have not registered WPC after 30 days the software will expire and become inoperable.

Remember you can download the latest version of WPC from http://kpt1.tricon.net/Personal/sparker or http://www.webus.com/wpc.

If you have any questions, comments or just want to get in touch you can send us Email.

How To Register

Registration Form


Miscellaneous
Hints & Tips

Opening a file at startup

You can pass a file name to WPC and the file will be opened at startup.  This means that if you want to associate a file type with WPC you can click on a file and WPC will automatically run and open the file you clicked on.

Windows Explorer

You can drag a file from Explorer into WPC and it will be opened in a new edit window.

Right Mouse Clicks

Clicking the right mouse button while over an edit window will bring up and edit window.