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.

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.
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.
1 DePaul University SNL 262 Web Page Design Frames! - Chapt 20 Yet Another Way to Divide Up The Screen. Instructor: David A. Lash.
1 Web Page Design Frames! - Chapt 20 Yet Another Way to Divide Up The Screen. Using HTML and JavaScript to Develop Website.
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.
 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.
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.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
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:
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.
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.
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
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.
1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
Chapter 8 HTML Frames. 2 Principles of Web Design Chapter 8 Objectives Understand the benefits and drawbacks of frames Understand and use frames syntax.
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.
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.
FRAMES. Frames allow you to divide the page into several rectangular areas and to display a separate document in each rectangle. Each of those rectangles.
1 HTML Frames
Web Page Design Frames! Yet Another Way to Divide Up The Screen. Using HTML and JavaScript to Develop Website.
Week 9: HTML Tables and Frames HNDIT11062 – Web Development.
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.
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.
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.
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)
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
Lesson 9. Test 1 How was the test ? Assignment 1 (must complete satisfactorily even if you do not get any marks for it !!!!!!)
Introduction to HTML.
FRAMES.
Tutorial 8 Designing a Web Site with Frames
Designing a Web Site with Frames
Tutorial 8 Designing a Web Site with Frames
HTML Frames
Presentation transcript:

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 simultaneously Ease of navigation for the visitor Important information always available Dividing the browser screen into unique, separate, browser windows Reference: Figure 5-1, page 5.03 Figure 5-2, page 5.04 Selection (link) from left side of browser window opens a new web page in the right side of the browser window. 5.02

web111a_chapt05.ppt HTM: Section 5 Design Concerns for frames What information in each of the frames Where should the frames be located on the screen Size of each frame Static or changing frame Initial pages to display (home pages) Access the Internet Go to Not using frames: Click on the “RMS Titanic” web site Using frames: Click on “The Fenton Hotel” web site Reference: Figure 5-4, page 5.06

web111a_chapt05.ppt HTM: Section Basic FRAME format sometitle frame definition

web111a_chapt05.ppt HTM: Section 5 FRAME Rules Set attributes of the tag Rows attribute (HEIGHT of the frame) rows=“row1attribute, row2attribute, etc” (Create file: frame_rows.htm) Frames - rows Top ROW is 160 pixels high Second ROW is 25% of the entire screen space * Is what ever screen space remains undefined

web111a_chapt05.ppt HTM: Section 5 FRAME Rules Set attributes of the tag Columns attribute (WIDTH of the frame) cols=“col1attribute, col2attribute, etc” (Create file: frame_cols.htm) Frames - rows Left COLS is 160 pixels high Center COLS is 25% of the entire screen space * Is what ever screen space remains undefined

web111a_chapt05.ppt HTM: Section 5 FRAME Rules Set attributes of the tag Rows and Columns Frameset defines Rows OR Columns – NOT Both Nest Frameset to divide into rows and columns Frames – rows and columns Row is HEIGHT Column is WIDTH

web111a_chapt05.ppt HTM: Section 5 FRAME Rules Set attributes of the tag Rows and Columns Frameset defines Rows OR Columns – NOT Both Nest Frameset to divide into rows and columns Frames - rows and columns

web111a_chapt05.ppt HTM: Section 5 Attributes Allow/disallow a scroll bar scrolling=“ yes ” or scrolling=“ no ” Control height of the frame marginheight=“ somevalue ” Control width of the frame marginwidth=“ somevalue ” Allow/disallow user to resize the frame margins resize (default) or noresize Name a frame (as a target for other pages) name=“ name-of-the-frame ” Color of frame border Width of frame borders

web111a_chapt05.ppt HTM: Section 5 The Fenton Hotel - A very special place in time

web111a_chapt05.ppt HTM: Section 5 Link a page into a framed area Set default for all links to load in a specific frame Reserved Target Names Special actions _blankopens a new full window _selfloads new page in ‘link’ page

web111a_chapt05.ppt HTM: Section 5 Homework/Lab Assignment Case 1. Doc-Center Copiers Page 5.39 Files are at the following location F:\Assign\Fulcher\web111a\doc-center-copiers\