 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 2 Outline 5.1 5.9 frameset Element 5.10 Nested frameset s.

Slides:

Advertisements

Similar presentations

Introduction to HTML Part 2

Advertisements

Session 3 Intermediate HTML Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.

Image Maps and Graphics Internet Basics and Far Beyond! Mrs. Wilson.

HTML and XHTML Controlling the Display Of Web Content.

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

1 Introduction to XHTML: Part 2 Outline Introduction Basic XHTML Tables Intermediate XHTML Tables and Formatting Basic XHTML Forms More Complex XHTML Forms.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.

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.

 2001 Deitel & Associates, Inc. All rights reserved. 1 Chapter 10 – Intermediate HTML 4 Outline 10.1Introduction 10.2Unordered Lists 10.3Nested and Ordered.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

Chapter 6 Working with Frames.

XHTML Tables. Tables: Allow us to display information on the page in a uniform fashion. Work well for organizing groups of words, images, and links. Are.

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

Web Design I Spring 2009 Kevin Cole Gallaudet University

HTML Essentials Frames and Frame Tags. Introduction A frame used to be an effective design tool Utilized space effectively by subdividing screen One idea:

 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.

 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.

Introduction to XHTML September 13, Components of website development

 2004 Prentice Hall, Inc. All rights reserved. Chapter 13 - Dynamic HTML: Object Model and Collections Outline 13.1 Introduction 13.2 Object Referencing.

1 XHTML Forms A form is the mechanism to –Collect information from a browser user –Transmit collected information from a browser to a server HTML/XHTML.

Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –

Chapter 5: XHTML, Part 2 CIS 275—Web Application Development for Business I.

1 HTML Advanced Features Dr. Awad Khalil Computer Science Department AUC.

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

 2004 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.

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.

CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.

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 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.

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

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.

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.

Lesson 8. Dividing the screen horizontally Horizontal Frames.

COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.

 2004 Prentice Hall, Inc. All rights reserved. Chapter 16 - Dynamic HTML: Data Binding with Tabular Data Control Outline 16.1 Introduction 16.2 Simple.

INTRODUCTORY Tutorial 6 Using Links on a Web Page.

 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.

Image Map You can define a region on your image as clickable. Add usemap=“mapname” parameter to your image. Add a tag to your html where name of map tag.

 You can also divide an image into regions that link to different documents depending on where someone clicks.  This is called an imagemap, and any.

Tables Attributes Image Map.  Tables are defined with the tag.  A table is divided into rows with the tag.  Each row is divided into data cells with.

Introduction to XHTML 1 Chapter 4 Introduction to XHTML: Part 1 Reference From: Internet & World Wide Web: How to Program Deitel, Deitel & Goldburg.

1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.

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.

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

 2003 Prentice Hall, Inc. All rights reserved. Outline Chapter 2 HTML (Hypertext Markup Language) Part II.

Introduction to XHTML/HTML5 (part 2) Instructor: Sergey Goldman Based on Based on Internet & World Wide Web How To Program (multiple versions) 1.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.

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.

CS-3432 Electronic Commerce Lecture – 9 Sikandar Shujah Toor

Introduction to XHTML/HTML5 (part 2)

Client-Side Internet and Web Programming

Chapter 4 Introduction to XHTML: Part 1

Chapter 4 Introduction to XHTML: Part 1

Chapter 5 Introduction to XHTML: Part 2

Chapter 5 - Introduction to XHTML: Part 2

Introduction to HTML: Image Maps

Introduction to HTML: Forms

Presentation transcript:

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 2 Outline frameset Element 5.10 Nested frameset s

 2004 Prentice Hall, Inc. All rights reserved. Outline links.html (2 of 3)

 2004 Prentice Hall, Inc. All rights reserved. Outline links.html (3 of 3)

 2004 Prentice Hall, Inc. All rights reserved. 5.7 Creating and Using Image Maps Designate certain areas of an image (called hotspots) as links –Element map Attribute id –Identifies the image map Element area –Defines hotspot –Attribute shape and coords Specify the hotspot’s shape and coordinates –Rectangular ( shape = “rect” ) –Polygon ( shape = “poly” ) –Circle ( shape = “circle” )

 2004 Prentice Hall, Inc. All rights reserved. 5.9 frameset Element Allow browser display more than one document simultaneously –Element frameset Attribute cols –Specifies the frameset’s column layout Attribute rows –Specifies the number of rows and the size of each row Element frame –Specifies the documents that will be loaded –Attribute src Specifies URL of the page to display

 2004 Prentice Hall, Inc. All rights reserved. Outline index.html (1 of 2)

 2004 Prentice Hall, Inc. All rights reserved. Outline index.html (2 of 2)

 2004 Prentice Hall, Inc. All rights reserved.

Outline nav.html (1 of 2)

 2004 Prentice Hall, Inc. All rights reserved. Outline nav.html (2 of 2)

 2004 Prentice Hall, Inc. All rights reserved Nested frameset s frameset s within frameset s

 2004 Prentice Hall, Inc. All rights reserved. Outline index2.html (1 of 2)

 2004 Prentice Hall, Inc. All rights reserved. Outline index2.html (2 of 2)

 2004 Prentice Hall, Inc. All rights reserved.

5.11 Web Resources