Saving Files
Click on File on the top
menu bar.
Click on Save.
Save your file in a folder.
It is important to save all your documents for the website in one folder. It
is best to save your main page as index.html. All files should be saved as html
or htm.
top
Page Properties: Background,
Background Image, Text and Link Colors
Click on Modify on the
top menu bar and then Page Properties.
Give your page a title by clicking
inside Title.
Click on the Browse button
beside Background Image if you want to have an image as your background.
Locate your image in your folder.
Click on the blank box beside Background
to change the background color. A palette will open. Click on the desired color
and then press Apply. The default color is always white.
Click on the blank box beside Text
to specify font color for the entire page. Click on the desired color and then
press Apply. The default color is always black.
Click on the blank box beside Links
to specify link color. Click on the desired color and then press Apply.
The default color is always blue.
Click on the blank box beside Visited
Links to specify visited link color. Click on the desired color and then
press Apply. The default color is always purple.
When you are finished with the
Page Properties window, click OK. The window will disappear.
Text
Click inside the white spot and
start typing.
Changing Font, Size, Alignment, and
Color
Highlight your text with the mouse.
Go to the top bar and click on
Text.
Click on Font if you
want to change the type of font. You can choose from up to six different kinds.
Click on Align if you
want to align the text to the left, center, or right.
Click on Size if you want
to change the size of the text. The smallest size begins at 1 and the largest
font size is 7.
Click on Style if you
want to Bold, Italicize, or underline your text.
Click on Color if you
want to change the color of your text.
Inserting Tables
Click on Insert
on the top menu bar and then Table.
A
window will pop up.
Put
the number of rows and columns you want in your table.
If
you want a border, leave the number one as is but if you do not wish to have
one, type in zero. Cell Padding and Cell Spacing should be left
blank or at zero.
Cell
Padding and Cell Spacing will give more bulk to your table.
top
Click on Insert
on the top bar and go down to Image.
Locate your image on your computer.
Your image should be located in the same folder as your main page. If it is
not, your image will not show up.
Creating Links:
Absolute, Document Relative, Email
1. Absolute
An absolute link means that you
are making a link to another site outside of your own. For example, you want
a link to www.yahoo.com or www.msn.com.
Click on Window on the
top menu bar then on Properties to open the Properties toolbar.
Type your text you want a link
on. I typed ‘The University of British Columbia’.
Highlight the text.
Click inside the long white bar
beside Link.
Type the URL address here. In this
case it would be http://www.ubc.ca.
A URL address is always found near
the top. It usually always begin with http:// or www.
2. Document Relative
A document relative link means
that want to make a link to another page that you have created within your website.
For example, I want viewers to read about my biography but I want them to look
at it on another page rather than the one they are on.
I need to create a new blank page
on which my biography information will appear.
Click on File on the top
menu bar and then on New.
A new blank window will appear.
Save this blank page with a new
name. It is best to save it as title of your page so you know which page is
which. For the biography example, I would save it as bio.html.
Go back to your main page which
is index.html.
Type the type which will be your
hyperlink. For my example, I would type Biography.
Highlight the text.
Click on Window on the
top menu bar then on Properties to open the Properties toolbar.
Click on the yellow folder. Find
the location of the saved file. In this case, I would look for the bio.html.
It should be in the same folder as the index.html file.
Once you have located your file,
click on it and then press Select.
Your text should have the link
on it now.
3. Email Link
An email link will allows users
to email you or someone else.
Click on Insert on the top
menu bar and then on Email Link.
A window will pop up.
Type the text that you want to
appear for the email link. Usually, it is a name. ie. Lisa Simpson
In the E-Mail box: type in the
exact email address. ie. lsimpson@hotmail.com.
Inserting a Horizontal Line
Click on Insert
on the top menu bar and then on Horizontal Rule.
top
If you get a chance and want to send me your
feedback on my notes, please do so to ljanvier@telus.net
top