Week 4

First, you should be aware that there is an obsolete technique of page layout called framesets. Framesets are not to be used on new sites due to accessibility issues. They are not supported in HTML5. But sometimes there are no other alternatives.

 These are examples of framesets:

• http://cst1022.ridgewater.net/grades/index.htm  -  I framed the online grades because the grade pages are automatically generated from my gradebook software.  In order to provide instructions, I needed to frame the pages.
• http://www.schantzen.com  -  This is a site that is framed.  If the site was redone, it should not be framed.
• http://mmdt1021a.ridgewater.net/samples/sp02site5/index.htm  - Example of a student web site created with frames.

However inline frames are still used to include 3rd party content into your website. Also we are going to look at pop-up window creation.

Here is an example that our in class exercise is based on.

Lab 4 Frames and Windows

This lab is to test your knowledge of being able to create an iframe, and open a popup window.

Part 1

Create an inline frame.  It should be similar to what we did in class, but it needs to be a different subject than what we did. With a set of links, change the contents of the iframe.

Part 2

Create a glossary page with terms that are related to your page content.  Have a link on one of your pages that pops up the glossary page in a small window. Be able to link to an anchor in the pop up glossary window. This should be like the example we did in class.

Part 3

Create a CSS box that acts like the pop up window that holds your glossary. You should be able to drag and close the pop up CSS box. This we did not do in class, so this is new and something that you will have to research and figure out how to do.

Assignment is due one week from when it was assigned.  50% penalty if late.