Summary

 

You have created web pages using a web authoring package which has a WYSIWYG  editor

 

The advantages to this are that :

 

You don’t have to learn HTML (Hypertext Markup Language)                                                                                                          

You can design pages as they will appear in a browser by using  tools similar to those found in a WP program.                                

 

To start off, the name of the first page on any website should be INDEX.  From there, you can link to other page using Hyperlinks

Hyperlinks can  be identified by their colour (blue), underlining and when you pass your mouse over them, the pointer turns to a hand.

 

There are different colours for hyperlinks as there are different types:

 

 

You can also have email links which will allow a user to mail you.  You must enter you address details which should have the following format

 

Username@domain name

  

 


teacher@staloysius.org                                                                                                              

               

 

 

If you wish to view your pages that you have created, you can preview them in a browser such as Internet explorer, Mozilla firefox or netscape navigator.

 

 

When entering information, you can format the text by going to the properties inspector.  There you can format in a similar way to how you would in a word processor.  One major difference is font sizing.

 

Font size are 1 – 7 or -1 to -7 or +1 to + 7.

The + and minus sizes make the font bigger or smaller than what it currently is.

 

e.g + 2 is 2 sizes bigger.  So will be bigger than size 2.

 

Remember, choosing the correct font is very important.  Not everyone has the same font installed on their pc.  You must choose a web safe font that everyone will have and therefore be able to view.

 

 

You can also format text into lists – ordered and unordered

 

1.                   This

2.                  Is

3.                  An ordered

4.                  list

 

§                     this

§                     is

§                     an unordered

§                     list

You may also decide to have graphics on your page.  Gaphics can be inserted in 3 ways

 

Going to the insert menu > choose image.                                                          

Pressing Ctrl +Alt + I on the keyboard                                                                                         

Selecting the following icon:                     

 

Remember to use the best file type available for your graphic (e.g. Jpeg or gif) as compressed images will download quicker.              

 

Inserting tables will help keep the text formatted.  The image below shows what can be formatted in your table

 

 

From this you can set the number of columns and rows, the width of the table, the space between cells (cell spacing), the space between the cell edge and text (cell padding) and the thickness of the border.                                     

 

HTML

 

Some useful codes

 

<em></em>                                                     italic

 

<strong></strong>                                      bold

 

<u></u>                                                            underlined

 

<font size="5"></font>                               font size, for example 5

 

<font face=" serif"></font>                       this is the font type, for example, serif

 

<ul>

  <li></li>                                              for an unordered list

</ul>

 

<ol>

  <li>< </li>                                                      for an ordered list

</ol>

 

<div align="center"></div>   for centering text. center can be substituted with" left" or "right"

<html>

<head>

<title> </title>                                                the basic structure for an HTML document

</head>

<body>

</body>

</html>

 

 

Some other useful features are adding sound, frames for navigation, rollovers and flash text

 

Once your page is completed, in order to view it on the Internet, you must upload it to your webspace.  Webspace can be bought (or is free) from companies such as bravenet.