1. CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)

2. Frames Frames put HTML files into a table format Frames use 2 types of documents: Content Documents text, pictures, hyperlinks, photos, etc. Frames Document Defines layout in columns or rows or columns within rows or rows within columns Provides scroll bars Link in one frame can load HTML doc in another frame

3. Tag Required for Frames-style pages Replaces tag completely tag has 3 types of attributes-- numerical values: size in pixels,% and/or *: ROWS COLS

4. 3 Column Frame 3 column frames

5. 2 Row Frame 2 Rows

6. Nested Nested Frames

7. Frame Interaction Hyperlink in 1 frame changes contents of another named (target) frame (sample)sample Assign meaningful names to frames (NAME = "menu", "right", or etc.) Click Database Reports to see the linked page in the right frame

8. TARGET Attribute Tells browser frame into which requested document is displayed Name of target frame (e.g., "menu") OR Special ("magic") targets: "_top" Whole window "_blank" New (unnamed) window "_self" Frame containing hyperlink (if no target, defaults to _self)

9. Lots of People Hate Frames I Hate Frames Page Why Frames Suck (Most of the Time) (Jacob Nielsen is a "big name" in the usability field) Why Frames Suck (Most of the Time) another I Hate Frames PageI Hate Frames Page

10. Frames Exercise click hotlink in IE, then View Source hotlink save file on Desktop or floppy click in left frame, then View Source save file on Desktop or floppy change links to Internet web pages use full address so href="http:// [etc.]"

11. Frames Exercises - 2 try to verify the problems identified in Why Frames Suck (Most of the Time) Why Frames Suck (Most of the Time) try to create a web page with at least 10 separate frames link external web sites as <FRAME SRC = for the individual frames

12. Frames Exercises - 3 try to validate a frames web page at W3C validater W3C validater use the Validate by Input version and fix code in the textarea control