HTML help

Knowledge of basic HTML

Learning basic HTML is not necessary but helpful for formatting your text in certain modules. (the general pages for example)

HTML Editor plugin

You must have I.E 6 or better in order for you to see the HTML editor plugin.

Have you noticed in some modules, when you are editing or adding records, some text input areas have extra buttons above the text box inside a form? Usually they are large boxes which means lots of text could go into this field. (Max 10,000 characters in text area)

You may format this text, i.e: change font color, change font size, change font type, indent paragraphs, bold, underline, italics, make tables, hyperlinks, images  etc - just like a word document.

What are hyperlinks? Click Here!

A hyperlink on a web page is a link to another web page anywhere on the internet or on your own web site.  (You should know the web address beforehand).

Within HTML Editor Plugin you highlight the text you want to be linked, click on the hyperlink icon above the text box and another menu will pop up prompting you for the URL of the web page. Fill in the address, click OK, and there you have a link! If you submit and go to the page where you can view what you 've changed, you'll find the link to be clickable.

Notice on some websites when you click on a link, a new window will appear. If you know basic knowledge on HTML, click on the HTML icon button, the text will change to a jumble of text with brackets. Find the link you want to open into a new page, it would start like this :

<a href="http://www.yahoo.com">Yahoo</a>

change to:

<a href="http://www.yahoo.com" target="_blank">Yahoo</a>

Tip: Open up a new internet window and surf to the site you want to be linked to. Highlight the entire http://www... address (located in the URL box at the top of your browser) and copy the URL. Go back to the window where your form is – paste the link where it should go.

How do I insert an image?

Place the cursor where you want to place the image, click on the image icon above the text box. A pop up box will prompt you for the location of the file. This location this an URL address (which could be any http:// address on the internet, if the image resides outside your website), or on your site where your uploaded files are located (put 'upload/imagex.gif' for location).

In HTML code it would look like this:

<image src="uploads/imagex.gif">

or

<image src="http://poesyliang.net/uploads/imagex.gif">

From another web server

<image src="http://www.yahoo.com/xyz/imagey.gif">

For those who know HTML, images have their formatting too, like border, hspace, vspace (horizontal and vertical space between image and adjacent text.) Click on the HTML icon to swap to code mode and you can make the changes there.

How do I insert any file like powerpoint, doc, or excel?

Same as with a hyperlink:

 <a href="http://www.yahoo.com">Yahoo</a>

you do this:

<a href="uploads/pwrppt.ppt">Powerpoint document</a>

or the full address