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

Slides:

Advertisements

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.

Advertisements

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.

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

Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.

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.

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.

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

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.

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.

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.

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.

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

XP 1 Tutorial 5 Using Frames in a Web Site. XP 2 Tutorial Objectives  Describe the uses of frames in a Web site  Lay out frames within a browser window.

XP Using Frames in a Web Site Ali Alfayly. XP Tutorial Objectives Create frames for a Web site Control the appearance and placement of frames Control.

FRAMES. With frames, we can display more than one HTML document in the same browser window. Each HTML document is called the same browser window. Each.

1 Web Developer & Design Foundations with XHTML Chapter 5 Key Concepts.

CIS67 Foundations for Creating Web Pages Professor Al Fichera Reference for CIS127 and CIS 137.

Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.

HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►

The Web Wizard’s Guide to HTML Chapter Seven Frames.

Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.

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.

1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.

1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 7: Working with Frames Kelly L.

Working with HTML Frames The Good, The Bad & The Ugly.

CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.

Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.

1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.

Frames 2 nd March. Write the code for this using tables and using layers …..

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 6.

Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.

Web111a_chapt05.ppt HTM: Section 5 Frames A section of the browser window capable of displaying an entire web page Display multiple web pages on the screen.

Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.

The Web Wizard’s Guide to HTML Chapter Seven Frames.

Using Frames in a Website GMU November 12-13, 2004.

HTML Hypertext Markup Language. WORKING WITH FRAMES.

Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.

© Marty Hall, Larry Brown Web core programming 1 HTML Frames.

1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.

CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Working with Frames.

Frames. Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and.

INTRODUCTORY Tutorial 9 Creating Frames. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Decide when to use frames for a Web site Learn.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

Site Development Foundations © 2004 ProsoftTraining All rights reserved.

Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.

Web Engineering  Lecture 2  EC201 – WEB TECHNOLOGIES Advanced HTML: Frames, Embedded Objects, and Forms  bscshelp.com Web Tech 1. More HTML 1.

XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

Frames 8th March.

Tutorial 8 Designing a Web Site with Frames

Programming the Web using XHTML and JavaScript

Client-Side Internet and Web Programming

Table of Contents Creating Frames Frameset Tag and its attributes

Table of Contents Creating Frames Frameset Tag and its attributes

Table of Contents Creating Frames Frameset Tag and its attributes

Tutorial 8 Designing a Web Site with Frames

HTML Tables & Frames Internet Technology.

HTML Tables & Frames Internet Technology.

Presentation transcript:

1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts

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

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

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

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 Sample Frameset DTD & header <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " frameset.dtd"> Sample Frameset

8 CircleSoft Web Design Site Links Sample Frameset XHTML

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

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

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 Inline Frames Also called floating frame Can be placed in the body of a web page

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 XHTML tag Attributes align frameborder height id longdesc marginheight marginwidth name scrolling src title width

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.