<Live Markup> is still in Beta. Therefore, this Help file is not complete yet.

This unregistered version of <Live Markup> will NOT display any Image, or Image Map feature, also the WYSIWYG Form and Table functions are not usable.

 All Registered users are upgraded to the PRO version, additionally enjoy FREE upgrades with new features until December 31, 1995.

 All Registered users are placed on a special PRO mailing list for update information.

 All Registered users receive FREE EMAIL support.

 All Registered users receive FREE Telephone support until the end of 1995.

 Special price -- US$ 59.00 to Register and upgrade.

General Information

What exactly is it?

How to contact MediaTech Inc.

License Agreement

Working with <Live Markup>

Getting Started

Opening HTML document

Opening an existing Text File

Starting New HTML document

Head element information

Inserting Comments

Element Selectors

Adding Text to your documents

Header Level H1 - H6

Changing text to Bold, EM, etc.

Font Size change (Netscape)

Paragraph tag

Line Break

Blockquote -- extended quote

Preformatted Text

Inserting Images in documents

Inserting Background Image

Horizontal Rule and its attributes

Centering Text or Images

Raw Text element

Background, Link & Blink color changes

Blink -- yes, we support it :-)

Options Menu set-up

Address

Working with Lists

Different Lists

List Elements

Building Lists

Nested Lists

Creating Hyperlinks

Hyperlinks from Text or Images

Absolute versus Relative URLs

Hyperlink Information Window

Building Name link

Working with Images

Placing Images in your document

Virtual Keyboard

Special Characters in HTML

iso8859-1 table

Building Forms

Available in the Registered version

Building Tables

Available in the Registered version

Image Maps

Available in the Registered version

<Live Markup> Registration

Register <Live Markup>

WHY Register

Select from two (2) versions

Preference License

Different Payment methods

INFORMATION PROVIDED IN THIS DOCUMENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND FREEDOM FROM INFRINGEMENT.

The user assumes the entire risk as to the accuracy and the use of this document. This document may NOT be copied or distributed in any form, printed or electronic.

<Live Markup> is a Trademark of MediaTech Inc.

Copyright (c) 1995 MediaTech Incorporated. All Rights Reserved.


What exactly is it?

<Live Markup> is a colt in a new breed of powerful, WYSIWYG HTML editors that now

set the trend for Web Development, owing to their ease of use, and their dexterity.

An original concept from MediaTech Inc., <Live Markup> offers complete creative

control of HTML documents, allowing you to create complicated and fascinating layouts

at adrenaline pumping, full-throttled speed.

Purists will argue that 'What-You-See-Is-What-You-Get' (WYSIWYG) HTML editors are

actually impossibilities, due to the difference in tag interpretation of browsers. They're

right. But <Live Markup> comes as close as possible, modeling tag interpretation after

the two most popular browsers available - Netscape and Mosaic.

<Live Markup> is in in Beta and under constant development, day after day as

MediaTech's programmers refine the program and extricate bugs. The program is a

product of MediaTech Inc, a trend-setting new company based in Cleveland, Ohio. It

was developed using Borland C++ 4.5. and OWL.

This is NOT free software.

You are hereby licensed to use this version of <Live Markup> for evaluation purposes without charge for 30 days. If you use this software after the evaluation period a registration fee is required.

Unregistered use of <Live Markup> after the evaluation period is in violation of U.S. and International Copyright Laws.

Please look at the chapter Register <Live Markup>

You can contact us in one of the following ways:

Email:	peter@mediatec.com, or

peter@interramp.com

Mail:	MediaTech Incorporated

9785 Shenandoah Dr.

Cleveland, Ohio 44141-2833

Fax:	216-526-5985

Tel:	216-526-6788

URL: http://www.mediatec.com/mediatech/

FTP: ftp.mediatec.com/pub/mediatech/


Getting Started

HTML -- Authoring for the Web

An HTML document is an ASII text file that contains embedded HTML tags. HTML tags are encapsulated within the less-tan (<) and greater-than (>) brackets. Some of the tags can stand by themselves -- standalone tags, like <tag>. Other tags are used in pairs. The beginning tag tells the Web browser to start the tag function and the ending tag tells the Web browser to stop. The ending tag has a forward slash (/) at the beginning of the tag, like </tag>. The syntax is: <tag> type </tag>

Authoring with <Live Markup>

First things first. Like all effective Windows programs, <Live Markup> has a quick access toolbar that makes HTML element insertion an absolute breeze.

 Opening An Existing HTML Document.

You can open an existing HTML document by clicking on the open button, or the more conventional method of choosing File|Open. This brings up the standard windows dialog box of files and directories. Choose the file you want to open, and either double click on it, or click on it once and press the OK button.

Be aware that if you open a document NOT created in <Live Markup>, the program automatically formats all recognized tags in WYSIWYG format, and displays all unrecognized tags as raw text elements in a white background.

Opening An Existing Text (*.txt) File.

You can also open existing text files (must have a txt ending). Go to File|Open, from the windows dialog box under List type of files change to *.txt, now browse to the text file you want to open in <Live Markup>. The file opens by placing all paragraphs in elements ready for further editing.  To save the file as html, go under the file menu to save as make sure html is selected.

 Creating New Documents...

You have a couple of ways to start a brand new HTML document in <Live Markup>.

 Choose "File", and then from that menu, choose "New", and select HTML files.

 Click on the New Document button on the toolbar, and select HTML files.

This now opens up a new document window with the default gray background. To change the background color, choose Options|Colors|Background, and then specify the color you want to use in the clickable palette. It's as simple as that!

Head element information...

Remember to click on the Document Information button, to input your title of the Document and other attributes now!

Document Information input in the <Live Markup> HEAD element should only contain information ABOUT the document. Remember: All displayable elements should be within the content of the BODY.

Click on the "edit document information" button in the toolbar of <Live Markup>. A new window opens, allowing three(3) different inputs

DOCUMENT TITLE...

Each HTML document needs a title. You can only have one title for each document, containing only plain TEXT, no HTML tags. Pick a title which is short and descriptive of the actual documents information. Remember, many browsers place the title in the title bar -- the total length of getting the information out should be considered.

type the document title. This information is embedded in the header. The TITLE is not

part of the document text (It is NOT automatically the document file name).

Often the title is used by a browser to label the display window. Some Web "Search

Engines" only search the title of Web pages for indexing. Therefore, the text of the

title should be kept short but sufficient to identify the document.

OTHER HEAD ELEMENTS...

The META element is used within the HEAD element to embed document meta

information not defined by other HTML elements. Such information may be extracted

by servers and/or browsers. If you want META information in your document, you will

need to type it in the format below. In future upgrades of <Live Markup>PRO we will

make this simpler.

Here are some suggested META head elements...

<META NAME="AUTHOR" CONTENT="author name">

<META NAME="ORG" CONTENT="author org">

<META NAME="FILE NAME" CONTENT="Document ID number">

<META NAME="EXPIRES" CONTENT="Expiration Date">

<META NAME="BUILD" CONTENT="Creation Date">

<META NAME="SUBJECT" CONTENT="Subject">

<META NAME="KEYWORDS" CONTENT="key1, key2, key3">

<META NAME="VERSION" CONTENT="Document Version">

ATTRIBUTES...

Attributes for image size, and other attributes used by Netscape and other browsers

may be inserted here.

LINK... <LINK REV=OWNER HREF=internet-address>

The <LINK> standalone tag is used in a special way to identify the email address of

the document owner. This information is NOT displayed by the Web browser, but is

used by some browsers when sending a email message to the documents owner.

Comments...<!- this is a comment ->

You can place comment in the document to describe the HTML document or to give some kind of indication of the status of the document. Text in comments is ignored when the HTML file is parsed. Comments do NOT show up on the screen -- they may be placed in the Header or Body of the document.

Here is a Comment:

<!- Tell a friend about Live Markup ->

To place a Comment in the Header...

1.	Click on elements document information from the pull down menu, or click on the

document information button in the toolbar.

2.	Type the comment in the Other Head Elements box.

To place a Comment in the Body of a document...

1.	Click on the raw text button in the toolbar.

2.	Type the comment in the raw text element

Remember: Any body comment will always be displayed in <Live Markup>

What are Elements Selectors?

