Dr. Paul Martin Lester, Professor
Assignment 8: Special Features for the Web
Once again you will alter your conservative text version to make the page a bit more interesting. For this assignment you will create a homepage that creates a two-column frame with links on the left side and a table on the right side.
Create frames
Remember the HTML rules for files. In NotePad put these command tags into the contents portion of your main file named assign8.htm:
<frameset cols="40%, 60%">
A table
<table>
NOTE: Don't be satisfied with the above specifications. Make some changes.
Links for the left side
<a href="http://www.pencils.com" target= "right">pencils<img src="image.jpg"></a>
You will also need a way for a user to return to the pencil paragraph in the right frame. Use this command structure at the end of your links in the left frame:
<a href="right8.htm" target="right"><img src="image.jpg">Start Over</a>
Remember these useful how-to web sites to find other special features:
werbach.com/barebones/
California State University, Fullerton
714/278-5302; Email |
Homepage
Office: H-324F
Frames are criticized for slowing downloading time and causing navigational problems. Nevertheless, they are quite popular. For a two-frame page (the simplest), you need to create three separate files--a homepage file and one for each frame you create. Print out all three files. Create a directory on your disk that contains all the files for this assignment.
<frame src="left8.htm" name="left">
<frame src="right8.htm" name="right">
</frameset>
Create a file in NotePad called right8.htm and place the commands below into it:
<tr><th colspan=2 align=left>Pencil Title</th>
<tr><td width=165 valign=top>
"While the literature of some pencil manufacturers, themselves descendants of the German industry, claims that clay was used in German pencil leads as early as the 1820s, it was certainly not used widely, if at all, for export. It was only after he took over his father's A.W. Faber pencil factory in 1839 that </td>
<td width=150 valign=top>
<td width=40 valign=top>
<b>'Lothar Faber occupied himself with opening up business connections throughout the civilized world.'</b> Thus it is most probable that German pencils were not at all common in America when young Henry Thoreau first sought to improve his father's product."
</td>
<td valign=middle>
<font color="cc6600">p. 111, <i>The Pencil</i><br></font>
<font color="666666">by Henry Petroski<br></font>
</td> </tr> </table>
In NotePad create a file named left8.htm. Put five links with small images in that file. In order for the link to be displayed in the right-hand frame, include this bit of command language:
target= "right" as in
info.med.yale.edu/caim/manual/contents.html
www.hotwired.com/webmonkey/teachingtool/
www.sun.com/styleguide
commfaculty.fullerton.edu/lester/writings/nsdemo.html