Frames in XHTML Please use speaker notes for additional information!

Slides:



Advertisements
Similar presentations
Creating Frames. Frames allow you to view more than one Web page at a time. You can split the browser window horizontally and vertically. You can also.
Advertisements

More frames in XHTML Please use speaker notes for additional information!
Introductory XHTML pages Please use speaker notes for additional information!
17/10/11. 2  The form element ( ) is used to include a number of form elements together so that they can be referenced by some other code in order to.
XHTML. XHTML is one of the many XML-based languages that have been defined XHTML is, essentially, a “cleaned-up” version of HTML 4, reformulated using.
CS 142 Lecture Notes: HTMLSlide 1 Introduction There are several good reasons for taking CS142: Web Applications: ● You will learn a variety of interesting.
1 Introduction to XHTML: Part 2 Outline Introduction Basic XHTML Tables Intermediate XHTML Tables and Formatting Basic XHTML Forms More Complex XHTML Forms.
Using color and fonts in HTML and XHTML Please use speaker notes for additional information!
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.
CSCI 1101 Intro to Computers 7.3 Learning HTML. HTML Coding - Frame sets 2 What are Frames? Frames allow independent navigation and content to two (or.
Table of Contents Matrices - Calculator Operations The graphing calculator can be used to do a variety of matrix calculations, as shown in the following.
1 XHTML Tables A table is a matrix of cells, for displaying content in rows and columns The cells can include almost any element Some cells display row.
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:
 XHTML is aimed to replace HTML  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as.
CSS in XHTML continued Please use speaker notes for additional information!
1 Web Developer & Design Foundations with XHTML Chapter 5 Key Concepts.
Using images with XHTML Please use speaker notes for additional information!
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
XHTML Instructor: Charles Moen CSCI/CINF XHTML  A stricter version of HTML  Extensible HTML  The XHTML specification is maintained by the World.
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
1 HTML Advanced Features Dr. Awad Khalil Computer Science Department AUC.
Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters Designing With Web Standards Class Work - Big IA vs. little.
Links in XHTML Please use speaker notes for additional information!
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.
Newspaper Article.  Log on to your PC using your username and password  Go to the Start menu and select Microsoft Office Publisher  Once you have opened.
1 Web Development Lecture # 11 Introduction to XHTML (Chapter # 4) It.GulGasht.Com.
 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 13 - Dynamic HTML: Object Model and Collections Outline 13.1 Introduction 13.2 Object Referencing.
1 Introduction to XHTML. 2 Main.html Program Output 1 2
 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.
1 Planning and Laying Out Frames Sketch the frame structure on paper before writing the HTML code two rows two columns.
1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
How to Make Navigational Frames in an HTML Document By: Patrick Clahane.
Lesson 4.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 6.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
Presentation 5: Advanced XHTML Tables, Forms, Image Maps, Meta data and Frames Fundamentals of Web-Centric Development.
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
HTML: Tables & Frames Internet Technology.
Tables with XHTML Please use speaker notes for additional information!
Newspaper Article.  This article will need two picture boxes  To insert a Picture Box click on Insert in the toolbar and scroll down to Picture. Select.
Chapter 10: JavaScript Functions CIS 275—Web Application Development for Business I.
Excel Spreadsheet Notes. What is a Spreadsheet? Columns and rows of data.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
Functions (doing a calculation) Please use speaker notes for additional information!
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.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
XHTML and Forms Please use speaker notes for additional information!
INT222 – Internet Fundamentals
Jozef Goetz, © 2011 Pearson Education Copyright (c) 2007Prentice-Hall. All rights reserved.
Chapter 4 Frames and Cascading Style Sheets. Frames Frames divide a browser window into two or more separate pieces or panes, with each pane containing.
Cascading Styles Sheets Positioning HTML elements.
Image mapping in HTML Please use the speaker notes for additional information.
CS120 The Information Era Chapter 4 – More HTML Specifics
B: Fractions, Decimals, and Percents
XHTML
Tech of the Theater Created by M. Phillips
Here.. here. Pardon my "art". Shows how to make a background image Pardon my "art"! Shows how to make a background image. The image.
This shows a frameset that includes two pages in columns
Instructor: Charles Moen
Note that iframes are available in HTML5.
Picture This! Reducing Fractions
Picture This! Reducing Fractions
This shows the frameset container page which holds two additional pages in rows - the first row uses 50% of the page and the last row uses the rest. Note.
Divide the paper into three sections.
Cascading Style Sheets
Presentation transcript:

Frames in XHTML Please use speaker notes for additional information!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Header Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " This is the top... TOP OF SCREEN!!! This is the top header information! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " This is the bottom... BOTTOM OF SCREEN!!! This is the bottom header information! The frameset is divided into rows. The first row will take up 50% of the page and the second row will use * which means the rest of the page.

This is hdrtx.html inside the top frame in the page indextbx.html. This is hdrbx.html inside the bottom frame in the page indextbx.html.

When you click on source you see the source for the main page with the frameset. To see the source of the page in the frame, right click in the frame and view source.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " Header Page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " This is the right... RIGHT SIDE OF SCREEN!!! This is the right header information! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " This is the left... LEFT SIDE OF SCREEN!!! This is the left header information! The framset is divided into columns with the first column using 50% of the page and the last column using the rest. * means whatever is left.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " Header Page Note that I indented <frame for readability. This will produce the configuration shown on the next slide. The output is broken into columns and then rows.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " Header Page Three rows have been designated. The first row contains one page. It is 25% of the page. There is a frameset within the second row divided into two columns. Each column contains a page. After the frameset that forms the second row is closed, the next row is a frame that contains one page. It is also 25% although the designation was *.