<Live Markup> is working with element selectors to structure any document. Each button on the toolbar places the appropriate element selector in the document you are building (see below). For example, if you clicked on the Header button, you should see a narrow Element Selector appear:

 This element selector button has 2 main functions:

1.	Clicking on the element SELECTOR with your LEFT mouse button , depresses the

element visually and activates it for editing.

2.	Clicking on the element SELECTOR with your RIGHT mouse button displays a pop

up a menu that allows selection of different attributes, and settings for that particular

element's content.

REMEMBER: <Live Markup> uses LEFT and RIGHT mouse clicks on any element selector.

Some facts about Selectors.

The selector increases in size, as the active element uses more lines.

 DO NOT COPY a whole document of plain text in only ONE SELECTOR. However, you may copy paragraphs of text in individual (separate) text selectors.

 To edit a particular element, activate its selector by clicking on it with your left mouse button.

 To insert a single element between two existing elements, activate the selector just ABOVE the point of insertion, and then click on one of the element insertion buttons on the Toolbar.

To insert an element at the very TOP of an existing document, click on the top left hand corner of the document, just above the very first element. Then, click on one of the element insertion buttons. This makes your new element the very first in the document.

Deleting Whole Elements...

Deleting a particular element is done by clicking the RIGHT mouse button on the selector, and then choosing 'Delete this element' from the pop-up menu displayed.

Undele Whole Element...

To undete the whole element just deleted. Click on Edit and select Undo.

Adding Text, Graphics, and other Elements.

 Adding Text To Your Documents...

Just click on this toolbar button to start a new text element. You must also first click on the text element button to insert a image. All normal text for the browser's proportional font is entered in this element.

NOTE: This button is always used, to start a new text and image element.

We recommend to save the file you are working on -- often. To save a file into HTML format, simply click on the ""Save this document button or from the FILE menu click on SAVE or SAVE AS.

Headers -- H1 to H6...

 The <H1>text</H1> header level tag pair indicates a level of structure in your document. There are six Header levels <sizes) to choose from, with H1 displaying the largest type. Headers like paragraphs autowrap if the phrase cannot fit on a single line. All Header tags also force paragraph breaks before and after the header.

It is suggested to use headings hierarchically, starting your document with a first level heading and to use headings in order. Unlike titles, headings can have a unlimited amount of text. Of course having lines and lines of large text looks totally stupid.

By clicking on the Header button in the toolbar, <Live Markup> inserts a new element ready for type input with the default header size set to the largest size -- H1. To change the header to any other header size, convert it to plain text, or completely delete the whole element -- click with your RIGHT mouse button on the header element selector and choose from the pop-up menu.

Header names should be appropriate to the following section of the document, while the title should cover the document as a whole. There are no restrictions on the sequence of headers, e.g. you could use a level three header following a level one.

header

Changing text styles...

Character style tags affect words or characters within other HTML entities and have the effect of changing the appearance of that text so that it somehow differs from the surrounding text. There are two kinds of tags used.

1.	Logical style. The tags are named after the way they are used for emphasis, citation

etc. Logical styles do not indicate the type of formatting the browser should do for that

text, they only imply that some kind of emphasis should take place -- every browser

will show this somewhat different.

2.	Physical Style. Physical style tags change the actual presentation style of the text --

to make it bold, italic or monospaced.(typewriter font).

Regardless of what you select, the final outcome is browser dependent. In the final document text tagged for bold-italic may only end up one or the other.

Here is how to change text styles with <Live Markup>:

1.	Highlight the text you want to change

2.	Single click with your RIGHT mouse button anywhere in the highlighted text.

3.	From the pop-up menu select the style you want - the text changes instantly to the

selected choice.

Change any text back to plain

Any text may be changed back to plain again

1.	Highlight the text you want to change (you can be overlapping plain text)

2.	Single click with your RIGHT mouse button anywhere in the highlighted text.

3.	From the pop-up menu select -- PLAIN

Font size changes...

Whole paragraphs or individual letters may be changed. Remember, this is only valid with the Netscape browser.

1.	Highlight the text you want to change. (You may highlight more than one location)

2.	Click on the Font Size drop down menu in the toolbar and select a number from 1-7

3.	Click with your RIGHT mouse button anywhere in the highlighted text.

4.	In the pop-up menu select under Font size: absolute, +relative or -relative -- see

Netscapes documentation for the proper use.

Valid values range from 1-7. The default font size is 3. The value given to size can optionally

have a '+' or '-' character in front of it to specify that it is relative the document BASEFONT.

The default BASEFONT is 3, and can be changed with the BASEFONT element.

 < BASEFONT SIZE=value> This changes the size of the BASEFONT that all relative font

changes are based on. It defaults to 3, and has a valid range of 1-7.

Paragraphs in HTML...

Adding ordinary paragraphs with <Live Markup> is very simple. However, first a word about the <P> tag. HTML 1 specified the <P> tag as one sided, no closing tag. In the HTML 2 and HTML 3 specifications the paragraph tag has been revised. In these versions the paragraph tag is two sided <P></P> where the closing tag is optional.

<Live Markup> uses the newer version <P> text </P> for paragraphs. Most if not ALL browsers will accept the new version without problems.

Line Break...

The <BR> tag, with no closing tag, when placed on the end of a line of text, breaks the line at that point. When a Web browser encounters a <BR> tag, it restarts the text after the tag at the left margin on the next line. You can also use the <BR> tag within paragraphs or list items. <BR> will not add extra space above or below the new line -- all it does, it starts a new line.

To place a break in your document, at any position -- press the ENTER key, thats all.

What is Autowrap and Autoflowing?

The Web browser flows all the contents of a paragraph of text together from left to right and from top to bottom according to the current window and display size. This is called autofowing.

The Web browser wraps anything that does not fit on the current line, placing it on the next line. For example, a paragraph that displays four lines long on an 8-inch wide window rewraps to about eight lines it the user re-sizes the window to about half the current size. That is autowrapping.

Remember: Your document will be read by many different browsers. Just because a line breaks at a certain point with one browser does not meant it will happen in the same place with other browsers. The only thing for sure is, that everything flows from left to right and top to bottom.

Inserting Images in Documents...

 First  a text element has to be inserted. (This is always the first step)

 Then click on the Image insertion button on the toolbar. Now the Image

smiley face is inserted next to the text element.

Double click on the smiley face next to the element selector. Now the Image Information Window opens. This window is design for just about any imaginable image attribute possible. (Many available attributes are specific to the Netscape Browser).

a.)	As soon as the image information window opens -- tell <Live Markup> where the image

file is located.

b.)	type in the image path the file location, or if you do not know the image location click on

the browse button.

c.)	now the file window opens -- select the image file (by double clicking on it) from the

proper directory. <Live Markup> will display the total path. Change the file path if needed,

depending on  where the image will be located on the server.

It's not compulsory, but strongly suggested to type an "alternative text" in the Image Information window. Its a good think to remember the (unlucky) people who have no graphical browsers, and use text only programs, such as Lynx.

Make other changes as necessary in the Image Information box, such as alignment, and other

attributes. We suggest to  visit The Netscape site to learn about the meaning of all the attributes. It will help you to build better looking Web Pages.

The Image Information Window has many attributes already available with a few clicks of your mouse. However, if you need to enter additional attributes -- there is always the other attribute line.

NOTE: Presently, <Live Markup> does not display many of the various different text alignments possible. However, all the proper tags are inserted for display with the Netscape browser. (The display in <Live Markup> will change in the future). For further information see Working with Images

You may bring the Image information box up anytime, by simply double clicking on any image.

Inserting a Horizontal Rule...

 Click on the horizontal rule button in the toolbar insert a Horizontal rule anywhere into the document at any time. Just make sure that the "selector is down (selected) above the element you want to insert a horizontal rule.

<Live Markup> features many build in Netscape attributes. This is how to use them:

a.) Double click anywhere directly on a already inserted horizontal rule, or click on the horizontal rule selector and select edit attributes -- now, the Horizontal Rule attribute window up.

If you do not know how to change attributes follow along in this example:

SIZE:             2 (enter the number two)

WIDTH:         70 (enter the number seventy, then click on Percent)

ALIGNMENT: (click on CENTER)

SHADING:     (click on NO SHADE)

Then click on OK

Here is the attribute you created with the 5 simple inputs: <HR SIZE = "2" WIDTH = "70%" ALIGN = "CENTER" NOSHADE>

