Copyright: Help-file created with HelpMaker 2.1


Contents
Help created with evaluation version of HelpMaker 2.1

Contents

EasyHtml version 2.2 Windows 95/98/NT

This help-file will help you use EasyHtml and do HTML-programming.

With EasyHtml, it is easy to do HTML (HyperText Markup Language) files, because EasyHtml does the basic things for you.

Choose topic:

Requirements

History

Bug list

FAQ

Pictures

Colors

Fonts

HTML basics

Links

Meta

Tables

Other HTML-codes

Preview

Forms

Options

Lists

Frames

JavaScript

Embedding

User's tags

Special characters

ESKO, built-in-browser

Imagemap

If you have found bugs or you have something to ask about EasyHtml or HTML-programming E-mail to me "toni.helenius@saunalahti.fi", you can also visit my homepage "http://www.saunalahti.fi/tonihele". From my homepage you can get the latest versions of EasyHtml!

EasyHtml is fully free so you can distribute it freely as long as you don't modify it!

EasyHtml is made by ToniArts, Toni Helenius, checked and tested by Roope Lehto "roope.lehto@kolumbus.fi"

homepage: "http://www.kolumbus.fi/~risleh/roope.htm"

This help was made by Toni Helenius.

Special thanks to Juho Jokinen "http://www.saunalahti.fi/~juosjo" for drawing ToniArts logo. And for Webcom "http://www.webcom.se" because of support and images.

Thanks to:

Andrew Crew

Jordan Russel

Zieglersoft

Nicolas

Jarkko Laivuori


FAQ
Help created with evaluation version of HelpMaker 2.1

FAQ

FAQ comes from words "Frequently Asked Questions". I have also collected questions about my programs in general to here.

Q1. Are ToniArts' programs year-2000-compatible?

A1. Yes.


Imagemap
Help created with evaluation version of HelpMaker 2.1

Imagemap

Imagemap, with it you can easily created navigation system for your pages which looks smart and still easily done. Instead of traditional text- and button-links you can create easily e.g. "remote control", you don't have to build a neat picture from several little peaces which are defined to link in diffrerent parts of your pages, instead you can create a cool WHOLE picture and add imagemap to it with e.g. EasyHtml's Imagemap helper where you can draw areas which link to different parts of your pages.

EasyHtml's Imagemap helper seeks automatically your active page for pictures, all you have to do is to select a picture from helper's picture-list. And start drawing areas...

Imagemap-system has 4 different areas: Rectangle, circle, polygon and so called magnet. To every area you can define values, like link's target URL, area's explanation (ALT), link's target frame in frame based pages (TARGET) and JavaScript; OnMouseOver and OnMouseOut. Also you have add an unique name for the map. Imagemap can be defined, suprise, only to picture with following code:

<IMG SRC="image.jpg" USEMAP="#Toni's map">

Toni's map could be like this for example. Following code has all 4 areas defined and now default address can be found from the map:

<MAP NAME="Toni's map">

<AREA SHAPE="rect" HREF="http://www.address.fi" COORDS="38,62,208,159" ALT="Rectangle" TARGET="_parent">

<AREA SHAPE="circle" HREF="http://www.address.fi" COORDS="99,265,59" ALT="Circle" TARGET="_parent">

<AREA SHAPE="point" HREF="http://www.address.fi" COORDS="228,214" ALT="Magnet" TARGET="_parent">

<AREA SHAPE="poly" HREF="http://www.address.fi" COORDS="290,80,359,136,372,275,249,202,249,29,295,174" ALT="Polygon" TARGET="_parent">

<AREA SHAPE="default" NOHREF>

</MAP>

So SHAPE defines the shape of the area, HREF link's target URL, COORDS area's coordinates in the picture, ALT area's explanation and TARGET link's target frame in frame based pages. There is no JavaScript defined to the map above.


ESKO, built-in-browser
Help created with evaluation version of HelpMaker 2.1

ESKO, built-in-browser

