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.

Slides:



Advertisements
Similar presentations
Creating Frames. Frames allow you to view more than one Web page at a time. You can split the browser window horizontally and vertically. You can also.
Advertisements

Frames.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.
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.
Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.
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.
Chapter 6 Working with Frames.
Lesson 4 HTML Structural Design Techniques
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 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:
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.
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.
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.
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 5.
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 HTML Frames
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
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.
Tutorial 5 Windows and Frames Section B - Working with Frames and Other Objects Go to Other Objects.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources.
Using Frames in a Website GMU November 12-13, 2004.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
HTML: Tables & Frames Internet Technology.
HTML Hypertext Markup Language. WORKING WITH FRAMES.
Lesson 8. Dividing the screen horizontally Horizontal Frames.
1 HTML Frames
HTML Frames.
HTML Frames.
Week 9: HTML Tables and Frames HNDIT11062 – Web Development.
HTML FRAMES With Frames, you can display more than one Web page in the same browser window.
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.
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.
1 HTML Frames
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. 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 !!!!!!)
CS-3432 Electronic Commerce Lecture – 9 Sikandar Shujah Toor
Introduction to HTML.
Client-Side Internet and Web Programming
HTML Structure II (Frame)
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
HTML Tables & Frames Internet Technology.
Layout and Design with Tables and Frames
HTML Tables & Frames Internet Technology.
Presentation transcript:

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 allow you to divide the screen into independent windows - different areas (squares and rectangles) or frames - each of which can be used in different ways to display information

Working with Frames Frames Demo

Working with Frames – It marks the beginning and the end of the markup used to structure and lay out the frames that will be displayed by a frames-capable browser. – The information you provide within these tags defines the number and sizes of the frames within the frameset

Working with Frames frameset tags only support two attributes: and – This is a critical attribute of the tag because it divides the screen into columns, each taking up a designated amount of the browser window Types of division for columns: {percentage must be equal to 100} {fixed pixel value} { the * represent that the browser will determine the size of the column} { the n* where n is integer tell the browser to divide using fraction}

–Rows also follows the same concept only it will define areas setting vertically across the browser layout. Working with Frames column row

The tag acts as a frames version of a link, because it instructs the browser to locate a specific page and display it in a specific location Frames Demo2 Working with Frames

Frames Demo Working with Frames Frame attributes Giving frame a name. Giving frame a name is important if we want to reuse the frame to display other pages

Contents Page 1 Page 2 Page 3 Working with Frames target="_blank“ cause the browser to display the specified page in a new browser window target="_self“ cause the browser to display the specified document in the same window as the document with the link target="_top“ cause the browser to display the specified page in the entire window taken up by the frameset target="_parent“ have the same effect as _top except in the case where nested framesets are used Frame attributes Targeting links. Usually links will be directed to open a source may it be a new page or a URL. But target give direction to browser as to where these page are to be display.

This is an attribute that prevents the viewer from changing the size of a specific frame This is the attribute that instructs the browser to place (or not place) horizontal and vertical scroll bars in a specified frame Working with Frames

This attribute allows you to change the thickness of the borders of the frames in the frameset This attribute allows you to determine whether the borders of the frameset will be visible Working with Frames

The Netscape browser recognizes an attribute that allows you to control the color of the frame border. Working with Frames