The above example should give you the basic idea of how easy it is to change the look of the horizontal rule -- with a few clicks of your mouse. Go ahead -- go wild...

The HR element specifies that a horizontal rule of some sort (The default being a shaded engraved line) be drawn across the page. To this element we have added 4 new tags to allow the document author some ability to describe how the horizontal rule should look. <HR SIZE=number> The SIZE tag lets the author give an indication of how thick they wish the horizontal rule to be. <HR WIDTH=number|percent> The default horizontal rule is always as wide as the page. With the WIDTH tag, the author can specify an exact width in pixels, or a relative width measured in percent of document width. <HR ALIGN=left|right|center> Now that horizontal rules do not have to be the width of the page we need to allow the author to specify whether they should be pushed up against the left margin, the right margin, or centered in the page. <HR NOSHADE> Finally, for those times when you really want a solid bar, the NOSHADE tag lets you specify that you do not want any fancy shading of your horizontal rule.

CENTER Text or Images...

Yes you can center your text. All lines of text between the begin and end of CENTER are centered between the current left and right margins. A new tag has been introduced rather than using the proposed <P Align="center"> because using <P Align="center"> breaks many existing browsers when the <P> tag is used as a container. The <P Align="center"> tag is also less general and does not support all cases where centering may be desired. (Netscape explanation).

Here is how you use the centering feature in <Live Markup>:

1. Click with your RIGHT mouse button on any selector.

2. Select center from the pop up menu

3. All text or Image within this selector is centered and the proper tags inserted.

To un-center select center again from the pop-up menu.

Quotations...<BLOCKQUOTE>

The Extended Quotation or <Blockquote> dual </Blockquote> tag is used to offset the selected block of text in a distinctive way -- depending on browsers. Generally blockquotes are set off from regular text by some kind of indentation.

1.	With your RIGHT mouse button, click on the element selector -- in the pop up menu

select extended quote. This will place the <Blockquote> </Blockquote> tags around

the selected text.

Inserting Preformatted Text...

Generally, text in an HTML file is formatted based on the HTML tags used to mark up this text. The only exception is the <PRE> preformatted text tag. Any white space that you put into text that is surrounded by the <PRE></PRE> tags is retained in the final output.

The only noticeable difference is, that preformatted text is rendered in (graphical) browsers in a Courier font. Preformatted text is great for anything where you want to properly align columns of text and numbers in an easy readable format -- padding the display with white spaces.

Within the <PRE> tags, you can use link and character style tags -- but, NOT element tags, like headings and paragraphs. Suggest to break you lines with a return, also keep your text always less than 80 characters per line. Browsers do not adjust preformatted text  -- if the text its larger than the widest browser window, nobody will be able to read the non displayed text.

