Frames Using Frames? zRarely used zPrinting, bookmarking & resizing problems. zFrames can look different from browser to browser. zHard to design (need.

Slides:

Advertisements

Similar presentations

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.

Advertisements

Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.

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

COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.

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.

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.

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.

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.

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.

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.

CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)

Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C

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.

HTML 58.51A Tables!. Why Tables? n Complete control of you web page layout. n Basically, you can place the content you want, where you want it, with little.

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.

76 © 1998, 1999, 2000 David T. Gray, Howard Duncan, Jane Kernan Frames When displaying information in a browser, it is sometimes useful to divide the display.

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.

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.

Table Row Table Data ( Header & Data) Data Cell Padding TABLE.

CO1552 – Web Application Development Linking Pages - The Basis of the Web.

HTML: Tables & Frames Internet Technology.

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

Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 7 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.

Windows and frames and the anchor tag. Frames Independent, scrollable portions of a Web browser window, with each frame capable of containing its own.

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

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.

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.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

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.

XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.

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.

Introduction to HTML.

Client-Side Internet and Web Programming

HTML Structure II (Frame)

Tutorial 8 Designing a Web Site with Frames

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

Table of Contents Creating Frames Frameset Tag and its attributes

Tutorial 8 Designing a Web Site with Frames

Layout and Design with Tables and Frames

Presentation transcript:

Frames

Using Frames? zRarely used zPrinting, bookmarking & resizing problems. zFrames can look different from browser to browser. zHard to design (need to know the size). zCan be good for navigation.

Code Basics zThe tag replaces the body tag. z

Frames Layout zYou can think of it like tables. z or rows is similar to the tag. z is similar to the zplan out how you want the frames to look and work.

Frame Source zThe source indicates the HTML file/page that is loaded in that frame. z zThe name attribute names the frame, to load other HTML pages into that specific frame. z

The Target zOnce a frame has been named you can use target code to force pages to load within that specific frame. z zIn the frames page: z

Target Attributes z ztarget="main"> Name of the frame ztarget=” _blank” (or “new”) Opens a new window ztarget=” _self” Loads the page in the same frame ztarget=” _top” Breaks out of frames with this page.

Target Attributes z zThis sets the default target for every link on the entire Web page. zThis code is placed (nested) in the tags.

Nested Frames z

More Frameset Attributes z<frameset rows="110, *,25" zborder=“0” IE does not need the border tag, however Netscape does. Controls the borders width in pixels. zframeborder=“0” value of no or 0, or 1. It places this dark line between borders. I never use. zframespacing="10"> Works like Cell Spacing, Space in pixels between the frames.

More Framesource Attributes z zscrolling=“?” no, yes or Auto (default) If I insert the "scrolling" attribute and assign a value of "no", all scroll bars will disappear, and some of the content of the pages could be lost. zmarginheight=“15” In pixels. This works like Cell Padding but only from top to bottom. zmarginwidth="10"> In pixels. This works like Cell Padding but only for the two sides.

Non-support of frames z The text listed between these tags serves three important purposes: yIt is indexed by search engines. yContributes to your ranking at a search engine. yProvides visitors who are using a browser that does not support frames a way to access your pages.

No frames example z Welcome to David Hanson’s Family home page. zThis site can be viewed only with a frames capable browser. We invite you to visit our non-frame site.

iframe ziframe allows you to define a frame within a conventional HTML document. zThe iframe does not use the frameset code. If fact it’s usually used inside a table.

iframe example z If you can't see the picture, then your browser doesn't support iframes. You may want to update to the most current version of your browser. zThe written part will not be seen if the browser supports Iframes.

Homework zFrames zHTML Code - 10 points zNew window (_blank)- 10 points zBreak out of frames (_top) - 10 points zPlease me your URL

Questions zIf you need help, send me an at both addresses!