Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)

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

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.
Frames.
Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.
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.
Compiled by ackoo Creating Frames. Compiled by ackoo Recall this… Table cell 1 Table cell 2 Table cell 3 Table cell 4.
1 DePaul University SNL 262 Web Page Design Frames! - Chapt 20 Yet Another Way to Divide Up The Screen. Instructor: David A. Lash.
The Power of Tables They aren't just for sitting stuff on anymore...
Create a Web Site with Frames
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.
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.
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:
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.
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.
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
Frames 2 nd March. Write the code for this using tables and using layers …..
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.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
 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.
HTML: Tables & Frames Internet Technology.
HTML Hypertext Markup Language. WORKING WITH FRAMES.
HTML Frames.
© Marty Hall, Larry Brown Web core programming 1 HTML Frames.
HTML FRAMES With Frames, you can display more than one Web page in the same browser window.
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
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
Informatics Computer School CS114 Web Publishing HTML Lesson 3.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
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.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
Frames 8th March.
FRAMES.
Frames Purpose Common use
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
HTML Tables & Frames Internet Technology.
Creating Frames on a Web Page
Layout and Design with Tables and Frames
HTML Tables & Frames Internet Technology.
Presentation transcript:

Lesson 9

Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)

Topics Why do I need a frame? Defining your FRAMESET Setting Frame Attributes

Frames Frames divide a screen into separate windows and each of these windows can contain an XHTML document. A frameset is a file that specifies how the screen is divided into frames.

Frames 1.The frameset page is loaded 2.The browser automatically loads each of the pages associated with the frames. Page with Frames XHTML document with the frameset Normal XHTML doc To be loaded into Frame Normal XHTML doc To be loaded into Frame

The ‘*’ is used because certain screens are set to 640 pixels across others to 800 and some to menucontent Navig.html Page1.html

Framesets and Frames Example1  Cols = pixels or %

Framesets and Frames Example2 To create a frame document the following three tags are all you need: For frame-capable browsers frame-challenged browsers

Framesets and Frames Example3

Framesets and Frames Example 4

Framesets and Frames Example 5

Framesets and Frames Example 6 Note: left column will be twice the size of the right column

Framesets and Frames Example 7

Frames and Frameborders Example 8 Frameborder attribute can be used to get rid of the border between frames Netscape and Explorer have different ways of handling frames

Frames and Frameborders Example 9 Note the IE and NN specifics

Frames and Scrolling Example 10

Frames and allow resize Example 11

Frames and scrolling Example 12

Frames and Names Example 13 The name and target attributes in one of the frame tags allows you to reference a particular frame as the location in which to display a hypertext-linked document.

Frames and targets Navigation Frame Home poems Sample Table Links