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