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.

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.
Frames.
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.
Frames How to Create Frames in HTML Dr. Sanders. Why Frames? Frames allow you to have more than a single window on the screen at the same time. –You can.
Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.
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.
The Power of Tables They aren't just for sitting stuff on anymore...
Create a Web Site with Frames
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.
 You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages. 
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
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.
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 HTML Joshua S. Simon Collective Technologies.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
HTML Essentials Frames and Frame Tags. Introduction A frame used to be an effective design tool Utilized space effectively by subdividing screen One idea:
INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.
WHAT are frames? what.html are.htmlframes.html. Intro to Frames HTML frames allow you to display more than 1 HTML document in the same browser window.
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.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Reference for CIS127 and CIS 137.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
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.
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.
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.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
1 HTML Frames
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 …..
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
Chapter 8 HTML Frames. 2 Principles of Web Design Chapter 8 Objectives Understand the benefits and drawbacks of frames Understand and use frames syntax.
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.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
Using Frames in a Website GMU November 12-13, 2004.
HTML: Tables & Frames Internet Technology.
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.
FRAMES. Frames allow you to divide the page into several rectangular areas and to display a separate document in each rectangle. Each of those rectangles.
1 HTML Frames
HTML Frames.
HTML FRAMES With Frames, you can display more than one Web page in the same browser window.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
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.
1 HTML Frames
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
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.
Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)
Tutorial 8 Designing a Web Site with Frames
Designing a Web Site with Frames
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 Frames
Creating Frames on a Web Page
Presentation transcript:

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 the components of framesets Create a frameset document Size frameset windows Target individual frame windows

XP Objectives Identify the purpose of inline frames Create an inline frame Target an inline frame window Use the meta tag to create a slide show New Perspectives on Blended HTML, XHTML, and CSS3

XP Using Frames on a Web Page Frames divide a Web page into several windows called frames – Each frame allows you to see a different Web page in the same browser window To create frames, you first need to create a frameset document Frames are similar to tables in that frames establish rows and columns The frameset document uses the tags New Perspectives on Blended HTML, XHTML, and CSS4

XP Creating a Row Frameset To create a rows frameset, enter the following code: where value1 is the height of the first row, value2 is the height of the second row, and so forth. The values should be expressed as a percentage Optionally, use the (*) wildcard character as the last value or if the rows will be of equal height New Perspectives on Blended HTML, XHTML, and CSS5

XP Creating Frames To create frames, enter the following code: where filename is the name of the file that will be displayed in the frame and framename is the name of the frame New Perspectives on Blended HTML, XHTML, and CSS6

XP Creating Frames New Perspectives on Blended HTML, XHTML, and CSS7

XP Creating a Column Frameset To create a columns frameset, enter the following code: where value1 is the width of the first column, and value2 is the width of the second column, and so forth. The values should be expressed as a percentage Optionally, use the (*) wildcard character as the last value or if the columns will be of equal width New Perspectives on Blended HTML, XHTML, and CSS8

XP Creating a Column Frameset New Perspectives on Blended HTML, XHTML, and CSS9

XP Opening a Document in a Specific Frame By default, a link in a frameset document will open in the same frame Use the target attribute in the tag – The target attribute should be set to the name of the frame in which you wish to open the Web page New Perspectives on Blended HTML, XHTML, and CSS10

XP Using Magic Targets Magic targets have special meanings in HTML – _top – _blank – _self The base tag automates the process of targeting links New Perspectives on Blended HTML, XHTML, and CSS11

XP Controlling Scrollbars and the Frame Size To control the appearance of scrollbars and the size of a frame, enter the following code: <frame src="filename.htm" scrolling="scroll_value" noresize="noresize" /> where scroll_value is either auto, yes, or no, and noresize has a value of noresize to disable screen resizing. New Perspectives on Blended HTML, XHTML, and CSS12

XP Controlling Scrollbars and the Frame Size New Perspectives on Blended HTML, XHTML, and CSS13

XP The border Attribute Eliminating borders creates a less cluttered look to the screen – Seamless frames New Perspectives on Blended HTML, XHTML, and CSS14

XP Controlling the Frame Height and Width To control the height and width of a frame, enter the following code: where value is the height of the frame in pixels and value2 is the width of the frame in pixels New Perspectives on Blended HTML, XHTML, and CSS15

XP Controlling the Frame Height and Width New Perspectives on Blended HTML, XHTML, and CSS16

XP Frameset Attributes and Values New Perspectives on Blended HTML, XHTML, and CSS17

XP Frameset Attributes and Values New Perspectives on Blended HTML, XHTML, and CSS18

XP Frameset Attributes and Values New Perspectives on Blended HTML, XHTML, and CSS19

XP Creating Inline Frames Inline frames create a frame window within a document without your having to create a frameset To create an inline frame, enter the following code: where filename is the name of the file that will initially be displayed in the inline frames window and target_name is the name of the inline frames window New Perspectives on Blended HTML, XHTML, and CSS20

XP Creating Inline Frames New Perspectives on Blended HTML, XHTML, and CSS21

XP Document Type Definitions New Perspectives on Blended HTML, XHTML, and CSS22

XP Using the meta Tag to Create a Slide Show To create a slide show, enter the following code: where number_seconds is the number of seconds you want as the interval until the next file is displayed and filename is the name of the next file to be displayed in the slide show New Perspectives on Blended HTML, XHTML, and CSS23

XP The Future of Frames New Perspectives on Blended HTML, XHTML, and CSS24

XP The iframe Attributes New Perspectives on Blended HTML, XHTML, and CSS25