Home
Register Today
Classes
Hands-on Learning
Learning HTML - Part III
Lesson Three
Graphic files
Assignment Directions
Reading Assignment
Expert Articles
Web Sites from Session 3
Program Notes
Discussion & Questions
Sites To Learn From
Order A Video
About This Program


CLASS THREE - Assignment Directions

Create a document named safaris.htm and replicate the page pictured above. It is recommended that you use a WYSIWIG html editor but, if you choose, you could also use an ASCII text editor and code the table by hand.

Create two tables

Table #1
The first table is two rows high and two rows wide.
It has no border.
The cell in the first row which holds the twin lakes header must be modified to span both columns in the table.
Adjust the column widths so that the second column is just wide enough to accommodate the photo of the fawn without creating leftover white space.
TIP: To adjust the amount of space between the logo, headline, and body text in cell 2,1 explore the difference made by using hard line breaks (shift+enter) and hard returns (enter). Look at how these two techniques are expressed in the html coding.
Table #2
The second table is three rows high and 4 columns wide.
The table has a one pixel border.
Adjust the column widths as shown. Explore the differences between setting the column widths as a percentage of the table, and setting them as a fixed pixel width. How does this affect the looks of your table when you change the size of the browser window.
As you type text into the cells, pay particular attention to both the horizontal and vertical orientation of the objects in the cells.

Create the following links

Link the Twin Lakes header to this URL:
http://www.twinlakes.com/sportgoods.htm
Link the text "send us an email" as a mail link addressed to:
safaris@greatoutdoors.com
Link the text "Back To Twin Lakes Online" to this URL:
http://www.twinlakes.com
Link the Great Outdoors logo to the index.htm page you created last week.
Modify the index.htm page you created last week so that the text " new photo safaris" links to this page

Modify the image attributes of the Twin Lakes header and Great Outdoors logo so that the images do not have a border.

NOTE: The appearance of the screen capture shown above is attained by viewing the documents in a Netscape browser window that is 550 wide on a Macintosh with a 800x600 screen resolution. Minor differences in appearance of your assignment may occur due to platform and browser differences. Do not be too concerned if your text lines do not wrap exactly the same and your type appears a little larger than what is shown.