Create a simple webpage using MOZILLA
by Trung Nguyen  (05/07/2003)

For further questions or comments about this tutorial, please send email to "trungngu@math.uh.edu" or meet me at room 678PGH.

Hello, click here to see the webpage.  If you like it, follow the  4 steps below to download it and make your own webpage.    

    If you dont have Mozilla composer, you can still download it and use other software to fill in the blank.  


Step 1.  Copy this "Sample.html" file by right-click on it and choose "Save Link Target As" or "Save Target As" to save and save it as "index.html" file
                   Copy this picture "UHmath.gif" by using the same technique as above.
     I recommend that you should make a folder name "webpage" in your home directory and save these 2 files in there.

Step 2.  Open the Composer of Mozilla.
    Click on the "start application" button (Figure1) at the bottom left conner of of your screen to open a application menu. Move your mouse up to select "internet" ----> "Web Browser".  doing this will open the Mozilla web browser.  (Or you can click on the terminal button and type "mozilla"; this way also open the Mozilla web browser. )
    If you dont have Mozilla in your computer, you need to request it or  find another computer that have it :)
    The Mozilla web browser looks similar to Figure 2 .   But, we will use the "composer" to create the webpage.
    To open composer,  click on "Window"  ---->  "composer."   The "composer" window will pop  up (Figure 3)  Notice the word "composer" at the top because it looks very similar to the Mozillar web browser.

Step 3.    Open "index.html" file and fill in your information

    Click on the "open" button (or choose "File" ----> "open File" ).  The new "open file" window pop up "Figure 4."   Go to the "webpage" folder (the one that you create at step1), select the "index.html"file, and click "Open" buttton to open it .  
    Take you time to fill out your information. Remember to save it often by clicking the "save" button. 
    To see how it really show on the website, click on the "browse" button at top.
    Here is some tips  

Step 4.    Transfer "index.html" file and the UHmath.gif"  to the "www" folder.
Note: these 2 files need to be at the same folder.


You are done, check the webpage to see the result.







Tips:

0. Change format of the text
2. Insert Picture

3. Insert Horizontal line
4. Insert Table
5. Insert Sympols
6. Insert an Anchor
7. Create a Link
8. Change Background


Change format of the text
    ¤  High-line you text.  (to high-light the text, left click at the beginning of your text and drag it to the end of the text while still holding the left click down)
    ¤  Use "Format"----> "Size"  to change the size of the high-line text.
    ¤  Use "Format"----> "Text Style"  to change the style of the high-lined text: example: bold, underline .etc..
    ¤  Use "Format"----> "Text Color" to change the color of the high-lined text. (Figure 5)


Insert a picture
    ¤  Left click on where you want to insert the picture.
    ¤  Use "Insert" ---> "Image" and choolse the location of your picture.

Insert a horizontal line
    ¤  Left click on where you want to insert a horizonal line
    ¤  Use "Insert" ---> "Horizontal Line"


Insert a table
    ¤  Left click on where you want to insert a table
    ¤  Use "Insert" ---> "table"  and specify a number of rows, columns for the table.


Insert a Sympols
    ¤  Left click on where you want to insert a sympols
    ¤  Use "Insert" ---> "Characters and symbols" and chose the category from there.
    some samples are : © ® ° § » ± ¤  ằ ¿


Insert an Anchor
    ¤  Left click on where you want to insert an anchor
    ¤  Use "Insert" ---> "Named Anchor" and enter the name of an anchor so you can make a link to it later.
        Example: Figure 6 shows how to make an anchor name "link".

Create Link
    ¤  Select the text or image that you want to make a link.
    ¤  Use "Insert" ---> "Link"  (or click on the "Link" button)
           a.  enter the "link location" :  for example :  "www.math.uh.edu" if you want to link to math deparment.
           b.  or select anchors if you already created them.

Change Background
    ¤ Use "Format" --->  "Page Color and Backgrounds"
    ¤ Check on "Use Custom Colors" (Figure 7)
    ¤ Click on the "Background" button then select the color you want.
        Note:  If you to choose a image for your background, click on "choose file" and select the image that you would like to use it for background.

>> Back to tip

             
         
Figure 1
                          

Figure 2
                             

Figure 3


Figure 4



Figure 5


Figure 6


Figure 7