1.	Insert a text element. (click on the text block button in the toolbar.

2.	With you RIGHT mouse button click on the new element.

3.	From the pop up menu select preformatted.

4.	Now everything you type or any text pasted from the clipboard in the preformatted

element will be displayed as is in a Courier type style.

RAW Text element...

 The raw text element is a unique tool to allow copying of existing tags into <Live Markup> eliminating re-typing. Or, the raw text element may be used for unsupported tag input, or comments within the document body.

Here is one use as example: Lets assume you have a previously created document from which you would like to copy a nested list:

1.	Click on the RAW text element button on the toolbar. A element inserts having a

WHITE background for type input. (So, if you have a white document background it is

difficult to stand out.)

2.	Copy the actual tags from the previous document and paste them in the raw text

element.

3.	Save the file, click on the SAVE button and give the file a name (if you did not do

this already)

4.	Go to FILE RELOAD on the toolbar. Reload the just saved file into <Live Markup>.

The program in the above example, would display the new list in its WYSIWYG format -- eliminating the raw text element with its tags. Providing, and this is important -- the tags are conforming with proper HTML.

Inserting Background Images GIF or JPEG...

<Live Markup> supports the insertion and display of background images.

1.	From the OPTIONS menu select set background image.

2.	Background image data window opens.

3.	Browse or type the image path -- see Creating Hyperlinks

3.	Click OK --  now the background toggle button is activated, showing red and gray. This is

a indicator, that this document has a background image.

4.	To see the actual background image together with type etc., click once on the red/gray

toggle button -- the image inserts in the document and the gray area in the toggle button

changes to white. Anytime you see the red/white toggle button combination a background

image was inserted in the document for tagging.

Remember: <Live Markup> will NOT display any image residing on a server. If you select a image residing somewhere on a different server, then you will have to connect to the Internet using your browser to check the document with the background image.

Try to keep your background image together with your HTML documents. If you have your background image located on a different server, it requires the fetching of an image file from a second HTTP connection, it will slow down the perceived speed of your document load. None of your document can be displayed until the image is loaded and decoded. Needless to say, keep your background images small.

If you have the Auto Load Images option off, background images will not be loaded. If the background image is not loaded for any reason, and a BGCOLOR was not also specified, then any of the foreground controlling attributes (LINK, VLINK, and ALINK) will be ignored. The idea behind this is that if you didn't get your requested background image, setting your requested text colors on top a the default gray background may well make your document unreadable.

Changing Background, Type and Link Colors...

You can change the background color -- type color and all link colors with a few clicks of your mouse -- at this time only the NETSCAPE browser supports those attributes.

IMPORTANT: THE BGCOLOR ATTRIBUTE ONLY IN NETSCAPE...

This attribute to BODY is not currently in the proposed HTML 3.0 spec. Basically, many people just want to change the color of the background without having to specify a separate image that requires another network access to load. This attribute allows just that. The format that Netscape 1.1 understands is:

<BODY BGCOLOR="#rrggbb">Document here</BODY>

Where "#rrggbb" is a hexadecimal red-green-blue triplet used to specify the background color.

CHANGING BACKGROUND COLOR:

1.	From the OPTIONS menu select COLORS then BACKGROUND.

2.	The select background color window opens with 48 basic colors 16 custom colors and a

color wheel to define more colors.

3.	Click on any of the basic colors for example: RED, a indicator box surrounds the color

you selected -- now click on OK.

4.	The color selector closes and the selected color inserts in the background.

Option using color wheel to select custom colors:

a.	From the OPTIONS menu select COLORS then BACKGROUND.

b.	The select background color window opens with 48 basic colors 16 custom colors and a

color wheel to define more colors.

c.	Click on define custom colors. The color wheel window opens

d.	Click anywhere in the selection to define a new custom color.

e.	Then click on ADD to custom colors -- this way you can select up to 16 custom colors at

once.

HOW TO CONTROL THE DOCUMENT'S FOREGROUND

Clearly, once you have control of the background, you are going to need to also control the foreground to establish the proper contrasts. The following attributes are also recognized as part of the BODY tag by Netscape 1.1.

THE TEXT ATTRIBUTE

This attribute is used to control the color of all the normal text in the document. This basically consists of all text that is not specially colored to indicate a link. The format of TEXT is the same as that of BGCOLOR.

<BODY TEXT="#rrggbb">Document here</BODY>

CHANGING TEXT COLOR WITH <LIVE MARKUP>:

1.	From the OPTIONS menu select COLORS then TEXT.

2.	The select text color window opens with 48 basic colors 16 custom colors and a color

wheel to define more colors.

3.	Click on any of the basic colors for example: GREEN, a indicator box surrounds the color

you selected -- now click on OK.

4.	The color selector closes and ALL the text is displayed in the color you selected.

(Note: You can only change ALL TEXT to the new color -- browser default!)

THE LINK, VLINK, AND ALINK ATTRIBUTE IN NETSCAPE

These attributes let you control the coloring of link text. VLINK stands for visited link, and ALINK stands for active link. The default coloring of these is: LINK=blue, VLINK=purple, and ALINK=red. Again the format for these attributes is the same as that for BGCOLOR and TEXT.

<BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb">Document here</BODY>

CHANGING HYPERLINK, VLINK, ALINK & BLINK COLOR WITH <LIVE MARKUP>

1.	From the OPTIONS menu select COLORS then either hyperlink, visted link, active link or

blink.

2.	The select text color window opens with 48 basic colors 16 custom colors and a color

wheel to define more colors.

3.	Click on any of the basic colors for example: PURPLE, a indicator box surrounds the color you

selected -- now click on OK.

4.	The color selector closes and ALL the LINK or BLINK color is  displayed in the color you

selected.

BLINK, use it sparingly...

Here is how to insert the BLINK command. Please note: use it sparingly some people totally hate it.

1. Highlight the text you want to BLINK.

2. Click anywhere in the highlighted text with the RIGHT mouse button.

3. In the pop up menu select blink the color of the highlighted text changes to red (the default color) indicating that this is a blinking block of text in the Netscape browser.

To state the obvious, since these color controls are all attributes of the BODY tag, you can only set the colors once for the entire document. You cannot change coloring partially through a document.

Set user preferences in the Options menu...

Select OPTIONS menu, then SET PREFERENCES, the user preference window opens.

BROWSER

Use the browse button to browse to your WWW browsers *.exe file. For example if you use Netscape browse to the Netscape directory, then to the netscape.exe file. Click on the file , then the OK button the directory path inserts in the browser like: C:\NETSCAPE\NETSCAPE.EXE

Once the browser preference is set. The next time you want to see how the document you are working on is looking in the selected browser. Just select BROWSER from the options window -- the selected browser is launched and the presently open document in <Live Markup> is automatically loaded in the browser window.

TEXT EDITOR

Use the browse button to browse to your favored text editor, or just type NOTEPAD.EXE in the window.

The default text import paragraph definition are set to \N\N, however, you may change them. Paragraph break is a string used to determine the beginning of a new paragraph, not the end of one. The only exception is the first paragraph, which is a paragraph by definition.

This string is also used to break up text when saving an HTML file as plain text. (File menu = save text only) There are a few characters that may be used in the string that aren't represented by any printed character. These are handled using a simple escape sequence. The backslash character '\starts the sequence. This may be followed by any of these:

2nd char	descr	ascii hex	comments value

---------------------------------------------------------------------------------------------------------------------

'a' or 'A'	audible bell	0x07	probably has little use

'b' or 'B'	backspace	0x08	also, little value

  'f' or 'F'	formfeed	0x0c

'n' or 'N'	newline	0x0a

'r' or 'R'	carriage return	0x0d

't' or 'T'	horz tab	0x09	same as the tab key

  'v' or 'V'	vert tab	0x0b

The default paragraph break is "\n\n"; this is simply two carriage returns and should break up any text file that uses two carriage returns to separate paragraphs.

The save as text item in the file menu saves the text portions of an HTML in a file

of the same name, but with a "txt" extension. The user will be prompted for a filename

if the document is new. This will not affect the HTML document's filename.

APPLICATION OPTIONS:

Warn on element delete. If this option is checked, every time you chose element delete a warning message is displayed.

MAXIMIZE MDI WINDOWS:

If this box is checked the Live Markup window will be always maximized.

Once the text editor preference is set. The next time you want to see the document tags, just select TEXT EDITOR from the options window -- the selected text editor is launched and the presently open document in <Live Markup> is automatically loaded in the text editor window.

Addresses...

Address tags go at the bottom of each Web page and are used to indicate who wrote the Web Page, who to contact for more information, the date last changed, any copyright notice, the page URL would be helpful also. Addresses are often preceded with a horizontal rule.

Signing each of your pages using the <ADDRESS> opening and </ADDRESS> closing tag is an excellent way to make sure that people can get in touch with you.

1.	Click on the text element button in the toolbar.

2.	Click on the selector with your RIGHT mouse button, from the pop up menu select

address.

3.	Now type the address information, taking full advantage of the line break feature <BR>

tag, by pressing the ENTER key.


Creating Hyperlinks

Hyperlinks -- what?

The HTML link tag <A> ...</A> also called anchor tag is used -- as it can also be used to create anchors for links. The <A> tag has some extra features associated with it ATTRIBUTES. The attribute most often used is the HREF attribute. Hypertext REFerence. The HREF is used to specify or name the URL of the file this link points to.

Like most HTML tags, the link tag also has a closing tag </A>. ALL the text between the <A> and </A> tags (excluding the attribute, like HREF) will become the actual link.

Building Hyperlinks from Text or Images...

Its easy to create hyperlinks with <Live Markup>. Just follow these easy steps.

TEXT:

1.	Highlight the actual text you want to create a link from. That is, the 'clickable text'.

2.	Click anywhere on the highlighted text with your RIGHT mouse button.

3.	From the pop-up menu select "create hyperlink". The Hyperlink Information window

pops up in which the hyperlink information must be typed, copied or browsed to.

IMAGES:

1.	Click anywhere on the Image with your RIGHT mouse button.

2.	From the pop-up menu select "create hyperlink". The Hyperlink Information window

pops up in which the hyperlink information must be typed, copied or browsed to.

Additionally, you may select the border thickness of the hyperlink color around any image. This is done in the Image Information window, by double clicking on the image (left mouse button) and typing a number in the Border Thickness window. If you type  zero (0) there will be NO border hyperlink indicator.

The Hyperlink Information Window...

A URL points to a file or directory. There are three (3) distinct types of URLs: absolute, relative, and local.

Absolute versus relative URLs:

Relative URLs are used to point to information resources in the same directory or on the same server. This allows you to author HTML with total disregard for where your final HTML directory structure will be placed on the Web server or even what system the server will run on. You can direct the relative navigation between HTML documents using the same directory path navigation you use on UNIX to move up and down a directory tree. For example, to have a hyperlink that jumps up two levels in the directory structure to your home page, the following HTML could be used:  <A HREF=../../home.html>Return to Home Page</A>

Relative URLs also give you the flexibility to move your HTML directory structure anywhere on the Web. They also work when files are read directly from the file system by a Web browser, without the intervention of a Web server -- in local mode, useful for Web authoring.

Absolute URLs, are usually used to point to information resources on other servers, basically resources elsewhere on the Internet.

The full syntax for an absolute URL is: access-method://server-name[:port]/directory/file

.

access-method:  FTP (Port 21), Telnet (Port 23), Gopher (Port 70), HTTP (Port 80)

server-name:  mediatec.com (using default port)

directory:  /mediatech/

hypertext document:  index.html

Every file on the Internet is uniquely addressable by its URL, regardless of the type of file or the type of server it is provided by. Besides the http: access method, the URL concept also supports other important Internet protocol access methods such as Gopher, FTP, and TELNET.

In the <Live Markup> Information Window:

Under the URL Protocol  you can select: HTTP, FTP, GOPHER, FILE, TELNET, MAILTO, NEWS.

Example: The following URL <A HREF = "http://www.mediatec.com/mediatech/lv16b10b.exe"> in its final form, should read, or be typed in the Hyperlink Information Window as follows:

a.)	URL Protocol: http

b.)	Host/News/Mailto: www.mediatec.com

c.)	Source (HREF): mediatech\lv16b10b.exe

Upon saving the document the URL would be constructed by <Live Markup> automatically like:

<A HREF = "http://www.mediatec.com/mediatech/lv16b10b.exe">

This is the input model for creating the above URL.  All DOS \ directory commands are reversed to the proper URL commands / when the file is saved. Also, the // after the http: are inserted automatically. Additionally, the / after the domain name is inserted, if there is another file name.

Here is another example: Lets assume, you want to create a mailto command, (hyperlink from the word e-mail like <A HREF = "mailto:peter@mediatec.com">e-mail</A>

a.)	URL Protocol: mailto

b.)	Host/News/Mailto: peter@mediatec.com

Nothing else is needed, when the document is saved <Live Markup> creates the proper tags in the file.

Use the Browse button to insert the proper Source (HREF) file information. If you use the browse button and move the file, remember to update the link.

IMPORTANT: The following are very important clickable selections on the Hyperlink Information Window. The program default setting is relative path. Absolute path should only be used if the file/image is at a different server -- if you click absolute path,  type the whole URL.

a.)	Save absolute path: should only be used if the URL Protocol, is used for file/image

input from different source on the Internet.

b.)	Upper case: The file name in the HREF is saved in all upper case only.

c.)	Lower case: On many servers it is necessary to insert the file name in the HREF

only in lower case -- clicking this selection will save the file name only in lower

case.

d.)	None: Duplicates the file name as is -- in lower, upper case or mixed -- generally this

setting should be used.

Delete/Edit a Text Hyperlink: If you want the change, edit or delete a text hyper link, double click on the link with your left mouse button. The hyper link-window pops up -- now change the link information or click on delete deleting the link completely.

