 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources.

Slides:

Advertisements

Similar presentations

Copyright © 2003 Pearson Education, Inc. Slide 6-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.

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.

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.

1 Frames •What is Frame? •How Frames Work? •Setting Up a Frameset Page •Targetting Frames •Content for Users Without Frames.

Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.

Frames 1 Lecture HTML: Frames and Miscellaneous Tags.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.

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.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

Chapter 6 Working with Frames.

Lesson 4 HTML Structural Design Techniques

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.

Lecture on: Frames. FRAMES VERSUS TABLES Frames allow part of the page, usually a navigation bar, to stay put.

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:

 2004 Prentice Hall, Inc. All rights reserved. Chapter 13 - Dynamic HTML: Object Model and Collections Outline 13.1 Introduction 13.2 Object Referencing.

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.

HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►

 2004 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.

The Web Wizard’s Guide to HTML Chapter Seven Frames.

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.

Working with HTML Frames The Good, The Bad & The Ugly.

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Tables,

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 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 2 Outline frameset Element 5.10 Nested frameset s.

1 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 6.

Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.

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.

The Web Wizard’s Guide to HTML Chapter Seven Frames.

Using Frames in a Website GMU November 12-13, 2004.

HTML B OOT C AMP Chapter 11 Frames Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.

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.

 2004 Prentice Hall, Inc. All rights reserved. Chapter 16 - Dynamic HTML: Data Binding with Tabular Data Control Outline 16.1 Introduction 16.2 Simple.

 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.

© Marty Hall, Larry Brown Web core programming 1 HTML Frames.

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.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

 2004 Prentice Hall, Inc. All rights reserved. Dynamic HTML: Data Binding with Tabular Data Control.

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.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

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

HTML Structure II (Frame)

Chapter 5 Introduction to XHTML: Part 2

Client-Side Internet and Web Programming

Chapter 5 - Introduction to XHTML: Part 2

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

Introduction to HTML: Image Maps

HTML Tables & Frames Internet Technology.

Introduction to HTML: Forms

Layout and Design with Tables and Frames

Presentation transcript:

 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources

 2003 Prentice Hall, Inc. All rights reserved. Objectives In this lesson, you will learn: –To be able to use the frameset element to display multiple Web pages in a single browser window.

 2003 Prentice Hall, Inc. All rights reserved. 1 Introduction Frames –Display multiple (separate) documents in a same browser

 2003 Prentice Hall, Inc. All rights reserved. 2 frameset Element Allow browser display more than one document simultaneously –Element frameset Attribute cols –Specifies the frameset’s column layout Attribute rows –Specifies the number of rows and the size of each row Element frame –Specifies the documents that will be loaded –Attribute src Specifies URL of the page to display

 2003 Prentice Hall, Inc. All rights reserved. Outline  2003 Prentice Hall, Inc. All rights reserved. Outline index.html (1 of 2)

 2003 Prentice Hall, Inc. All rights reserved. Outline  2003 Prentice Hall, Inc. All rights reserved. Outline index.html (2 of 2)

 2003 Prentice Hall, Inc. All rights reserved.

Outline  2003 Prentice Hall, Inc. All rights reserved. Outline nav.html (1 of 2)

 2003 Prentice Hall, Inc. All rights reserved. Outline  2003 Prentice Hall, Inc. All rights reserved. Outline nav.html (2 of 2)

 2003 Prentice Hall, Inc. All rights reserved. 3 Nested frameset s frameset s within frameset s

 2003 Prentice Hall, Inc. All rights reserved. Outline  2003 Prentice Hall, Inc. All rights reserved. Outline index2.html (1 of 2)

 2003 Prentice Hall, Inc. All rights reserved. Outline  2003 Prentice Hall, Inc. All rights reserved. Outline index2.html (2 of 2)

 2003 Prentice Hall, Inc. All rights reserved.

4 Web Resources