 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

What is XML? a meta language that allows you to create and format your own document markups a method for putting structured data into a text file; these.
Web Development & Design Foundations with XHTML
Dr. Alexandra I. Cristea XHTML.
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
History Leading to XHTML
Tutorial 9 Working with XHTML
XHTML 16-Apr-17.
XHTML1 Building Document Structure. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML) documents.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
Tutorial 11 Creating XML Document
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Developing a Basic Web Page with HTML
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Working with Namespaces Combining XML Vocabularies in a Compound Document.
Working with XHTML Creating a Well-Formed Valid Document.
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.
XML eXtensible Markup Language by Darrell Payne. Experience Logicon / Sterling Federal C, C++, JavaScript/Jscript, Shell Script, Perl XML Training XML.
2440: 211 Interactive Web Programming Introduction to the Internet & the World Wide Web.
XP 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and content of.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
1 © Netskills Quality Internet Training, University of Newcastle Introducing XML © Netskills, Quality Internet Training University.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
3 XHTML.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 9: Working With XHTML.
What is XML?  XML stands for EXtensible Markup Language  XML is a markup language much like HTML  XML was designed to carry data, not to display data.
XML About XML Things to be known Related Technologies XML DOC Structure Exploring XML.
1 Tutorial 13 Validating Documents with DTDs Working with Document Type Definitions.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Lesson 4.
IT Engineering I Instructor: Rezvan Shiravi
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
1 Tutorial 12 Working with Namespaces Combining XML Vocabularies in a Compound Document.
Internet & World Wide Web How to Program, 5/e. © by Pearson Education, Inc. All Rights Reserved.2.
Web Technologies Lecture 2 HTML and CSS. HTML Hyper Text Markup Language – Describes web documents – Made up of nested HTML markup tags – Tags are the.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Tutorial 9 Working with XHTML. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Describe the history and theory of XHTML.
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
CIS 228 The Internet 9/20/11 XHTML 1.0.
Creating a Well-Formed Valid Document
CITA 330 Section 3 XHTML.
Tutorial 9 Working with XHTML
Tutorial 9 Working with XHTML
HTML5 – Heading, Paragraph
Introducing HTML & XHTML:
Tutorial 9 Working with XHTML
CIS 133 mashup Javascript, jQuery and XML
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

 Fundamentals of Web Design

 Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an XHTML document  Understand how to apply the XHTML namespace  Test an XHTML document under the transitional DTD  Test an XHTML document under the strict DTD  Explore the use of character and parsed character data

 SGML (Standard Generalized Markup Language)  Introduced in the 1980s  Not a markup language; rather, it is a language to create markup languages  Device-independent and system-independent o In Theory, documents can be used on any type of device with any type of operating system.

 Difficult language to learn and apply because of its power, range, and flexibility  SGML is not intended for the World Wide Web.  SGML is limited to organizations (heavy industrial and commercial) that can afford the cost and overhead of maintaining complex SGML environments.

 XML (Extensible Markup Language) is a lightweight cut- down version of SGML which keeps enough of its functionality to make it useful but removes all the optional features which make SGML too complex to program for in a Web.  Combining the strengths of HTML and XML, XHTML was developed. XHTML is HTML redesigned as XML.  XHTML (EXtensible HyperText Markup Language)

The first line of an XTHML document should contain a declaration indicating that the document follows the rules and syntax of XML. XML (and thus XHTML) documents are based on a character set – A character set is a set of abstract symbols matched to code numbers

Universal Character Set (UCS) Unicode Character encoding is the process in which bytes are translated back into characters (when a document is sent across the Internet)

To declare that a document is written in XML, enter the following as the first line of the file: – – Version attribute indicates the XML version of the document – Encoding attribute specifies the character encoding, Standalone attribute indicates whether the document contains references to an external DTD

For XHTML documents, use the declaration:

XML documents must be evaluated with an XML parser (program that checks document for errors) An XML document with correct syntax is a well-formed document A well-formed document with correct content and structure is a valid document DTD (Document type Definition) specifies correct content and structure

- Transitional: supports many of the presentational features of HTML, including the deprecated elements and attributes. Best used for older documents that contain deprecated features. - Frameset: used for documents containing frames, and also supports deprecated elements and attributes - Strict: does not allow any presentational features or deprecated HTML elements and attributes. Does not support frames or inline frames. It is best used for documents that need to strictly conform to the latest standards

The DTD used depends on the content of the document and the needs of your users To support old browsers, use the transitional DTD To support old browsers in a framed Web site, use the frameset DTD To support more current browsers and to weed out any use of deprecated features, use the strict DTD

Elements not allowed under the strict DTD: – applet- iframe – basefont- isindex – center- menu – dir- noframes – font- s – frame- strike – frameset- u

You can also add the DOCTYPE declaration, which tells XML parsers what DTD is associated with the document

A namespace is a unique identifier for elements and attributes originating from a particular document type (like XHTML or MathML) Two types of namespaces (Default and Local) : -Default: applied to a root element and any element within it -

Local: applies to only select elements – Each element in the local namespace is marked by a prefix attached to the element name – xmlns: prefix=“namespace” – Identify any element belonging to that namespace by modifying the element name in the tag: prefix:element

To set XHTML as the default namespace for a document, add the xmlns attribute to the html element with the following value: –

To test your document, you need to send the file to an XML parser – Several are available on the Web Sometimes the same mistake results in several errors noted in the report – Fixing one mistake can solve several errors

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "  XML Prolog Doctype Declaration Namespace