Delete/Edit a Image Hyperlink: If you want the change, edit or delete a image hyper link, click on the image with your RIGHT mouse button. From the pop up window select edit hyperlink, now the hyperlink-window opens -- change the link information or click on delete deleting the link completely.

This is not a World Wide Web Browser. Therefore, do not click on a link and expect the program to jump automatically to the destination link. Also, if you selected a image with an absolute path on a different server, dont expect to see the image in <Live Markup>.

Building a NAME link

Important: <Live Markup> does NOT allow empty Name links. This means, there has to be a word, sentence, or at least one letter between the opening and closing name tags.

It is very simple to build a NAME link with <Live Markup>, here is how: (this example assumes, that all files on the server, are in the same directory.

1.	you are at page three and want to jump to page one to a specific location create a

hyperlink as follows:

a.)	highlight a word (on page three in this example), click on the highlighted word, from

the pop up menu select create hyperlink, in the hyperlink window type in the

b.)	Source (HREF): index.html#a1.1 ( index.html is the first page name, the # sign is to

link to a name, the a1.1 is just a unique designator.)

2.	Now open page one index.html with <Live Markup>.

a.)	go to the word on the page where you want to build the NAME link. Highlight the

word, click with your RIGHT mouse button on the highlighted word, from the pop up

menu select create hyperlink. The hyperlink window opens now:

b.)	in the Destination (NAME) box type only: a1.1 then click OK, when you save the file

<Live Markup> creates all the necessary tags.

The selected NAME word changes to the default color, indicating that this is a NAME link. At any time you can change the link by double clicking on the name link with your left mouse button in the Hyperlink Information Window.

You can change the colors of the hyperlink, visited link and active link. To do so, choose Options|Colors|<a/v/h>Link, and then choose the color from the clickable palette.


<Live Markup> License Agreement

You should carefully read the following terms and conditions before using this software. Unless you have a different license agreement signed by MediaTech, Inc. for the use of this software, your use of this software indicates your acceptance of this license agreement and warranty.

Thirty Day Evaluation and Registration

This is NOT free or shareware software. You are hereby licensed to use this software for evaluation purposes without charge for a period of 30 (thirty) days, counting from the day you download this software. <Live Markup> Copyright (c) 1995 by MediaTech Inc. All Rights Reserved.

Registered Version

One registered copy of <Live Markup> may either be used by a single person who uses the software personally on one or more computers,or installed on a single workstation used non-simultaneously by multiple people, but not both.

You may access the registered version of <Live Markup> through a network, provided that you have obtained individual licenses for the software covering all workstations that will access the software through the network. For instance, if 6 different workstations will access <Live Markup> on the network, each workstation must have its own <Live Markup> license, regardless of whether they use <Live Markup> at different times or concurrently.

Governing Law

This agreement shall be governed by the laws of the State of Ohio, U.S.A.

Disclaimer of Warranty

THIS SOFTWARE AND THE ACCOMPANYING FILES ARE SOLD "AS IS" AND WITHOUT WARRANTIES AS TO PERFORMANCE OF MERCHANTABILITY OR ANY OTHER WARRANTIES WHETHER EXPRESSED OR IMPLIED.

In particular,there is no warranty for virus scanning. <Live Markup> does not scan for viruses. Because of the various hardware and software environments into which <Live Markup>; may be put,.

 NO WARRANTY OF FITNESS FOR A PARTICULAR PURPOSE IS OFFERED.

Good data processing procedure dictates that any program be thoroughly tested with non-critical data before relying on it. The user must assume the entire risk of using the program.

ANY LIABILITY OF THE SELLER WILL BE LIMITED EXCLUSIVELY TO PRODUCT REPLACEMENT OR REFUND OF PURCHASE PRICE.

<Live Markup> is a Trademark of MediaTech Inc.

Copyright (c) 1995 MediaTech Incorporated. All Rights Reserved.


Working with a List

There are three types of lists:

Unordered (bulleted) List: <UL list</UL>

Ordered (numbered) List: <OL> list</OL>

Definition List: <DL> list</DL>

In the first two types of lists, the elements of the list are designated with the <LI> list item tag. If a list item phrase is wider than the display with, the Web browser automatically wraps the phrase and aligns the next line to indent under the previous line. Lists can also be nested, meaning --  a list can be within another list.

The definition list, is used when the list items do not need to be bulleted or numbered and can stand on their own. Definition lists do not use the <LI> tag to mark a new list entry. Instead they use the <DT> and <DD> tagging pairs. The <DT> tag identifies the primary text, and the <DD> tag identifies the text associated with and indented below the <DT> tagging phrase.

List elements have three selectors...

Selector 1	is the actual list selector. Select: unordered <UL>, ordered <OL> or

definition list <DL>. You can check and change the list selection by clicking

on the list element selector with your RIGHT mouse button.

Unordered, or bulleted lists -- typically labeled with bullets or some other symbol.

Unordered lists are lists in which the elements can appear in any order.

Ordered, or numbered lists -- typically labeled with numbers. When the browser interprets an ordered list, it numbers (and often indents) each of the elements sequentially. You do not have to do the numbering yourself, and if you add or delete items, the browser will renumber them the next time the document is loaded. Use ordered lists only, if you want to show items in specific order.

Definition lists, or glossary lists in which each item in the list has a term and a definition for that term -- arranged so that the term is somehow highlighted from the text. Each element of a definition list has two parts:

A TERM

THAT TERMS DEFINITION

Each part of the definition list has its own tag <DT> for the term, and <DD> for the definition. Definition lists are generally formatted with the term and definition on separate lines, and the left margins of the definitions are indented. Definition list can be used anywhere an indented list is needed.

Selector 2	represents the list item<LI>, term<DT> and definition<DD>

You can check and change the list selection by clicking on the list element

selector with your RIGHT mouse button.

Selector 3	is the  text selector. For text input.

Building Lists.

click on *list* button in the toolbar, "selector 1" is placed in document

.	click on *item* button in the toolbar. "selector 2" is placed in document

click on *text* button "selector 3" inserts -- type text -- or, click *image* button.

To start the next list item, click the item button in toolbar again.

(Note: "element 1" increases in size, it will eventually be the total length of the list).

Click on *text* button text element "selector 3" inserts -- type text -- or, click on "insert

a new image" = *image* button.

To enter more list items continue the above procedure.

Exit any list, or nested list ...

Click on "selector 1" -- the one farthest left, then click on the *text* button or *line* button in the toolbar. The next element will be inserted in the regular left position in your document.

Insert a paragraph before next list item...

To allow more space between list items for a not to crowded look -- insert a empty paragraph element. DO NOT select paragraph directly at the text line.

1.	Insert the first list item line like usual -- if you want to add some space before the next

line starts.

2.	Click on the text block in the toolbar, inserting another text element directly under

the last list item element.

3.	Click with your RIGHT mouse button on the empty text element. From the pop up

menu select paragraph, the element moves down. (allowing more space before the

next list item starts).

4.	Now continue inserting another list item...

Nested Lists...

You can place a list inside another list. The nested list just becomes another element of the first list, and it is formatted indented from the rest of the list. List like this work great for menu like entities in which you want to show hierarchy.

LEVEL 1

 Click on *list* button in the toolbar "selector 1" is placed in document.

.Click on *item* button in the toolbar -- second selector is inserted.

 Click on *text* button third selector is inserted: type text -- or, click on image button.

LEVEL 2,3,4 or higher...

Whenever you want to make a nested list, going to the next higher level, always after inserting the list item (normally you would click now on the text button) --

 instead click on the LIST button.

.Then again on *item* button in the toolbar -- next selector is inserted.

 Next on *text* button: type text -- or, click on image button.

Headlines Inside Lists:

If you want to use headers in an unordered or ordered list, make sure you change Selector two (2) from <LI> to <DT>, if you dont,  a bullet or number will be all by itself on one line (without text) and the headline displays on the next line.

Many browsers format nested ordered and unordered lists differently from their enclosing lists -- they might use a symbol other than a bullet for a nested list. You cannot determine what the exact formatting will be in the final output.


Working with Images

There are two ways to present graphics -- inline images and external images. Inline images are displayed by the Web browser as part of your document and are automatically retrieved along with the document. External images are displayed by a separate viewer program (started by the Web browser when needed) and must be triggered by a hyperlink.

