|
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
|