1 Web Developer & Design Foundations with XHTML Chapter 5 Key Concepts
© 2007 Pearson Education 2 Learning Outcomes In this chapter, you will learn how to: –Recognize a web page that uses a frame –Identify advantages and disadvantages of using frames –Be aware of web accessibility issues when using frames –Use the and tags to create a frameset –Use the tag to display content when frames are not supported –Create hyperlinks that target frames –Use the tag to create an inline frame
© 2007 Pearson Education 3 Overview of Frames Frames allow the use of multiple, independently controllable sections in a browser window. Each section is called a "frame" and is created as a separate XHTML file. Behind the scenes there is another file -- a "master" frameset file that controls the configuration of the entire browser window.
© 2007 Pearson Education 4 Advantages of Using Frames Ease of Navigation Ease of Maintenance Degrades Gracefully Unifies Resources
© 2007 Pearson Education 5 Disadvantages of Using Frames Not Universally Supported Not in future W3C Recommendations Bookmark Issues Accessibility Issues
© 2007 Pearson Education 6 Checkpoint List three disadvantages of designing a web site with frames. Which disadvantage seems most important to you? Why? 2. How would you respond to a person who claims that you should never design a web site using frames? Explain. 3. True or False. A web site created using frames is more accessible than a web site that does not use frames.
© 2007 Pearson Education 7 XHTML Using Frames tag –Used to divide up the browser window –Container tag tag –Used to configure a single frame or portion of the browser window –Stand alone tag tag –Used to configure content that should display if the browser does not support frames –Container tag
© 2007 Pearson Education 8 Sample Frameset DTD & header <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " frameset.dtd"> Sample Frameset
© 2007 Pearson Education 9 CircleSoft Web Design Site Links Sample Frameset XHTML
© 2007 Pearson Education 10 XHTML tag The frameset tag Attributes: –bordercolor –cols –frameborder –framespacing –rows –title
© 2007 Pearson Education 11 XHTML tag The frame tag Attributes: –bordercolor –frameborder –id –longdesc –marginheight –marginwidth –name –noresize –scrolling –src –target –title
© 2007 Pearson Education 12 XHTML tag The base tag Used to configure the default target for all the links on an entire web page Stand alone tag Coded in the header section
© 2007 Pearson Education 13 Inline Frames Also called floating frame Can be placed in the body of a web page
© 2007 Pearson Education 14 XHTML tag The iframe tag Description of the lovely Spring wild flower, the Trillium Used to configure the default target for all the links on an entire web page Container tag
© 2007 Pearson Education 15 XHTML tag Attributes –align –frameborder –height –id –longdesc –marginheight –marginwidth –name –scrolling –src –title –width
© 2007 Pearson Education 16 Checkpoint Describe the uses of the area contained between the opening and closing tags. 2. You have created a frameset but the links in the navigation frame do not open in the frame you designed to hold the content. What might be the reason? How would you correct this? 3. Describe how the title attribute can be used on a tag to
© 2007 Pearson Education 17 Summary This chapter introduced the use of frames on web pages. You leaned about the XHTML tags needed to create a web site that uses frames and gained some experience with inline frames. You also learned that there is a controversy surrounding the use of frames on web pages.