The inline image is just one more piece of information that is included in the autoflow and autowrap of your HTML document on the Web browser screen. Actually the image is treated just like a word -- it can appear in the middle of a paragraph.

Placing Images...

 First  a text element has to be inserted. (This is always the first step)

  Then click on the Image insertion button on the toolbar. Now the Image smiley face is inserted next to the text element.

Double click on the smiley face next to the element selector. Now the Image Information Window opens. This window is designt for just about any imaginable image attribute possible. (Many available attributes are specific to the Netscape Browser).

1.	As soon as the image information window opens -- tell <Live Markup> where the image file is

located.

a.) 	type in the image path the image file location, (Example: if the image is in the same directory,

just type the file name, like: sample.gif) or, if you do not know the image location click on the

browse button...

b.)	now the file window opens -- select the image file (by double clicking on it) from the proper

directory. <Live Markup> will display the total path. Change the file path if needed, depending

on where the image will be located on the server.

c)	It is not compulsory, but strongly suggested to type an "alternative text" in the Image

Information window. Remember the (unlucky) people who have no graphical browsers, using

text only programs, such as Lynx.

Here are other attribute changes you can make from the Image Information Window:

(Note: most of them are only valid for the Netscape browser -- ignored by other browsers)

See -- http://home.mcom.com/home/services_docs/html-extensions.html

The additions to your ALIGN options needs a lot of explanation. First, the values "left" and "right". Images with those alignments are an entirely new floating image type. A ALIGN=left image will float down and over to the left margin (into the next available space there), and subsequent text will wrap around the right hand side of that image. Likewise for ALIGN=right the image aligns with the right margin, and the text wraps around the left.

ALIGN=top does just what it always did, which is align itself with the top of the tallest item in the line. ALIGN=texttop does what many people thought top should do which is align itself with the top of the tallest text in the line (this is usually but not always the same as ALIGN=top). ALIGN=middle does just what it always did, it aligns the baseline of the current line with the middle of the image. ALIGN=absmiddle does what middle should have done which is align the middle of the current line with the middle of the image. ALIGN=baseline aligns the bottom of the image with the baseline of the current line. ALIGN=bottom does just what it always did (which is identical to ALIGN=baseline but baseline is a better name). ALIGN=absbottom does what bottom should have done which is align the bottom of the image with the bottom of the current line.

Horizontal spacing: HSPACE controls the horizontal space to the left and right of the image. If you want to place some empty space next to your image, inserting a number in this box,  will create a empty space between the image and text or another image -- the higher the number, the larger the white space.

Vertical spacing: any number in this box, VSPACE controls the vertical space above and below the imagel.

Border thickness: This lets the document author control the thickness of the border around an image displayed. Warning: setting BORDER=0 on images that are also part of anchors may confuse your users as they are used to a colored border indicating an image is an anchor.

Image width and Image height: any number in either of the two boxes will change the image height or width accordingly. If you specify WIDTH and/or HEIGHT values in an IMG tag that differ from the actual width and/or height of the image. Netscape Navigator will use the width and height values specified in the IMG tag and scale the actual image to fit.

For example, if you have an image that is actually 123 pixels wide and 78 pixels high, but you create a document that inlines the image as follows:

<IMG SRC="b.gif" WIDTH=492 HEIGHT=312> the image will be scaled to fit the dimensions 492 by 312. This means you can purposely cause any image (GIF or JPEG) to be scaled to a larger size (or, for reasons I can't imagine, a smaller size) on the fly, by Netscape Navigator. See an example of scaling in action. calculated.

Browsers that do not do auto-scaling will cleanly ignore any WIDTH and HEIGHT attributes you add to your IMG tags and will display the inlined image at the normal, unscaled size.

Show image: if you select reduced -- it will show the image in a thumb nail format.

Alignment: all the different alignments in regards to text. For example: Top alignment places the top of the image even with the top of the current line of text Left  places the image to the left and any text is flowing to the right alongside the image depending on its size -- and so on. If align is omitted , bottom alignment is the default.

If you need to make additional attribute changes in the Image Information box, type them in the other attributes box.

 We suggest to  visit The Netscape site to learn about the meaning of all the attributes. It will help you to build better looking Web Pages.

Once you click OK on the image information window, the window closes and the image will be placed in the document.

NOTE: Presently, <Live Markup> does not display many of the various different text alignments possible. However, all the proper tags are inserted for display with the Netscape browser.

Remember: Double clicking with the left mouse button on any Image pops the information box up. Right clicking on any image pops up the hyperlink menu.


Building IMAGE Maps

Sorry, NOT available in the unregistered version.

Here are a few reasons to Register NOW.


<Live Markup> REGISTRATION

Why Register?

For one, you encourage us to keep going, and give you a constantly updated product. We need your support to help us make up on the time and effort we spend working on the development of <Live Markup>.

 <Live Markup> PRO, supports viewing of GIF, JPEG, BMP, TGA, PCX, TIF Images directly on-screen in the document you are building or editing. Place images next to each other, change them, add text or move everything around until you have the proper "look" of your page, all in a WYSIWYG layout environment.

 WYSIWYG Forms building -- with a few mouse clicks, fast and easy forms building program in a simple  WYSIWYG environment for ease of use. Build better looking forms, since you SEE what you GET --  all without any manual tag input.

 HTML 3.0 Table building -- <Live Markup>PRO with its WYSIWYG format is the ideal editor for creating tables with a few commands -- imagine, editing text, images, hyperlinks and nested tables -- all in a WYSIWYG format --

 Imagemap building and editing directly on-screen in a WYSIWYG format.

On-screen Image re-sizing for better page layout. This will be about as close you get to DTP, just move the corner handle of the image with your mouse for automatic new size input in the image file for the Netscape browser.

 Works with Microsoft Windows-95 and Microsoft Windows NT with looong file names in true 32-bit mode.

 FREE Customer support through email and telephone. (until December 31, 1995)

e-mail: support@mediatec.com

Telephone: 216-526-6788

 All Registered users are placed on a special PRO Mailing List with access to automated document Information mailbots.

These are some powerful reasons to Register NOW -- its only US$ 59.00 to upgrade to the PRO version, save $$ and receive FREE upgrades until December 31, 1995 -- everything at a ridiculously low price -- for a limited time.

Two <Live Markup>PRO versions are available:

1.	16-bit version for use with Windows 3.1

2.	32-bit version for use with Windows95 and Windows NT.

Preference License:

1.	Preference License -- If we receive your US$59 payment by December 31, 1995,

you can download the <Live Markup>PRO version now (from password protected

server). Additionally all future up-grades of <Live Markup> PRO are FREE until

December 31,1995 save $$$. Includes FREE e-mail support until December 31,1995.

2.	Starting January 1, 1996 the License fee for <Live Markup> PRO will be US$ 79.00.

For Educational use and full-time Students, the price for a single copy of <Live Markup>PRO is US$ 29.00 regardless when the product is registered throughout 1995, with FREE upgrades from our server until March 31, 1996 (must have a *.edu e-mail address to qualify). All educational orders must be faxed to 216-526-5985 with a copy of the Student I.D..

University Site License: US$199.00 for the first 50 Computers on a Network -- each additional Computer US$ 2.00. All Site License orders must be faxed to 216-526-5985.

Commercial Site License: 2 - 25 Computers = 30% discount; 26 - 50 Computers = 40% discount; over 50 Computers = 50% discount. All Site License orders must be faxed to 216-526-5985.

Questions: Please call Peter Moeritz at 216-526-6788 or Fax: 216-526-5985

--------------------------------------------------------------------------------------------------------------------------------

DIFFERENT PAYMENT METHODS AVAILABLE....

If you have a FAX available -- this is the simplest and most preferred registration method..

Fax:	Please fax the following to: 216-526-5985

Visa/Master Card, American Express, Discover & Diners Club:

     Full Name (as it appears on credit card)

     Credit Card Number

     Expiration Date

     your e-mail address (please make sure your computer transmits the @ properly)

     Street Address (Credit Card Bill is mailed to):

     City (Credit Card Bill is mailed to):

     State or Province (Credit Card Bill is mailed to):

     Zip Code (USA & Canada) or Country:

     Telephone Number and Fax Number:

.....16-bit or 32-bit version (16-bit for Windows 3.1 or 32-bit for Windows95 & NT)

We e-mail your Registration Number, File Name and Location for downloading within 1 - 12 hours.

----------------------------------------------------------------------------------------------------------------------------------

Check or Money Orders:

Important: write your e-mail address on check or money order. Also 16-bit or 32-bit version ordered (16-bit for Windows 3.1 or 32-bit for Windows95 & NT)

Sent check or money order to:

MediaTech Inc.

9785 Shenandoah Dr.

Cleveland, Ohio 44141-2833

We e-mail your Registration Number, File Name and Location for downloading within 12 hours after receipt of check.

----------------------------------------------------------------------------------------------------------------------------------

Call 800 Number:

Visa/Master Card, American Express, Discover & Diners Club:

Register <Live Markup> with your Credit Card by following these simple two steps:

1. Step 	E-Mail the following to: register@mediatec.com

In the Subject line, type only: Register

In the Message body, type: Your Name (as it appears on credit card):

Street Address, City, State or Province, Zip Code or Country.

16-bit or 32-bit version ordered (16-bit for Windows 3.1 or 32-bit for Windows95

and NT)

2. Step:	Call 1-800-526-8012 Call 24 hours, just give our Operators your Name, Credit

Card Number, Expiration date and e-mail address -- it's simple and fast.

(make sure to e-mail us your Postal Address and which version number

you are ordering -- see step 1 above)

We e-mail your Registration Number, File Name and Location for downloading within 12 - 24 hours.

----------------------------------------------------------------------------------------------------------------------------------

Purchase Orders...

Purchase orders (net 30 days) are accepted only from government and accredited educational institutions and major corporations, provided that they are submitted on purchase order forms with a purchase order number. Mail to:  Mediatech Inc., 9785 Shenandoah Dr., Cleveland Ohio 44141-2833.

Due to the extra work involved in processing purchase orders, you are encouraged to use a credit card, petty cash, or an expense account when ever possible for small orders.

International Orders: outside the USA and Canada...

We accept checks in your local currency -- We accept Personal, Company and Bank checks in your local currency at the prevailing exchange rate (plus 5% exchange rate variable). Payable to: Mediatech Inc., 9785 Shenandoah Dr., Cleveland Ohio 44141-2833 USA.

---------------------------------------------------------------------------------------------------------------------------------

Our disclaimer: Your choice of payment method is at your own risk. We take all reasonable precautions to safeguard your account information, MediaTech Inc. makes no recommendation or representation concerning the reliability or safety of any on-line payment method.

INFORMATION PROVIDED IN THIS DOCUMENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND FREEDOM FROM INFRINGEMENT.

The user assumes the entire risk as to the accuracy and the use of this document. This document may be copied anddistributed subject to the following conditions: 1) All text must be copied without modification and all pages must be included; 2) All copies must contain MediaTech's copyright notice; and 3) This document may not be distributed for profit.


