We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byTrinity Trujillo
Modified over 3 years ago
Copyright © 2003 Pearson Education, Inc. Slide 6-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes
Copyright © 2003 Pearson Education, Inc. Slide 6-2 CHAPTER 6 XHTML Frames
Copyright © 2003 Pearson Education, Inc. Slide 6-3 Overview of XHTML Frames The purpose of Frames is to allow developers to divide a browser window into independent pieces To use Frames in XHTML, you must use the Frameset version of XHTML 1.0 Specification: Frame elements are NOT supported in the other two XHTML 1.0 Specifications, Transitional and Strict WARNINGS about Frames: Although frames provide additional functionality that is not easily attained with regular XHTML, they should be used sparingly, and only when the audience for the content is well defined Frames will likely be deprecated in future versions of XHTML
Copyright © 2003 Pearson Education, Inc. Slide 6-4 Frame Overview The container document is used to specify the number of frames the document will contain Frames lay the document out like a grid Each individual frame within the document contains a different XHTML document Frame document elements: - Defines the document as a frame document, and defines the number of frames being created The outermost element can contain other or elements Defines the number of rows and columns in the document using the rows and cols attributes, which can be defined as either a number of pixels or percentage - Defines each frame window within the document, and which XHTML document will be displayed in the frame The src attribute is used to identify the location of the XHTML document that will be displayed in the frame window
Copyright © 2003 Pearson Education, Inc. Slide 6-5 Simple Frame Example- XHTML Code 1 2 4 5 6 Our First Frame Document 7 8 9 10 11 12 13 14
Copyright © 2003 Pearson Education, Inc. Slide 6-6 Simple Frame Example – Web Browser
Copyright © 2003 Pearson Education, Inc. Slide 6-7 Element Attributes NameDescription and Values nameUsed to name, or identify, a particular frame within a frameset. This attribute will be replaced with the id attribute in future versions. Value: text string idLike name, this attribute is used to uniquely identify the frame. Unlike the name attribute, according to the XHTML specfications the id attribute must be unique within a document. Value: text string longdescThis attribute is not yet widely supported. The value of this attribute will be a URL that directs clients unable to view frames to an alternate page. Value: URI srcContains the URI, usually a URL, that references the document to be displayed in the frame. Value: URI frameborderThe value of this attribute deterwimines the width, in pixels, of the frames border. If it is set to 0 (zero), the border is invisible. Value: interger value for number ofpixels marginwidthDefines the width in pixels of the margin width between frames. Value: percent or pixels margineheightDefines the width in pixels of the margin height between frames. Value: percent or pixels noresizeSetting this attribute will prevent the frame from being resized. By default, the frame, like a window, can be resized by clicking on and dragging the border or corner. This attribute turns off the ability to resize the frame. Value: noresize scrollingThis attribute controls scrolling of the frame. This attribute can take one of three values: yes, no, auto
Copyright © 2003 Pearson Education, Inc. Slide 6-8 Nesting Frames As with tables, frames can be nested within frames by including additional elements within the outermost element Nesting frames allows you to create very complex page layouts WARNING: Be aware that frames take longer to render than other XHTML documents because of their complexity A nested frame contains a element with one or more elements contained within
Copyright © 2003 Pearson Education, Inc. Slide 6-9 Nested Frame Example – XHTML code 1 2 4 5 6 Our First Frame Document 7 8 9 10 11 12 13 14 15 16
Copyright © 2003 Pearson Education, Inc. Slide 6-10 Nested Frame Example – Web Browser
Copyright © 2003 Pearson Education, Inc. Slide 6-11 XFrames Overview The existing frame implementation has caused many usability, security and navigation issues for developers and users XFrames is the proposed replacement technology for HTML frames and XHTML Frameset XFrames is still in draft form as of the writing of this book. The latest working draft on XFrames was released in August 2002 XFrames promises to fix many of the issues of the current frame implementation by providing a more robust set of functionality that will allow developers to take advantage of the benefits that frames provide, while eliminating navigation and security issues
Chapter 6 Working with Frames. Agenda Create Frames Customize Frame Borders Control Frame Margins Add Alternative Text Prevent Frame Resizing Hide or.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)
XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.
Copyright © 2003 Pearson Education, Inc. Slide 5-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
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.
Frameset. FrameSet With frames, we can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each.
Frames. Provide a way to display more than 1 XHTML document at a time in the same window Introduced by Netscape, now part of HTML 4 and XHTML Good for:
Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.
Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.
Copyright © 2003 Pearson Education, Inc. Slide 3-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.
Copyright © 2003 Pearson Education, Inc. Slide 6-1 Created by Cheryl M. Hughes, Harvard University Extension School Cambridge, MA The Web Wizards Guide.
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.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
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.
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Working with Frames.
CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.
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: HTML Frames.
1 HTML 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.
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages.
HTML Frames. Advantages to Using Frames n flexibility in design n information in different Web pages n remove redundancy. n site easier to manage. n update.
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.
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.
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.
Copyright © 2003 Pearson Education, Inc. Slide 7-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
Frames 2 nd March. Write the code for this using tables and using layers …..
Create a Web Site with Frames. Objectives Describe uses of frames in a Web site Layout frames within a browser window Display a document within a frame.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
1 Advanced Frame Options Using NORESIZE By default, users may resize frames unless you specify the NORESIZE attribute in the tag Examples:
XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.
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.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
HTML 2 FRAMES. Frames Intro Frames are a feature supported by Netscape 2.0 (and higher) Internet Explorer 3.0 (and higher) and a few other browsers. Frames.
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.
Working with HTML Frames The Good, The Bad & The Ugly.
HTML Essentials Frames and Frame Tags. Introduction A frame used to be an effective design tool Utilized space effectively by subdividing screen One idea:
BSc CM0133 Internet Computing 1 Tables Tables provide a means of organising the layout of data A table is divided into rows and columns: these specify.
© 2017 SlidePlayer.com Inc. All rights reserved.