Building a WWW Page

 

by


Morris Firebaugh

Sue Hess

and

Mark Ward

 


Two Principles of Web Page Design

 


What tools do we have?

 


Finding Information

Exercise 1: Use AltaVista to track down your presenter

  1. Open NetScape and go to AltaVista home page

  2. Ask it "Who is Morris Firebaugh?"

  3. Sift through the answers for his home page

 

It is a good idea to make a record of his URL (address) for future reference

 

Exercise 2: Using Bookmarks and Scrapbook for reference

  1. Go to Morris Firebaugh's home page

  2. Open Bookmark Menu and click "Add Bookmark"

  3. Click on his URL in the Address window

  4. Copy the highlighted address with <Apple>+<C> keys

  5. Under the [Apple] menu, open the Scrapbook

  6. Paste the address into the Scrapbook: <Apple>+<V>

 

Now you have this address saved in two places:

 


Getting Organized

Exercise 3: Setting up the file structure for your page

  1. Go to the Lost & Found or User Temp folder on your hard drive and open it

  2. Under the [File] menu, click New Folder

  3. Label the folder MyWWWProject

 

This is the folder in which you will store all the files associated with your page

 


What does HTML mean?

Every WWW page is written in HyperText Markup Language (HTML)

 

Exercise 4: Viewing HTML code

  1. Go to Morris Firebaugh's home page

  2. Under the [View] menu, click Page Source

  3. What do you think?

 


How can we deal with this mess?

Answ: With HTML Editor and CyberStudio

 

Let's start your own Web page. Here are some suggestions:

 

Exercise 5: Setting up a prototype page

  1. Find a model home page on Parkside's site or elsewhere

  2. Under the [File] menu, click Save As and select Source and name it mypage.html

  3. Save it in your folder, MyWWWProject

  4. Double-click HTML Editor and open mypage.html

  5. Modify the information content to reflect YOU rather than FacultyX

  6. Save your results and view it with NetScape

 


Adding Graphics

You probably don't want FacultyX's ugly mug adorning your beautiful Web page, so

 

Exercise 6: Embedding Graphics in your Web Page

  1. Scan the WWW for a nice picture

  2. Hold the mouse cursor down on the picture you choose

  3. Select Save this Image as ... , name it mypicture.jpg, and same it in MyWWWProject folder

  4. Replace FacultyX.jpg with mypicture.jpg

  5. View the result in NetScape. Neat, huh?

 


Some Features of CyberStudio

CyberStudio allows quick and beautiful Web page production

It's features include:

 

Demonstrate