Table of Contents Creating Frames Frameset Tag and its attributes

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.
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.
1 Frames •What is Frame? •How Frames Work? •Setting Up a Frameset Page •Targetting Frames •Content for Users Without Frames.
Frames.
Frames 1 Lecture HTML: Frames and Miscellaneous Tags.
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.
Frames An overview. Why frames Frames allow you to show several documents in one page. Useful for navigation. Useful for attaching pages from other sites.
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. 
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.
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:
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.
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.
CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)
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.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
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.
IDK0040 Võrgurakendused I harjutus 03: Lists, tables and frames Deniss Kumlander.
Frames 2 nd March. Write the code for this using tables and using layers …..
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.
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.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
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.
© 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.
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.
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
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 !!!!!!)
Chapter 6 Frames and Image Maps Frame sets and frames Image Maps.
 Basic tags are the ones which defines the  General structure of the html document  These tags are a prominent part of a webpage. They enclose all.
Introduction to HTML.
Client-Side Internet and Web Programming
HTML Structure II (Frame)
Frames 8th March.
FRAMES.
Frames Purpose Common use
Tutorial 8 Designing a Web Site with Frames
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
Tutorial 8 Designing a Web Site with Frames
Dreamweaver Basics.
HTML Tables & Frames Internet Technology.
HTML Frames
Creating Frames on a Web Page
Layout and Design with Tables and Frames
HTML Tables & Frames Internet Technology.
Presentation transcript:

Table of Contents Creating Frames Frameset Tag and its attributes rows attribute cols attribute border attribute Frame Tag and its attributes noresize attribute scrolling attribute name attribute src attribute Target attribute of Anchor tag

Creating Frames The purpose of creating frames is to divide the browser’s display window into rows and/or column of individual frame. Frame does not hold information. Therefore, you don’t need body tag. To create a frame, you need frameset and frame tag.

Frameset Tag and its attributes Frameset: <frameset>…</frameset> is a collection of frames that make up a browser’s window. Frameset tag replaces the <body> tag in the document. It is intended to divide up the window so you should never have both frameset and body tag in the same document

Frameset Tag and its attributes Attributes of Frameset Tag rows -- indicates the size of each rows cols -- indicates the size of each columns border -- indicates the size of the divider Values for rows and cols attribute consist of set of number separated by commas For each number assigned to rows or cols attribute, there must be a frame tag to match within the frameset tag

Frame Tag and its attributes Frame: <frame> tag represents a single frame window Frame tag has two important pieces of information. First, src attribute tells the browser the file name of the webpage that will initially be loaded into the frame. The name attribute tells the browser how to refer or call that frame in a link

Frame Tag and its attributes Attributes of Frame Tag src attribute name attribute scrolling attribute noresize Filename of the webpage assigned as src value are independent, standard html files with body tags, holds the information to be displayed

Target attribute of Anchor tag The anchor tag has an additional attribute called target that is set to the name of the frame where you would like the link to load the webpage indicated in the href attribute. Other target values include _top, _self, _blank, and _parent