Dr. B's Tutorial

Welcome
to
Dr. B's

Today we will practice by constructing a home page for your school. You may select one of the templates below, and customize it with pertinent information about your particular school.

Elementary School
http://lausd.k12.ca.us/~cburleso/Icourse/ES_template.htm

Middle School
http://lausd.k12.ca.us/~cburleso/Icourse/MS_template.htm

High School
http://lausd.k12.ca.us/~cburleso/Icourse/HS_template.htm

Setting up Your Document

Creating Anchor Links

Adding a "mailto" link

Final Steps

Setting up your document

1. Edit -> Document Options -> General -> Document Title (Give your document a title such as "Carolyn's Home Page") -> OK.

2. Edit ->Document Options -> Colors & Background -> Background (select a color for your background) -> OK

3. Edit ->Document Options -> Colors & Background -> Background Image -> Set -> Clip Art -> SuprSmpl -> file of types (click on the down arrow and select "JPEG" ) Then select any file just to test) -> OK.

4. To see how your background will look on the Web, click on the "preview in browser" button

on the tool bar.

5. Click on the "save" button on the toolbar, and save your document file on the desktop. (Save file as "yourschool.html")

6. Change the heading to state the name of your school. Include your school's address and phone / fax numbers as well as a link to LAUSD.

7. Type in the information under the various sections on your page

8. Save your work.

back to contents

Creating "Anchor" links. This is for linking images and text within the same page.

1. View the school template page in preview mode, and the notice how some of the images are linked to the corresponding text information. You are to do the same with the remaining images

2. Place your cursor at the place where you want the link to point, and click on the anchor

button on the toolbar. When the dialog box appears, give your anchor a name.

3. Click once on the image to highlight it. Then click on the link editor button. When the dialog box appears, first type in # and then the name of your anchor (without spacing - #anchorname)

4. Save your work.

back to contents

Add a "mailto" Link:

1- Highlight the word or image you want to use for your link.

2- Click on the link editor button In the dialog box, type "mailto:" and your e-mail address.
Example: < mailto: carolyn@ary.net >

back to contents

Final Steps:

Once you have finished inputting your information, delete all of the red type from the school template page, and check all of your links.

Additional help from Claris HomePage FAQ's
http://www.claris.com/support/techinfo/techinfofaq/Claris-Home-Page.html

After you have created your pages, preferrably on your own computer:

Name your first page "index.htm".
Make sure your pages follow LAUSDnet's Acceptable Use Policy.
http://www.lausd.k12.ca.us/lausd/lausdnet/aup.html
Create a public_html directory in your LAUSDnet home directory.
Upload your web pages to the public_html directory .
Make the pages viewable by changing the file permissions.
(Click here for instructions on how to handle the points above)
Submit your site to the search engines.

*Please Complete My Feedback Form*

Dr. Carolyn O. Burleson - Instructor
E-mail - cburleso@lausd.k12.ca.us

My next class will be announced at http://lausd.k12.ca.us/~cburleso/internet.htm

Call (213) 633-1227 to register.

This page is:
http://lausd.k12.ca.us/~cburleso/Icourse/CHPtutor2.htm