Review slides on Summaries page for Chapter 9 - Frames.

1. Frames Page
   This assignment involves creating a link from your homepage for Assignment 6 that links to a frames page. The Web page will use frames to divide the browser window into (at least) two parts:
   • a "table of contents" and
   • a "display area."
   For more information on frames, see the slides on our class Summaries page for chapter 9: Frames.
   The table of contents part of the page will have a list of links that will satisfy the requirements below; selecting one of them will cause the resulting Web page to display in the display area of the window.
   Create a Web page with an image to be initially loaded into the display area frame. It should also have a heading that indicates that this is Assignment 6 for CS403 and your section number as well as your first and last name.
   The template for creating the frameset is a bit different -- be sure to check the FAQs page on our class site to view it.
   In addition, both the table of contents frame page and all the pages that display in the display area frame should include a date/time stamp, the clickable xhtml validator logo, and the clickable CSS validator logo. The url for the frameset will not have a validator logo but you can submit it manually to the W3C Validator service by copying the url and pasting it into the form that you find at: http://validator.w3.org.
   Note that any pages that use the target attribute will not validate using XHTML 1.0 Strict - you will have to use Transitional on those pages in order to get them to validate.
2. Include four links in your table of contents which display your assignment 2, 3, 4, and 5 Web pages (if you did not do one of those assignments, create a page to use in place of the missing assignment that has the assignment heading info on it) in the display area.
3. The fifth link should cause your home page to display "on top" of your frameset (if it were to display in the display area, you might encounter recursion...).
4. The sixth link in your table of contents will cause a Web page to display in a new browser window. The Web page in the new browser window should contain an inline frame. Select song lyrics or a poem to display in the floating frame. Outside the frame I would like you to describe where the poem (or lyrics) is from.
   Also include a link on this Web page that will load Robert Frost's poem (http://pubpages.unh.edu/~cs403d/CS403/RoadNotTaken.html) into your floating frame.
   Note that you will have to use XHTML Transitional on this page to make it validate.
   Check the FAQs page on our class site to find a link to the Inline Frame Example that we looked at in class.
5. The last part is optional so I offer it as extra credit.
   The seventh link in your table of contents can link to a client-side image map that you create. The image map can be (but does not have to be) something that you ultimately use in your final project (perhaps a navigation device...). To create the image map, you can:
   • Use image editing software (like Paint, Paint Shop Pro, or Adobe Photo Shop) to create a picture or an image that can be used as some type of navigation bar.
   • Scan a suitable photo to use as your image (remember that the image should have distinct areas so that the viewer can easily discern what the different areas are).
   • "Borrow" an image (with permission, of course) from a clip art site and indicate with a link where you borrowed the image from.
   The image map that you create should have at least 2 distinct areas that are "clickable" plus a default if the user clicks an area that is not defined.
   The image map should be created as we discussed in class (that is, without using image map creation software). For more information on image maps, see the Chapter 8 slides on our Summaries page (Web Graphics).

© McGraw-Hill 2008. All rights reserved.