1. 1 Frames •What is Frame? •How Frames Work? •Setting Up a Frameset Page •Targetting Frames •Content for Users Without Frames

2. 2 Objectives •Create an integrated set of Web pages using frames •Update target frames using hyperlinks •Know how to handle non-frame-compliant browsers when using frames •Set the default target frame •Use reserve names as special targets

3. 3 What is Frame? •Frames divide the Web page into smaller “pages” •Each frame is a separate document •You can change the content of each frame individually •It provides navigation facilities

4. 4 What is Frame? •It is an HTML feature used to divide a browser’s window into several independent parts. TABLE OF CONTENT -STATIC- TARGET -DYNAMIC- TITLE -STATIC -

5. 5 How Frames Work? •Creates a set of frame •Specify how the browser’s window is to be partitioned •Replaces the body tag ATTRIBUTES: cols, rows (No ending tag) •Loads necessary files into the different frames ATTRIBUTES: src, target SPECIAL TARGETS “_blank”  to initiate newly opened window “_self”  to point current frame or window “_parent”  to load into parent window “_top”  to load a document into a window without frames

6. 6 Setting Up a Frameset Page 2 Vertical Frames This is first Window This is second Window a.htmb.htm •Try same example by writing COLS = “200,*” instead of COLS = “50%,50%”

7. 7 Setting Up a Frameset Page 3 Horizontal Frames Ticari MevduatYatirim Hesabi

8. 8 Targetting Frames 3 Horizontal Frames Ticari Mevduat Yatırım Hesabı Ticari MevduatYatirim Hesabi TICARI Ticari MevduatYatirim Hesabi YATIRIM

9. 9 Content for Users Without Frames Frame, Noframe...frames View without frames ---OR---... ordinary HTML page

10. 10 A Frame Example Create a Yugoslavia Flag, using frames

11. 11 Answer: French Flag Blue:0000FF White:FFFFFF Red:FF0000