With ESKO you can see what your pages will look like, fast. It is faster than so called external browsers. You can use ESKO directly in mainform when you edit HTML-documents or in fullscreen, fullscreen-mode can be used also for "other" internet browsing. If you use ESKO in mainform you can set "Update ESKO automatically" on from OPTIONS (F12) then you can see changes while you're writing!

ESKO has two modes:

IE-mode = This mode needs MS Internet Explorer 3 or newer (even if you don't "own" IE try this mode because most of the windows "pre-install" it). IE-mode has the same capabilities than your installed IE.

EH-mode = This mode is made for those how can't use IE-mode. EH-mode reads HTML 2.x. N.B! Even if EH-mode shows "Mona Lisa" instead of pictures it doesn't mean that you have defined pictures wrong to your HTML-document.


Special characters
Help created with evaluation version of HelpMaker 2.1

Special characters

Special character helper has 100 characters and HTML-codes for them. It is recommended that you use Special character helper (special character helper's HTML-codes) always when you are putting special characters in to your HTML-document, special characters include skandinavian characters . Because if "user's" operating system hasn't got any e.g skandinavian characters installed in it, he/she will see undefined characters (usually squares...) in place of the skandinavian characters. But when you define the skandinavian characters with HTML-codes they will be drawn automatically by browser!

N.B! As you already might know, that even if you put 100s of spaces to the HTML-document, it will not show in the browser. But if you define space with HTML-codes (in Special character helper it is first character on first line [empty]) , the browser will make as many spaces as you have defined with HTML-codes!


User's tags
Help created with evaluation version of HelpMaker 2.1

User's tags

To user's tags you can save your own tags and add the in to your HTML-document easily. You can save as much one-lined codes as your harddrive takes and 10 multi-lined codes.

Here is few values that need to be explained:

Number = Means the spot were selected text is added when "Add code" is pressed. "Number" will be counted from the begin of the text/tags e.g. <TAG>chosen text</TAG> number would be 5.


Embedding
Help created with evaluation version of HelpMaker 2.1

Embedding

With Embed helper you can "sunk" files in to your HTML-document, then the viewer of your pages can use them directly from your pages. Embedding is often used only to bring music in to your pages which user can rewind, stop, play... etc... It is easy to do, just go to the Embed helper and choose a music-file (it can be anything, but it will only work if the viewer of your pages has something connected to it, e.g. MID-file ----> MediaPlayer).

Embedding uses OLE-tecnology (Object Linking and Embedding), to get additional information about it go to the Preview-topic or open Windows help and type OLE for the searchword.

Tip! To create neat music player:

1. Search/make speaker's picture and remember it's height.

2. Open EasyHtml's Embed helper.

3. Press "Open embedded file" in Embed helper and search MID- or WAV-file and put speaker's height to height. Add code.

4. Add speaker's picture with Picture helper before tag <EMBED....>.

5. Add speaker's picture with Picture helper after tag <EMBED....>.

6. Choose the text you have created and press CENTER-button from toolbar. N.B! It will work only if you have NOT "Replace selected text on automatic text add" chosen from OPTIONS (F12).

7. The code should look something like this "<CENTER><IMG SCR="speaker.image"....><EMBED SRC="my.music"><IMG SCR="speaker.image"....></CENTER>". Preview and admire!


JavaScript
Help created with evaluation version of HelpMaker 2.1

JavaScript

All 12 (+1, as an sample in user's tags) JavaScripts in EasyHtml are donated by Nicolas, from his pages you can download more of them "http://www.javascript-page.com".

Adding JavaScripts is an easy way to increase the outlook of your pages. They are easy to make or customize, because it only requires a text-editor (e.g. memo will do enough) and little bit of skills. For making JavaScripts you can find several instructions from internet, e.g. with searchwords "how to make javascript", "making javascript", "javascript"...etc...

In EasyHtml's JavaScript form you can see a model how the script will work in your pages and instructions for selected JavaScript how to "install" it and how to customize it.

Basic info about Java and javascripts:

JavaScript vs Java, usually everybody thinks that JavaScript and Java are the same thing, they aren't...

JAVA is a language, like HTML, but Java needs a program/compiler which is ment for making Java, like e.g Inprise's JBuilder. With Java you can make usual, compiled to EXE-file, programs or JavaApplets, made for Internet.

JAVASCRIPT is a lightened version of JAVA. JavaScripts are made with a text-editors like memo or any other editor which makes ASCII-text files (usual txt-files), thats why JavaScript is called "every man's Java" (directly translated from finnish). For making JavaScripts, you can find instructions and programs from the internet. JavaScript is made for internet.


Frame
Help created with evaluation version of HelpMaker 2.1

Frame

With frames you can divide your pages to two or more peaces, with every peace being it's own page.

EasyHtml hasn't got much about Frames (more coming!). However from FILE-menu you can select: New --> Frame.

Frames  come always between <FRAMESET>- tags. In FRAMESET-tag you'll define how many peaces and what sizes the page is being devided.

Page in the frame is defined with: <FRAME src="page.htm">

Esim:

<FRAMESET COLS="20%,80%">

<FRAME SRC="page1.htm" NAME="left">

<FRAME SRC="page2.htm" NAME="right">

<NOFRAME>

Here comes a text which is shown when viewer's browser doesn't support frames.

</NOFRAME>

</FRAMESET>

Previous example creates a page, which is divided horizontally to two peaces and the left one of them is 20 % of the page width and right one 80 %.

In left frame you can see page named page1.htm and in right page named page2.htm

If you want that the pages are vertically, you must put ROWS instead of COLS-parameter to FRAMESET-tag.

If you want more frames, put more numbers after COLS or ROWS parameter.

If you want that links in the left frame are opened in the right frame, you must do the page1.htm like this:

<HTML>

<HEAD>

<TITLE></TITLE>

<BASE TARGET="right">

etc...

If you want that links in the right frame are opened to full screen (not to a frame), you must do the page2.htm like this:

<BASE TARGET="_parent">

To the <FRAMESET> tag you can define the size of the frame borders by putting: "FRAMEBORDER=#"

To the <FRAME SRC>-tag you can define can viewer resize the frame(s):

noresize prevents resizeing the frame(s) and this defines does the frame have scrollbars: scrolling="auto/yes/no".


Marquee
Help created with evaluation version of HelpMaker 2.1

Marquee

Marquee means text; scrolling accross the screen. It works only on Internet explorer-browsers.

EasyHtml has a Marquee helper, you can choose following settings from it:

Align

- Defines the align of the marquee-text

Behavior

- Defines what marquee-text will do; scrolls, slides, or just moves right-to-left and left-to-right

Direction

- Tells the direction where the marquee-text is heading

Height and Width

- Width and Height of the marquee-text

Horizontal- and Vertical margin

- Defines the empy space around the marquee; Horizontally and Vertically

Repeat # times

- Defines how many times marquee-text will scroll itself, if this is not defined the marquee will scroll to eternity

Delay

- Time, which marquee-text is stopped

Speed

- Marquee-text's scrolling speed


Meta
Help created with evaluation version of HelpMaker 2.1

Meta

Documents author, content and keywords (which are used to give info to search bots) are defined with Meta-tags. Meta-tags aren't necessary, but they show good service and they help others to find your pages.

All meta-tags have to be in the Head-section after Title and /Title-tags. Like this:

<HTML>

<HEAD>

<TITLE>...</TITLE>

<META..........>

etc.

Meta description = Document's content. Small briefing about the contents of your pages. Search bots show this description about your pages.

Meta keywords = Keywords, with these others find your pages. Divine keywords with "," e.g. Toni Helenius, Toni, Helenius etc... Search bots find you page with these.

Meta refresh = Define time with seconds to Content-section when the page has to be changed (in Meta helper "use page") or refresh itself. URL-section defines what page is going to open.

Meta author = Page's author or authors.

Meta classification = Document's classification, which gategory it belongs. Default value in Meta helper is "internet/homepage" which means usual homepage.

In all meta-tags e.g. keywords, description etc... are defined to the CONTENT-section. E.g 1. <META NAME="keywords" CONTENT="Games, Programs, Toni Helenius, Toni, Helenius">. E.g 2. <META NAME="author" CONTENT="Toni Helenius">. In example 1 CONTENT-section contains keywords (defined in NAME-section), with them seach bots find your pages. If you write e.g. Toni to a search bot it will find the page. In example 2 CONTENT-section includes the name of the author (author[defined in NAME-section]) which is Toni Helenius in the example.


Options
Help created with evaluation version of HelpMaker 2.1

Options

EasyHtml's options can be found from file-menu, or by pressing F12.

With options you can affect to EasyHtml's work. EasyHtml saves the options if you want and loads the on every time on start-up.

Here is a little bit of explanation of the options you can select:

Word wrap: Automatically break line. In some operating systems writing with word wrap of cause little errors to colorcoding!

Always replace selected text on automatic code add: If this is selected when you press e.g. button which creates the code <CENTER></CENTER> then selected text is replaced with this. If this is unselected EasyHtml would create code like this <CENTER>selected code</CENTER>. This option does not affect to all helpers/buttons, e.g. picture helper doesn't work this way.

Always open last editted file at startup: Means it!

Colorcoding: Colorcoding on/off!

Main-color of colorcoding: Change the color to any color you like, it paints every character between < and > with the color you chose (except few words which are defined to use other color).

Use only one color: All tags with the same color (includes the "few words").

Update colorcoding on every key press: When key is pressed colorcoding will update. This will ensure that no bugs will appear in colorcoding, but this will cause vibrating with some screens!?!

Background image: Defines background image to EasyHtml (default, none or custom image).

Style: Defines style for backround image one image, tiled, or stretched.

Browser: "Other browsers" starts DEFAULT BROWSER on preview, but with some Netscape versions this wont work, so if you have Netscape as a default browser use the "Netscape" selection. If you have Netscape chosen, you'll have specify the location of your NETSCAPE.EXE  (if you're using communicator, netscape.exe will found from ....\Communicator\Program\).

Update ESKO automatically...: Update ESKO automatically with x seconds of interval.

Fill height and width automatically in picture helper: When you select picture in the picture helper, height- and width-values can be filled automatically. Some say that this will speed up the loading of your pages, but I think that it doesn't. It just makes the pages look better and better to read before the pictures are loaded, because this helps to leave a space that they require so the text lines up correctly.

Automatically position helper codes: Automatically positions some of the codes created by helpers. N.B! Only some of the codes can be positioned automatically, like those who belong to the BODY-tag and so called META-tags.


Preview
Help created with evaluation version of HelpMaker 2.1

Preview

If "Other browser..." is chosen in options: EasyHtml's preview uses OLE (Object Linking and Embedding) tecnology. It gets program which is "connected" to htm and html files to preview your html-document. Usually every internet browser you install, "connects" htm and html files to itself.

If preview doesn't work, you propably have a wrong program "connected" to html-files or you have wrong version OLE.dll file.

OLE tecnology is very reliable, but it requires lots of "power" from your computer, so if EasyHtml's preview loads a long time dont worry: it dosn't fail you!

If "Netscape" is chosen in options: EasyHtml preview uses DDE (Dynamic Data Exchange) tecnology. It needs target program's EXE-file's location to work. It sends "messages" to the target, and target responses to a "message" in a pre-defined way.

If preview doesn't work, you have TOO old Netscape defined in options (F12) or Netscape.exe's location is not right or it doesn't exist.

DDE tecnology is reliable and fast!


Forms
Help created with evaluation version of HelpMaker 2.1

Forms

Forms work thought your e-mail, so if you want to make forms in to your homepages it is recommended that you have an e-mail address.

Fields/areas etc. come always between <FORM> and </FORM>.

If you want to send something with forms, you must write <FORM method="Post" action=""> to <FORM> - tag.  Text in action-section depends on your internet server's CGI- system.

E.g. in kolumbus post-form works like this:

<FORM ACTION="/cgi-bin/postita" METHOD="POST">

There is always info what you should write to the action-section in your internet server.

EasyHtml's form helper has many fields/areas etc., e.g. password, text etc.

Here is some explanations:

New form: Creates a new form. If you want to e.g. send something ALL fields/areas need to be sended must be locationed between "<FORM ACTION..." and "</FORM>".

Password: Creates an area, you can write password to it. Text will be shown as an "*".

Text: Creates an area, which lets you write text (one line).

Textarea: Creates an area, which lets you write multiple lines to it (e.g. e-mail message)

Radiogroup: Creates "buttons", they let you select one of them.

Checkgroup: Creates boxes, which lets you put an "x" on them.

List box: Creates a box, which lets you select an option by scrolling up or down.

Droplist: Creates a box, which lets you select different option.

Submit: Creates a button, which sends the form. Text which reads on the button comes to value-section.

Reset: Creates a button, which clears the form.

Hidden: These fields depent on your internet server.


Links
Help created with evaluation version of HelpMaker 2.1

Links

In Link helper there are 3 fields, first field should contain link's protocol (e.g. news:, telnet://, http:// , ftp://, gopher:// or "send e-mail").

Second field should contain address. If you want a link for normal internet-page put http:// to protocol and to second field put the address (e.g. www.yahoo.com). By putting "send e-mail" to protocol you'll get a e-mail link, second field should contain the e-mail address. If you want link to a file in the same directory, or to a page in the same page-group, choose "no protocol" and address-field should have the file name.

To the 3rd field you should put the "hotword", it will be the underlined text, when it is pushed; the browser goes to link's target.

So link is like this: <A HREF="protocol://address">"Hotword"</A>

E.g. internet-page's link is something like this:

<A HREF="http://www.saunalahti.fi/~ollihele">Click here to go to Toni's pages</A>

E-mail link is something like this:

<A HREF="mailto:toni.helenius@sci.fi">E-mail Toni</A>

Or:

<A HREF="mailto:toni.helenius@sci.fi?subject=Feedback from EasyHtml">Feedback for Toni</A>

If you press e-mail link; default e-mail program will open and it writes e-mail link's "subject"-section to e-mail subject (if defined, else it will be left empty), in link helper, you can get the "subject" to the e-mail link by selecting "Subject".

Picture as a link: <A HREF="page.htm"><IMG SRC="image.gif"></A>, in sample, when "image.gif" is pressed the browser will go to "page.htm". When a picture is used as a link it gets a blue border (just like links are blue and underlined). You can take the border of by writing:  <A HREF="page.htm"><IMG SRC="image.gif" BORDER=0></A>.

Tip! You can write the address (http://www... or mailto:..@...) or the "hotword", before starting link helper. Select it and start link helper, link helper analyses the selected text and sets protocol (e.g. http:// or mailto:) and address or just the "hotword".


Fonts
Help created with evaluation version of HelpMaker 2.1

Fonts

Spesific definitions of fonts (<FONT FACE=font's name>) are used rarely in the internet, because if viewer hasn't got the specified fonts installed, he/she will see indefinite characters instead of the text (usually lines and squares).

Font helper gets the fonts installed to your system every time it is started. In font helper default value "ei fonttia" is set because it is used rarely and I don't engourage you to use them (see the first paragraph).

Font sizes are numbers 1 trought 6 (<FONT SIZE=number>). Bigger number after "SIZE" parameter = bigger font! Font helper creates code based on your selections. If you don't define font size then the size will be normal or default size of the selected font (name).

You can define a color to the font, 16 basic colors are pre-defined, if it isn't enough you can select one color from every color of your screen (you can chage this from e.g. going to my computer, control panel and display settings) by pressing "Other color" button. It creates code like this <FONT COLOR=color>.

Bold command in font helper creates code <B>..</B> which makes bold text of all texts between them. Underline creates code <U>..</U> which makes underlined text of all texts between them. Italic <I>..</I>. Strikeout <S>..</S>. These parameters can be used at the same time.

If you create a code with font helper it will be something like this <B><FONT FACE=Arial SIZE=4>T</FONT></B>, you must write the text on T, you can write as much text as you want.


Requirements
Help created with evaluation version of HelpMaker 2.1

Requirements

EasyHtml requires Windows 95/98 or Windows NT 4.00 or newer, EasyHtml should work in every future 32-bit operating-systems. But EasyHtml's help should work in Windows 3.xx too.

With 32-bit operating-sytem it needs:

At least 486/66 (because of color-coding).

At least 4mt RAM-memory.

About 3mt of free harddrive space.

N.B! Scrolling is slow, always, no matter what your computer is. Slow scrolling is because of color-coding (again). I'll might get it fixed to the next version. Sorry!


HTML basics
Help created with evaluation version of HelpMaker 2.1

HTML basics

HTML comes from HyperText Markup Language. It is an development language, it is being used to make Internet or WWW (World Wide Web) pages.

Always in HTML- documents, HTML-language must be between parameters <HTML> and </HTML>. They define that your document is HTML-language, otherwise the browser shows document as an usual text-file even if  the file's extension is HTM or HTML (HTML-file's extension), but I recommend that you'll use the HTM extension because the HTML extension wont necessary work in Windows 3.xx.

Title (<TITLE>) defines the name of your document. E.g: <TITLE>Toni's homepages</TITLE>.

Always in HTML-language parameter is ended with putting a /-character before the parameter. E.g: <CENTER>Welcome</CENTER>, (center-parameter centers text or picture) in the example CENTER parameter is ended after "Welcome" text. Without </CENTER> parameter all texts and/or pictures after "Welcome" text would have been centered.


Colors
Help created with evaluation version of HelpMaker 2.1

Colors

HTML-language supports 256 pre-defined colors, EasyHtml's every helper (which lets you to use colors) has 16 basic-colors defined to it: Black, gray, silver, white, red, purple, magenta, yellow, aqua, blue, navy, cyan, lime, green, olive and maroon. If 16 basic-colors aren't enought; every helper has (which lets you to use colors) a button "Other color", it lets you to choose one color from every color of your screen. You can define colors by yourself or start color helper from toolbar or from menu Tools, Color helper.

Options in color helper:

Text color = Changes document's text color, below the parameter. Parameter passes the text color defined in BODY section.

Bg color = A background color can be defined to a document. If the document has a background image and a background color then background image passes the background color. Background color is the color, which is shown to the viewer before background image is loaded. Comes to BODY-section.

Body: Text = Changes the color of the text in the whole document. Comes to BODY-section.

Body: Link = Changes link's color. Comes to BODY-section.

Body: aLink = Changes active link's (the one that is being pressed) color. Comes to BODY-section.

Body: vLink = Changes visited link's (where you have visitted once or more) color. Comes to BODY-section.

Only code = Gives only the code from a color (has no actual meaning).

"Comes to BODY-section" means that the parameter must in BODY-section, there can be many parameters in BODY-section. Example, if you want red text and black links: <BODY TEXT="#FF0000" LINK="#000000">.


Tables
Help created with evaluation version of HelpMaker 2.1

Tables

In HTML-language you can do tables, with tables you can e.g. divide the page to parts. This can be done easily with EasyHtml. Table-button can be found from toolbar, or by selecting "Tools" and "Table helper".

Tables are positioned between <TABLE> and </TABLE>. To <TABLE>-tag you can put parameters like: BORDER=5 (defines the border of the table in pixels) , CELLSPACING=5 (defines space between cells in pixels), CELLPADDING=5 (defines space between cell's content and cell's border in pixels), WIDTH=300 HEIGHT=400 (table width and height) BORDERCOLOR="color" (border color, wont work in older browsers) and ALIGN- and VALIGN- values (table's align on the page vertically and horizontally, e.g. ALIGN=right).

New row in the table is added between <TR> and </TR>.

Cells come between <TD> and </TD>.

Table's headline-cells are positioned between <TH> and </TH>.

Headline-cells are different to the "normal" cell because it's content is bold. Cell means one part/box in tables.

To <TD> and <TH> tags you can put parameters like: BGCOLOR (background color) BACKGROUND (only in MS IE) ALIGN and VALIGN (cell's content's align on the cell vertically and horizontally) and COLSPAN and ROWSPAN (cell's width and height in pixels).

Examples:

here is a simple table:

<TABLE BORDER=1>

<CAPTION>title</CAPTION>

<TR><TH>cell 1</TH><TH>cell 2</TH><TH>cell 3</TH>

<TR><TD>2nd line cell 1</TD><TD>2nd line cell 2</TD><TD>2nd line cell 3</TD>

</TABLE>

other simple table:

<TABLE BORDER=4 ALIGN="center">

<CAPTION ALIGN="right">Exsample table</CAPTION>

<TR><TD COLSPAN=3>3 cell's sized cell</TD>

<TR><TD>cell1</TD><TD>cell2</TD><TD>cell3</TD>

<TR><TD BGCOLOR="red">cell4</TD><TD>cell5</TD><TD>cell6</TD>

</TABLE>


Pictures
Help created with evaluation version of HelpMaker 2.1

Pictures

HTML-language supports 4 image formats: JPG, GIF, PNG, XBM. EasyHtml supports all of these. You can define picture to your HTML-document by yourself or you can use EasyHtml's picture helper, which can be found from Toolbar or from menu Tools, picture helper. EasyHtml creates a code: <IMG SRC="chosen file" ALT="" BORDER=0>. You don't have to change "IMG SRC="..."" parameter, but you can change ALT-parameter, ALT parameter means a text which will be shown when picture isn't loaded completely, ALT parameter also can be seen if the browser doesn't support pictures. Example: <IMG SRC... ALT="Welcome"...>, instead the picture (if the picture hasn't loaded itself completely or you are using a browser which wont show pictures), text "Welcome" is shown.

You can also change "BORDER"-section, BORDER parameter means border's size around the picture. You can make border bigger by increasing the number.

By changing the width and height values you can change picture's size.

With horizontal and vertical margins you can add empty space around the picture.

You can change picture's alingn towards to the text easily with EasyHtml's picture helper:

Top:  picture's upper corner is at top of the text.

Center: picture's middle spot is at bottom of the text.

Bottom:  picture's bottom is at same line with text.

AbsBottom: picture's bottom is at bottom of the text.

AbsMiddle: picture's middle spot is at top of the text.

Baseline: picture's bottom is at same line with text.

Texttop: picture's upper corner is at top of the text.

Setting backround: You can define background image by yourself or with EasyHtml's picture helper, which can be found from toolbar or from menu Tools, Picture helper. Backround picture's parameters must be in BODY-section. For example: <BODY BACKGROUND="background.gif">.

In picture helper you can select ("Absolute path") should EasyHtml embed file's name and path to code, then pictures wont have to be in same directory, if you send the page to the internet you'll have to change the code made by EasyHtml.

If you don't select "Absolute path" EasyHtml will embed just the file's name to the code (when you open the picture in picture helper). This is the default option because: if you send the page to the internet, you don't have to change the code necessarily. But pictures need to be in the same directory.


Bug list
Help created with evaluation version of HelpMaker 2.1

Bug list

Bugi list:

Version 1.0 :  In Link helper; when the "Send e-mail" and "Subject" were selected EasyHtml created a code which had one character too much.

Version 1.5 : All fixed from the previous version. 100% bug-free!

Version 1.8 : Preview didn't work always when Netscape was the default browser.

Version 2.1 : Preview bug is fixed.

Version 2.2 : Bugs fixed. 100% bug-free (I think)!

Help the development of EasyHtml: report bugs, thank you!

N.B! If you get the error:"Access violation at address xxxxxxx...", tell me the address (xxxxx...). Thanks!


History
Help created with evaluation version of HelpMaker 2.1

History

EasyHtml's development history:

Version 1.0 : First version!

Version 1.5 : Many changes e.g color-coding of tags, 2 new helpers, user can modify EasyHtml and of course; other cosmetic changes.

Version 1.8 : Adds many small features like quick-keys, with them you can have e.g the code <B></B> fast. Now you can set background image to EasyHtml. Biggest new feature is that now you can open many HTML-documents at the same time, this is called the MDI (Multiple Document Interface). Cosmetic changes and now users can modify EasyHtml even more!

Version 2.1 : Adds many cosmetic features like gradient filled caption bars. And floating-toolbars, that means user can drag them where ever he/she wants them, and EasyHtml will save the positions when closed. User's tags, where you can save your own tags and add them to your HTML-document. JavaScripts, total 12 (+1, sample in user's tags) of them. Special character helper, Embed helper and komment (helper). Languages: Finnish and English. And "QUICK-FILE-OPENER" (based on the request of one client), which gives you the change to open HTML-files quickly (you can take it of too). And now you can choose (in helpers which use colors) one color from any color that your screen supports instead of the 16-basic colors. Optimized code, which improves the performance. ESKO the built-in-browser, which can do the same what installed IE can do. Now EasyHtml lets you desing your own toolbars!

Version 2.2 : Only few adds, but they're very important. Options now include few settings affecting some of the helpers. Most major thing which increases speed and brings more stability has something to do with handeling "forms"; in this version forms are created just when you need them and not before, which shows up in increased speed, stability and lower usage of memory. Also new helper included: Imagemap helper. And few cosmetic changes.


Other HTML-codes
Help created with evaluation version of HelpMaker 2.1

Other HTML-codes

Blinking text <BLINK>:

Text or picture between <BLINK> tags blinks. E.g: <BLINK>blinking text</BLINK>, works only in Netscape.

Horizontal rule <HR>:

<HR> creates a line which goes from page's side to another side.

You can change the width and height of the horizontal rule e.g: <HR WIDTH=300> this tag creates a rule which is 300 pixels wide and it starts from page's left side. You can define height (height) and width in pixels (width=350) or in persents (width=40%), then the line will be 40% of page's width.

You can put the line to center of the page or page's right side by writing <HR WIDTH=100 ALIGN=right, left or center>

Break <BR>:

<BR> tag changes the line, if you see tag <BR> in HTML-code; text, picture etc. will start grom the next line.

Center text <CENTER>:

See  "HTML basics".

Address <ADDRESS>:

Text in <ADDRESS> tag gives a nice outlook to text, so it is made for e.g address. E.g. <ADDRESS>Toni Helenius<BR>Ruohotie 5<BR>45260 Valkeala 2<BR><B>FINLAND</B></ADDRESS> browser shows the code like this:

Toni Helenius

Ruohotie 5

45260 Valkeala 2

FINLAND

Simple table <PRE>:

PRE is good for e.g. making tables because text in it looks just like it is written to editor. When you write normal HTML, you can't put more than one space between texts, but when you're using PRE, you can put as many spaces as you want in to the text. And the line is changed with ENTER like in normal text! In normal HTML-code line is changed by writing <P> or <BR>. But text between PRE-tags wont always work correctly (depends on resolution, browser...etc.), so if you have time and skills I recommend that you'll use tables (meaning <TABLE>). Look more info about them from Tables section.


Lists
Help created with evaluation version of HelpMaker 2.1

Lists

In your homepages you can use three kind of lists:

Common bulletting:

   List, where each line starts with "bullet", e.g:

<UL>

  <LI>1. thing

  <LI>2. thing

  <LI>3. thing

</UL>

Previous code looks like this:

   • 1. thing

   • 2. thing

   • 3. thing

Style of the bulletting can be changed, e.g. <UL type=square> ("bullet" is a square)  or <UL type=circle> ("bullet" is a circle)

Numbered list:

   List, where each line starts with number, e.g:

<OL>

   <LI>first thing

   <LI>second thing

</OL>

Previous code looks like this:

   1. first thing

   2. second thing

Numbering can start from another number than 1, e.g.

<OL start=5>, list will start from 5.

List can be "bulletted" with roman numbers and/or alphabets, e.g:

<LI type=a> small alphabets    <LI type=A> big alphabets

<LI type=i> small roman numbers, i ii iii iv etc.

<LI type=I> big roman numbers, I II III IV etc.

Type have to be just in the first  <LI>-tag.

Just below:

   List, where each line starts with indent:

<DL>

<DT>first thing

<DD>first thing's explanation

<DT>second thing

<DD>second thing's explanation

</DL>

Previous code looks like this:

   first thing

         first thing's explanation

   second thing

         second thing's explanation

If you use only <DT>- tag, you'll get a list, where each line starts without indent and/or "bullet".