Presentation is loading. Please wait.

Presentation is loading. Please wait.

1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.

Published byByron Mills Modified over 9 years ago

Similar presentations

Presentation on theme: "1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts."— Presentation transcript:

1 1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts

2 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

3 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. http://www.webgrrls.com http://www.linmore.com

4 4 Advantages of Using Frames Ease of Navigation Ease of Maintenance Degrades Gracefully Unifies Resources

5 5 Disadvantages of Using Frames Frames are deprecated Not Universally Supported Bookmark Issues Accessibility Issues

6 6 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

7 7 Sample Frameset DTD & header <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd"> Sample Frameset

8 8 CircleSoft Web Design Site Links Sample Frameset XHTML

9 9 XHTML tag The frameset tag Attributes: bordercolor cols frameborder framespacing rows title

10 10 XHTML tag The frame tag Attributes: bordercolor frameborder id longdesc marginheight marginwidth name noresize scrolling src target title

11 11 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

12 12 Inline Frames Also called floating frame Can be placed in the body of a web page

13 13 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

14 14 XHTML tag Attributes align frameborder height id longdesc marginheight marginwidth name scrolling src title width

15 15 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.

Download ppt "1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts."

Similar presentations

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.

Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.
Frames.

Frames.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.

Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.

Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.
Frames 1 Lecture HTML: Frames and Miscellaneous Tags.

Frames 1 Lecture HTML: Frames and Miscellaneous Tags.
XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.

XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.
1Frames Recognize a web page that uses a frameRecognize a web page that uses a frame Identify advantages and disadvantages of using framesIdentify advantages.

1Frames Recognize a web page that uses a frameRecognize a web page that uses a frame Identify advantages and disadvantages of using framesIdentify advantages.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.

Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
HTML ll Events, Framesets and XHTML. onclick  Captures the click event  Can be used with most tags  Examples onclick=“javascript:alert(‘Thank you for.

HTML ll Events, Framesets and XHTML. onclick  Captures the click event  Can be used with most tags  Examples onclick=“javascript:alert(‘Thank you for.
Create a Web Site with Frames

Create a Web Site with Frames
Frames An overview. Why frames Frames allow you to show several documents in one page. Useful for navigation. Useful for attaching pages from other sites.

Frames An overview. Why frames Frames allow you to show several documents in one page. Useful for navigation. Useful for attaching pages from other sites.
Web Technologies Lecture # 5 : HTML Frames. Objectives n Create/control appearance & placement of frames n Control the behavior of hyperlinks on pages.

Web Technologies Lecture # 5 : HTML Frames. Objectives n Create/control appearance & placement of frames n Control the behavior of hyperlinks on pages.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Chapter 6 Working with Frames.

Chapter 6 Working with Frames.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Lecture on: Frames. FRAMES VERSUS TABLES Frames allow part of the page, usually a navigation bar, to stay put.

Lecture on: Frames. FRAMES VERSUS TABLES Frames allow part of the page, usually a navigation bar, to stay put.
XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.

XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.
XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.

XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

Similar presentations

Ads by Google