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

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Six Tables.

Advertisements

Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.

HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)

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.

Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.

Chapter 3 – Web Design Tables & Page Layout

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

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

16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.

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

1 DePaul University SNL 262 Web Page Design Frames! - Chapt 20 Yet Another Way to Divide Up The Screen. Instructor: David A. Lash.

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.

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.

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.

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

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

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.

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.

The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.

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

Introduction to Programming the WWW I CMSC Summer 2003 Lecture 5.

Introduction to Programming the WWW I CMSC Summer 2004 Lecture 5.

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.

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

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

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

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

CH. 7 Web Page Design –Page Layout with Frames Mr. Ursone.

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

Introduction to Programming the WWW I CMSC Winter 2004 Lecture 5.

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.

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.

XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)

HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

Chapter 6 Frames and Image Maps Frame sets and frames Image Maps.

Client-Side Internet and Web Programming

Programming the Web using XHTML and JavaScript

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

Presentation transcript:

The Web Wizard’s Guide to HTML Chapter Seven Frames

Chapter Objectives Show how to construct frame-based displays Explain how frames can be used to facilitate Web site navigation Show how to make and easy-to-browse art of photo gallery with frames Explore the controversial practice of deep linking

The Frameset Element The frameset tag pair should follow the head element, replacing the body element The cols and rows attributes are used to divide the Web page into frames Each frame is represented by a separate frame element

The Frame Element Each frame tag should contain a name attribute The name attribute can be used by a target attribute if you want to send a link destination from a hyperlink in one frame to a different frame Each frame tag should contain a src attribute that specifies a Web page

Frames for Site Navigation A typical frame layout uses two nested frameset elements to divide a Web page into three frames: 1. The title frame runs across the top of the Web page 2. A navigational frame occupies a left-hand border under the title frame 3. A content frame occupies the remainder of the Web page

Art Galleries with Frames The three-frame layout works well for an online art gallery Fill the navigation frame with clickable thumbnail previews When a user clicks on a thumbnail preview, send the original image to the content frame

Deep Linking A deep link is any absolute link inside a framed Web page that displays the destination page inside the frame system You can avoid deep links by sending them to a new browser window Any link can be routed to a new browser window with the target attribute

Problems with Frames Not all browsers support frames It is difficult for others to link to content inside a frame It’s easy to create deep links by accident

Advantages of Frames Frames support intuitive site layouts that are easy to navigate Site development efforts can focus on content and navigation as independent problems