Homework 9

Chapter 10 - Frames

You are to create a frames-based page named hw09.html. The frames layout should have a banner section that spans the top. Under that should be a narrow left section for links and a large bottom right section that displays the main content. What should be in the different frames is specified below.

Banner Frame
Link Frame	Main Frame

Banner Frame (i.e., top frame)

In this frame I want to see a copy of your photo (or one of your variations from a previous assignment). This photo needs to be resized so that it is approximately 100 pixels high (more or less) and looks appropriate for the size of the frame. There should also be several lines of text to the right of the image that gives your name (or nickname) on one line, and several other things on the lines below (such as Graceland University, class status, major, hometown, or whatever you are willing to be seen online). The frame should be a FIXED height of about 100 pixels (more or less) with NO SCROLL BARS.

Banner Frame Tips:

Set the height of the image to about 100 (more or less) so that the banner will be an appropriate size. Set the frameset's height to the same value (or perhaps a little more than the picture's height). You can leave off the width attribute in your image to avoid a stretched look (or else use a proportional value).
Align the image to the left so that the entire multiple lines of text (using br-tags for that) will be to the right of the image.
--OR--
Use a table to place your image in the first column of the one (and only) row, and the multiple lines of text in another column to get the side-by-side look. If you do it this way, the table inside the banner frame should have no border.

Link Frame (i.e., lower left frame)

Have links for Homework and links for Favorites to link to elsewhere. The labels for these links should be very short so that they fit on the left panel. This frame should be wide enough for these labels (even if the user increases the font size by pressing CTRL and moving the mouse scroll-wheel). The frame should be a fixed width with AUTO scroll bars. All homework links should be relative references and open in the lower-right frame and all external links should be absolute references and open in a new window (or tab). Beneath these links should be a link to HOME that goes to your home page, replacing the entire window (not framed).
Tips:

Try using 100 for the frameset width. If too small increase it until it is wide enough and looks good. Use styles to set a font family and font size for smaller link text if you like.
Don't center your links or headings and do not indent them (i.e., don't use bullet items) unless your labels are all very short.
Use short or simple one-workd heading and labels. Try using H3 or H4 size headings (H1 and H2 are probably too large).
The src= value for your hw09 link should not be your hw09.html file. Instead, it should be your main html file that was displayed when visitors first view the hw09 page.
Your Home link should take you to href="/~USER/" (where USER is your own username), and target="_top" should be used so it replaces the entire framed window.

Main Frame (i.e., lower right frame)

This is the main frame that displays whatever the user clicks on from the left frame. Before clicking any links or after clicking the HW09 link (this homework) one should see in this frame a brief description or purpose for this page with some sort of comment for the user to click on the links in the left panel to see more.

You are allowed to deviate from these specifications if you talk to me first. For instance, if you wanted to create buttons for the links in the left panel, or you wanted to create a nice title bar graphic for the top banner, that would probably be fine with me.