Building Forms

You can insert a Horizontal rule anywhere into the document at any time.

Just make sure that the "selector is down (selected) above the element you want to insert a horizontal rule.

If for any reason, you want to insert a horizontal rule at the very top of the document. Click near the top edge (in the background), this pops out all selector boxes, now click on the horizontal rule button in the toolbar -- inserting a line at the very top.

Of course, this method of clicking on top of the document, works to insert anything -- type, image etc.


Cutting and Pasting

tCutting and Pasting Text...

Highlight the text you want to cut. (you can cut text only within each element) every time you use "cut". Also you can "paste" text only into one element structure.

It is possible to cut and paste regular text (*.txt) from the Notepad or other text processor into <Live Markup> by laying out the document and pasting paragraphs into individual new elements.

Never -- paste a whole text document in a single <Live Markup> element. Our program is not designed to do it this way! It wont work! Your computer will come to a crawl -- So, don't do it!

Cutting and Pasting whole elements...

Click with your RIGHT mouse button on the "selector" box of the element you want to cut -- then select "delete this element from the pop-up menu.

In this version pasting of a whole element in the document is not supported.


Virtual Keyboard

Special Characters...

HTML files are strict ASCII text and should NOT contain any formatting or fancy characters. HTML files must be from the standard 7-bit ASCII character set, and cannot include any characters from the extended 8-bit ASCII set. HTML browsers interpret codes from the upper ASCII as characters in the ISO-LATIN -1 (ISO-8859-1) character set a superset of ASCII.

HTML provides a reasonable solution to the problem. It defines a special set of codes, called character entities. When interpreted by a browser, these character entities are displayed as the proper special character for the given platform and font.

We developed a Virtual Keyboard to make it very simple for you to insert special characters -- with the click of a mouse.

Working with the Virtual Keyboard...

1.	Place the cursor in your HTML document wherever you need a ISO Latin 1 character

inserted.

2.	Click on the OPTIONS| Virtual Keyboard menu in the toolbar -- a virtual keyboard

with ISO Latin 1 characters opens on your screen in the upper left corner.

3.	Select the character you want to insert in the HTML document, then click with your

mouse on it -- this character is now inserted in your document with the proper html

tags.

This feature is especially valuable for the Copyright and Registered Trademark input among other often used special characters.

Characters from Netscapes iso8859-1 table

iso8859-1 table

Description                               Code            Entity name

===================================       ============    ==============

quotation mark                            &#34;  --> "    &quot;   --> "

ampersand                                 &#38;  --> &    &amp;    --> &

less-than sign                            &#60;  --> <    &lt;     --> <

greater-than sign                         &#62;  --> >    &gt;     --> >

Description                          Char Code            Entity name

===================================  ==== ============    ==============

non-breaking space                        &#160; -->      &nbsp;   -->

inverted exclamation mark            ¡    &#161; --> ¡    &iexcl;  -->&iexcl;

cent sign                            ¢    &#162; --> ¢    &cent;   --> &cent;

pound sign                           £    &#163; --> £    &pound;  -->&pound;

currency sign                        ¤    &#164; --> ¤    &curren; -->&curren;

yen sign                             ¥    &#165; --> ¥    &yen;    --> &yen;

broken vertical bar                  ¦    &#166; --> ¦    &brvbar; --> &brvbar;

                                                          &brkbar; --&brkbar;

section sign                         §    &#167; --> §    &sect;   --> &sect;

spacing diaresis                     ¨    &#168; --> ¨    &uml;    --> &uml;

copyright sign                       ©    &#169; --> ©    &copy;   --> ©

feminine ordinal indicator           ª    &#170; --> ª    &ordf;   --> &ordf;

angle quotation mark, left           «    &#171; --> «    &laquo;  -->&laquo;

negation sign                        ¬    &#172; --> ¬    &not;    --> &not;

soft hyphen                          ­    &#173; --> ­    &shy;    --> &shy;

circled R registered sign            ®    &#174; --> ®    &reg;    --> ®

spacing macron                       ¯    &#175; --> ¯    &hibar;  -->&hibar;

degree sign                          °    &#176; --> °    &deg;    --> &deg;

plus-or-minus sign                   ±    &#177; --> ±    &plusmn; --&plusmn;

superscript 2                        ²    &#178; --> ²    &sup2;   --> &sup2;

superscript 3                        ³    &#179; --> ³    &sup3;   --> &sup3;

spacing acute                        ´    &#180; --> ´    &acute;  -->&acute;

micro sign                           µ    &#181; --> µ    &micro;  -->&micro;

paragraph sign                       ¶    &#182; --> ¶    &para;   --> &para;

middle dot                           ·    &#183; --> ·    &middot; --&middot;

spacing cedilla                      ¸    &#184; --> ¸    &cedil;  -->&cedil;

superscript 1                        ¹    &#185; --> ¹    &sup1;   -->&sup1;

masculine ordinal indicator          º    &#186; --> º    &ordm;   -->&ordm;

angle quotation mark, right          »    &#187; --> »    &raquo;  -->&raquo;

fraction 1/4                         ¼    &#188; --> ¼    &frac14; --&frac14;

fraction 1/2                         ½    &#189; --> ½    &frac12; --&frac12;

fraction 3/4                         ¾    &#190; --> ¾    &frac34; --&frac34;

inverted question mark               ¿    &#191; --> ¿    &iquest; --&iquest;

capital A, grave accent              À    &#192; --> À    &Agrave; --> À

capital A, acute accent              Á    &#193; --> Á    &Aacute; --> Á

