Frames © 2008 D. J. Foreman.

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

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.

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.

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.

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

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.

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 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

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.

1 Web Developer & Design Foundations with XHTML Chapter 5 Key Concepts.

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.

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.

Frames 2 nd March. Write the code for this using tables and using layers …..

1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.

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.

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.

Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.

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

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

Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.

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

CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.

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.

20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.

CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Working with Frames.

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.

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)

Introduction to HTML.

HTML Structure II (Frame)

Frames 8th March.

Tutorial 8 Designing a Web Site with Frames

Designing a Web Site with Frames

Programming the Web using XHTML and JavaScript

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

Frames © 2008 D. J. Foreman.

Frames © 2007 D. J. Foreman.

Frames © 2004 D. J. Foreman.

Presentation transcript:

Frames © 2008 D. J. Foreman

Purposes View related pages together Navigation aid Consistency Note: frames are not in “strict” HTML

Frame Definition Page Defines the panel layout Defines the panel sizes Defines borders and sliders Title permitted NOT for text or other HTML elements!!!

Basic Syntax <title>……..</title> <frameset options> <frame src="file1.html"> <frame src="file2.html"> </frameset>

Frameset Attributes Specify layout within a frameset Cols="20%,40%,*" pixels or % Rows="*,80%,*" Border= size in pixels Frameborder='yes/no' Bordercolor=

Frame Attributes Bordercolor= Frameborder='yes/no' Marginheight=, marginwidth= Name= Noresize Scrolling='yes/no' Src=any URL

Nested definitions <html> <title>……..</title> <frameset rows="*,*,*"> <frame src="file1.html" name='r1'> <frameset cols="*,*"> <frame src="file-a.html" name='r2col1'> <frame src="file-b.html" name='r2col2'> </frameset> <frame src="file2.html" name='r3'> </html> Row 1 Row 2 Row 3

Result of previous page file1 file-a file-b file2