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.

Slides:



Advertisements
Similar presentations
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.
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.
Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.
XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.
XP Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 5 1 New Perspectives on Creating Web Pages with HTML Tutorial 5: Using Frames.
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.
Lesson 4 HTML Structural Design Techniques
 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.
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.
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 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
HTML Essentials Frames and Frame Tags. Introduction A frame used to be an effective design tool Utilized space effectively by subdividing screen One idea:
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 ►
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.
Chapter 2 XHTML: Part II The Web Warrior Guide to Web Design Technologies.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
IDK0040 Võrgurakendused I harjutus 03: Lists, tables and frames Deniss Kumlander.
1 HTML Frames
HTML : Forms, Frames Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
Organization Components (Lists, Table & Frame) Wah Yan College (Hong Kong) Mr. Li. C.P.
For the World Wide Web Designing with Frames.  One of the most popular climbing schools in Colorado is Cliff Hangers. Located in Bolder, Cliff Hangers.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
The Web Wizard’s Guide to HTML Chapter Seven Frames.
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.
Windows and frames and the anchor tag. Frames Independent, scrollable portions of a Web browser window, with each frame capable of containing its own.
1 HTML Frames
HTML Frames.
HTML Frames.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.
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.
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.
1 HTML Frames
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
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 Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands.
Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)
Client-Side Internet and Web Programming
Tutorial 8 Designing a Web Site with Frames
Client-Side Internet and Web Programming
<frameset>, <frame> and <iframe>
Tutorial 8 Designing a Web Site with Frames
HTML Tables & Frames Internet Technology.
HTML Frames
HTML Tables & Frames Internet Technology.
Presentation transcript:

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. Every HTML document is called a frame and each frame is independent. There are some disadvantages of using frames: you must keep track of more HTML documents difficult to print the entire page Components of HTML Frames: Frameset element The frameset element states HOW MANY columns or rows there will be in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them. Frame element The tag defines one particular window (frame) within a frameset.

Arranging Frames Vertical Frameset: Creates frames arranged in columns Example: Horizontal Frameset: Creates frames arranged in rows Example:

Arranging Frames cont. Mixed Frameset: Creates frames arranged in columns & rows frameA.html: height-25% frameB.html: height-75% width-25% frameC.html: width-30% height-75% Notes about HTML Frames: The frameset column or row size can also be set in pixels such as cols=“100,600“ One of the columns or rows can be set to use the remaining space of the browser window, with an asterisk (cols=“33%,*") You can not use the tags together with the tags!

Arranging Frames cont. iFrames: Creates an inline frame (a frame inside an HTML page). height=“any number” & width= “any number” can be added to the tag to set the size of the iframe  Frame borders can be removed by adding the frameborder=“0” to either the or tag  Buttons or hyperlinks can be directed to open pages in specific frames by adding: name=“any name” to the or tag and adding: target=“same name” to the tag of the button or hyperlink.  To remove the ability for the user to resize the frames the noresize=“noresize” can be added to the tag.

Frames: Review HTML frames allow you to display more than 1 HTML document in the same browser window in the following ways: Vertical Frameset Horizontal Frameset Mixed Frameset Frame sizes can be set using percentages or pixels Asterisks = fill the rest of the browser window tags can not used with the tags Buttons can open pages in specific frames by naming the frame and setting the target with the same name iFrame