capital A, circumflex accent         Â    &#194; --> Â    &Acirc;  --> Â

capital A, tilde                     Ã    &#195; --> Ã    &Atilde; --> Ã

capital A, dieresis or umlaut mark   Ä    &#196; --> Ä    &Auml;   --> Ä

capital A, ring                      Å    &#197; --> Å    &Aring;  --> Å

capital AE diphthong (ligature)      Æ    &#198; --> Æ    &AElig;  --> Æ

capital C, cedilla                   Ç    &#199; --> Ç    &Ccedil; --> Ç

capital E, grave accent              È    &#200; --> È    &Egrave; --> È

capital E, acute accent              É    &#201; --> É    &Eacute; --> É

capital E, circumflex accent         Ê    &#202; --> Ê    &Ecirc;  --> Ê

capital E, dieresis or umlaut mark   Ë    &#203; --> Ë    &Euml;   --> Ë

capital I, grave accent              Ì    &#204; --> Ì    &Igrave; --> Ì

capital I, acute accent              Í    &#205; --> Í    &Iacute; --> Í

capital I, circumflex accent         Î    &#206; --> Î    &Icirc;  --> Î

capital I, dieresis or umlaut mark   Ï    &#207; --> Ï    &Iuml;   --> Ï

capital Eth, Icelandic               Ð    &#208; --> Ð    &ETH;    --> Ð

capital N, tilde                     Ñ    &#209; --> Ñ    &Ntilde; --> Ñ

capital O, grave accent              Ò    &#210; --> Ò    &Ograve; --> Ò

capital O, acute accent              Ó    &#211; --> Ó    &Oacute; --> Ó

capital O, circumflex accent         Ô    &#212; --> Ô    &Ocirc;  --> Ô

capital O, tilde                     Õ    &#213; --> Õ    &Otilde; --> Õ

capital O, dieresis or umlaut mark   Ö    &#214; --> Ö    &Ouml;   --> Ö

multiplication sign                  ×    &#215; --> ×    &times;  -->&times;

capital O, slash                     Ø    &#216; --> Ø    &Oslash; --> Ø

capital U, grave accent              Ù    &#217; --> Ù    &Ugrave; --> Ù

capital U, acute accent              Ú    &#218; --> Ú    &Uacute; --> Ú

capital U, circumflex accent         Û    &#219; --> Û    &Ucirc;  --> Û

capital U, dieresis or umlaut mark   Ü    &#220; --> Ü    &Uuml;   --> Ü

capital Y, acute accent              Ý    &#221; --> Ý    &Yacute; --> Ý

capital THORN, Icelandic             Þ    &#222; --> Þ    &THORN;  --> Þ

small sharp s, German (sz ligature)  ß    &#223; --> ß    &szlig;  --> ß

small a, grave accent                à    &#224; --> à    &agrave; --> à

small a, acute accent                á    &#225; --> á    &aacute; --> á

small a, circumflex accent           â    &#226; --> â    &acirc;  --> â

small a, tilde                       ã    &#227; --> ã    &atilde; --> ã

small a, dieresis or umlaut mark     ä    &#228; --> ä    &auml;   --> ä

small a, ring                        å    &#229; --> å    &aring;  --> å

small ae diphthong (ligature)        æ    &#230; --> æ    &aelig;  --> æ

small c, cedilla                     ç    &#231; --> ç    &ccedil; --> ç

small e, grave accent                è    &#232; --> è    &egrave; --> è

small e, acute accent                é    &#233; --> é    &eacute; --> é

small e, circumflex accent           ê    &#234; --> ê    &ecirc;  --> ê

small e, dieresis or umlaut mark     ë    &#235; --> ë    &euml;   --> ë

small i, grave accent                ì    &#236; --> ì    &igrave; --> ì

small i, acute accent                í    &#237; --> í    &iacute; --> í

small i, circumflex accent           î    &#238; --> î    &icirc;  --> î

small i, dieresis or umlaut mark     ï    &#239; --> ï    &iuml;   --> ï

small eth, Icelandic                 ð    &#240; --> ð    &eth;    --> ð

small n, tilde                       ñ    &#241; --> ñ    &ntilde; --> ñ

small o, grave accent                ò    &#242; --> ò    &ograve; --> ò

small o, acute accent                ó    &#243; --> ó    &oacute; --> ó

small o, circumflex accent           ô    &#244; --> ô    &ocirc;  --> ô

small o, tilde                       õ    &#245; --> õ    &otilde; --> õ

small o, dieresis or umlaut mark     ö    &#246; --> ö    &ouml;   --> ö

division sign                        ÷    &#247; --> ÷    &divide; --&divide;

small o, slash                       ø    &#248; --> ø    &oslash; --> ø

small u, grave accent                ù    &#249; --> ù    &ugrave; --> ù

small u, acute accent                ú    &#250; --> ú    &uacute; --> ú

small u, circumflex accent           û    &#251; --> û    &ucirc;  --> û

small u, dieresis or umlaut mark     ü    &#252; --> ü    &uuml;   --> ü

small y, acute accent                ý    &#253; --> ý    &yacute; --> ý

small thorn, Icelandic               þ    &#254; --> þ    &thorn;  --> þ

small y, dieresis or umlaut mark     ÿ    &#255; --> ÿ    &yuml;   --> ÿ


Building Forms

Fill-out Forms - Introduction

What are forms?

World Wide Web "forms" (or "fill-out forms") are the computer equivalant of paper forms we fill out all the time in everyday life, such as an application form. You will find a button or link at the end of every WWW form, often labled "Submit". When you push this button, two things are sent to the server: the data you've typed into the form, and an ACTION, which basically tells the server the name of the program which knows how to process that form's data. The server simply invokes that program and passes the form's data to it, and arranges for the output of that program to be sent back to the browser (ordinarily an HTML stream).

What are forms used for?

Common uses of forms are surveys, on-line order forms, feedback, or really any Web page in which input is required from the user in order to accomplish a given task or provide a service to the user.

Can I create my own forms?

Anybody who has access to an Web server for publishing HTML documents can create forms, since the form definition tags are just HTML tags. The tricky part of using forms is creating the "ACTION" defined for the form (the program which parses the encoded form data and then does something with it).

Constructing a form is far less intimidating that it may appear at first. If you've already set up web pages using HTML, then you'll move naturally into setting up forms, which are also written using HTML tags embedded right in an ordinary HTML page.

As with all other HTML, the appearance of a form can be dramatically altered by the browser used to view it. A great way to learn Forms, as with other HTML, is to examine the work of others: feel free to look at the source of these tutorials, or that of any other forms you are impressed by. Use the "Document Source" option in your graphical browser, or the "\" key in lynx to do this.

TextArea Fields

Use the TextArea keyword to create fields for entering large amounts of text. Only the Netscape browser allows you to define an initial value for the text area (by placing text between the and tags). TEXTAREA signals the browser to produce a potentially multi-line field, and the ROWS and COLS tags tell it how many lines long and how wide the field should be. Note that NAME is still required at the beginning of every input field, to signal what variable the input will be stored and returned in to the browser.

These tags don't limit the length of a line someone can enter, or how many lines of text they can enter. They simply describe the appearance of the form. (Except as noted above for Lynx users.)

Checkboxes

Checkboxes are used to allow the user to select an item with the click of a mouse. Groups of checkboxes can be used to create checklists. The inital value of a checkbox can be defined to be checked or not. If you want to set up a checklist from which the user may only select one item, then you should use radio buttons instead of checkboxes. Radio Buttons

Radio buttons

Radio buttons allow the user to choose only one of a number of options. When you choose one option, any previously selected option is unselected. Like checkboxes, you can define a radio button to be checked by default, but unlike checkboxes you should only have one radio button in a group initially checked. Radio buttons are grouped together by assigning them all the same NAME (but different VALUEs). Option List

Here is some information on CGI scripting:

CGI Tutorial: http://www.catt.ncsu.edu/~bex/tutor/lesson1/start.html

Some other great information about Forms:

http://www.yahoo.com/Computers_and_Internet/Internet/World_Wide_Web/Programming/Forms/

Sorry, NOT available in the unregistered version.

Here are a few reasons to Register NOW.


Working with Tables

Sorry, NOT available in the unregistered version.

Here are a few reasons to Register NOW.