HTML Frames.

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

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.

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.

Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.

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

XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.

Compiled by ackoo Creating Frames. Compiled by ackoo Recall this… Table cell 1 Table cell 2 Table cell 3 Table cell 4.

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.

Create a Web Site with Frames

Chapter 6 Working with Frames.

HTML 2. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension  With newer software it.

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.

Using Frames in a Web Site

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

Review HTML  What is HTML?  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

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

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.

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.

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.

Web Design and Development for Business Lecture 3 Hyper Text Markup Language (HTML)

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.

HTML : Forms, Frames Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.

Organization Components (Lists, Table & Frame) Wah Yan College (Hong Kong) Mr. Li. C.P.

How to Make Navigational Frames in an HTML Document By: Patrick Clahane.

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.

Tutorial 5 Windows and Frames Section B - Working with Frames and Other Objects Go to Other Objects.

Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.

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.

HTML Hyper Text Markup Language. Create TABLE in an HTML Tables are defined with the tag. A table is divided into rows (with the tag), and each row is.

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.

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.

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.

1 Chapter 2 - Introduction to HTML: Part 2 Outline Basic HTML Tables Intermediate HTML Tables and FormattingBasic HTML Forms More Complex HTML Forms Internal.

HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.

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

Designing a Web Site with Frames

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

Faculty of Computer Science and Engineering

HTML Tables & Frames Internet Technology.

Layout and Design with Tables and Frames

HTML Tables & Frames Internet Technology.

Presentation transcript:

HTML Frames

Frames With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others. The disadvantages of using frames are: The web developer must keep track of more HTML documents It is difficult to print the entire page

The Frameset Tag The <frameset> tag defines how to divide the window into frames Each frameset defines a set of rows or columns The values of the rows/columns indicate the amount of screen area each row/column will occupy

The Frame Tag The <frame> tag defines what HTML document to put into each frame In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "frame_b.htm" is put into the second column: <frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>

Basic Notes - Useful Tips If a frame has visible borders, the user can resize it by dragging the border. To prevent a user from doing this, you can add noresize="noresize" to the <frame> tag. Add the <noframes> tag for browsers that do not support frames.

Frame Tags Tag Description <frameset> Defines a set of frames Defines a sub window (a frame) <noframes> Defines a noframe section for browsers that don’t support frames <iframe> Defines an inline sub window (frame)

Vertical Frameset <html> <frameset cols="25%,50%,25%"> <frame src="tryhtml_frame_a.htm"> <frame src="tryhtml_frame_b.htm"> <frame src="tryhtml_frame_c.htm"> </frameset> </html>

Horizontal Frameset <html> <frameset rows="25%,50%,25%"> <frame src="tryhtml_frame_a.htm"> <frame src="tryhtml_frame_b.htm"> <frame src="tryhtml_frame_c.htm"> </frameset> </html>

No Frames <html> <frameset cols="25%,50%,25%"> <frame src="tryhtml_frame_a.htm"> <frame src="tryhtml_frame_b.htm"> <frame src="tryhtml_frame_c.htm"> <noframes> <body>Your browser does not handle frames! </body> </noframes> </frameset> </html>

Mixed Frameset <html> <frameset rows="50%,50%"> <frame src="tryhtml_frame_a.htm"> <frameset cols="25%,75%"> <frame src="tryhtml_frame_b.htm"> <frame src="tryhtml_frame_c.htm"> </frameset> </html>

Frameset with no resize <html> <frameset rows="50%,50%"> <frame noresize="noresize" src="tryhtml_frame_a.htm"> <frameset cols="25%,75%"> <frame noresize="noresize" src="tryhtml_frame_b.htm"> <frame noresize="noresize" src="tryhtml_frame_c.htm"> </frameset> </html>

Navigation Frames <html> <frameset cols="120,*"> <frame src="tryhtml_contents.htm"> <frame src="tryhtml_frame_a.htm" name="showframe"> </frameset> </html>

Inline Frames <html> <body> <iframe src="default.asp"></iframe> <p>Some older browsers don't support iframes. </p> <p>If they don't, the iframe will not be visible.</p> </body> </html>