Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.

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

Copyright © 2003 Pearson Education, Inc. Slide 3-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Dr. Alexandra I. Cristea XHTML.
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
History Leading to XHTML
Appendix A Introduction to Web Development PHP Programming with MySQL
Tutorial 9 Working with XHTML
XHTML 16-Apr-17.
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.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
Chapter 1 Introduction to Web Development. 2 Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Introduction to XHTML Professor Stephen Kwan. 2 XHTML HTML StyleSheets XML CascadingStyleSheets(CSS) ExtensibleStylesheetLanguage(XSL) StructureFormatContent.
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes, Harvard University Extension School — Cambridge, MA The Web Wizard’s Guide.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Copyright © 2003 Pearson Education, Inc. Slide 2-1 Created by Cheryl M. Hughes, Harvard University Extension School — Cambridge, MA The Web Wizard’s Guide.
HTML & XHTML Introduction. First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language.
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.
 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.
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.
XHTML and Forms Review – Page 1CSCI 2910 – Client/Server-Side Programming CSCI 2910 Client/Server-Side Programming Topic: Review XHTML and Forms.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
1 HTML intro The development of HTMLThe development of HTML The transition from HTML to XHTMLThe transition from HTML to XHTML XHTML syntax, tags, and.
XHTML Instructor: Charles Moen CSCI/CINF XHTML  A stricter version of HTML  Extensible HTML  The XHTML specification is maintained by the World.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
XHTML Presentation by Kevin See June 16, XML in HTML Meeting Report  May 11, 1998  html
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
3 XHTML.
Extensible HyperText Markup Language (XHTML) Laboratory of Intelligent Youn-Hee Han.
1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.
Website Development & Management Creating Web Pages CIT Fall Instructor: John Seydel, Ph.D.
CSCE Chapters 1 and 2 CSCE General Applications Programming Benito Mendoza 1 By Benito Mendoza Department of Computer Science & Engineering.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
XHTML Web and Database Management System. HTML’s History HTML was initially defined by Tim-Berners-Lee in 1990 at CERN (European Organization for Nuclear.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Lesson 4.
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.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
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.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Introduction to the World Wide Web & Internet CIS 101.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Copyright © 2003 Pearson Education, Inc. Slide 8-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XML by Cheryl M. Hughes.
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.
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
CITA 330 Section 3 XHTML.
What is XHTML?.
XHTML
XHTML 7-May-19.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

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 © 2003 Pearson Education, Inc. Slide 1-2 CHAPTER 1 XHTML and the World Wide Web

Copyright © 2003 Pearson Education, Inc. Slide 1-3 Overview of the World Wide Web The Internet consists of many applications, not just the web: Telnet FTP News Applications on the Internet all communicate over TCP/IP networks (Transmission Control Protocol/Internet Protocol) The use of these standard protocols allow computers running different operating systems (like Windows and Apple computers) to communicate with each other The protocol that web browsers use to communicate with web servers is HTTP, Hypertext Transfer Protocol Web protocols are created by the World Wide Web Consortium (W3C) –

Copyright © 2003 Pearson Education, Inc. Slide 1-4 Web Browsers and Web Servers 1. The Web browser makes a request to the web server 2. The server which is running an HTTP server that is listening for requests, receives the request and locates the document. 3. The server then sends back the content of the requested page to the client. 4. The browser receives the information from the server and displays the page in the browser window. The transaction is now complete.

Copyright © 2003 Pearson Education, Inc. Slide 1-5 Markup Languages SGML stands for “Standard Generalized Markup Language” and was developed in the 1960’s as the first standardized markup language HTML was developed in the early 1990’s as a lightweight application of SGML for transporting documents over HTTP HTML documents were portable among different operating systems and computer applications XML was developed to address the limitations of HTML XML is a meta-language, or a set of rules, for building other languages XML and HTML are both SGLM applications XHTML is the successor of HTML

Copyright © 2003 Pearson Education, Inc. Slide 1-6 HTML Limitations HTML elements define presentation and formatting styles, but not data HTML has a finite set of elements and cannot be extended or customized HTML syntax is not strict HTML’s limitations are being stretched with the introduction of new technologies and web clients, like cell phone and PDA’s HTML 4.01 is the last version of HTML to be developed

Copyright © 2003 Pearson Education, Inc. Slide 1-7 Origins of Markup Languages

Copyright © 2003 Pearson Education, Inc. Slide 1-8 Overview of XHTML The first version of XHTML, 1.0, was released in 2000 W3C description of XHTML : XHTML 1.0 reformulates HTML as an XML application. This makes it easier to process and easier to maintain. XHTML 1.0 borrows elements and attributes from W3C's earlier work on HTML 4, and can be interpreted by existing browsers, by following a few simple guidelines. This allows you to start using XHTML now! XHTML is extensible meaning that its element set is not finite, like that of HTML. Additional elements or other XML-based languages can be integrated with XHTML XHTML consists of the element set of HTML reformulated to adhere to the syntax rules of XML XHTML is compatible with existing web browser technology and will be compatible with future XML-based clients

Copyright © 2003 Pearson Education, Inc. Slide 1-9 Building XHTML Documents Elements consist of a start tag, content and an end tag: Introduction to XHTML Empty elements are used to describe elements that do not have any content: Attributes are used to describe elements and are placed inside the open tag of an element: Comments are used to notate the document, but are not processed by parsers: Start TagContent End Tag

Copyright © 2003 Pearson Education, Inc. Slide 1-10 Three Flavors of XHTML 1.0 XHTML Transitional: Currently the most-used version of XHTML 1.0. This version most resembles HTML This version is the best choice when documents need to use HTMLs presentational elements or when pages need to be developed without using style sheets. Use this version if you want to convert existing HTML pages to XHTML. The caveat to the Transitional version is that it contains support for certain elements and attributes that are being deprecated, or phased out. It also does not contain support for frames. XHTML Frameset: Should be used when your documents need to use the frame elements that are used to partition the browser into multiple independent windows. The element set for this version contains all of the elements from XHTML Transitional plus the elements needed to support frames, such as and. XHTML Strict XHTML Strict most closely represents the future of XHTML. The element set for XHTML Strict contains a subset of the elements from XHTML Transitional, but does not include support for strictly presentational elements or elements that will not likely be included in future versions of XHTML. In the future, XHTML documents will separate presentation from content and use style sheets to define presentation formatting such as font types, colors, and styles. Use XHTML Strict with Cascading Style Sheets (CSS). You will learn about CSS and how to use style sheets with XHTML documents in Chapter 7.

Copyright © 2003 Pearson Education, Inc. Slide 1-11 XHTML Document Example 1 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Introduction to XHTML Course Name: Introduction to XHTML 9 Course Number: CS Instructor: T. Perdue 11 Meeting Time: Wednesday, 5:30pm–7:30pm Course Description: This course covers the basics of how to write XHTML Web documents Prerequsites: CS 101—Introduction to Computers 18 CS 103—Introduction to Web Site Design 19 CS 110—Designing Web Pages with HTML

Copyright © 2003 Pearson Education, Inc. Slide 1-12 XHTML Document Example

Copyright © 2003 Pearson Education, Inc. Slide 1-13 Differences Between XHTML and HTML 1.XHTML documents contain the XML and DOCTYPE declarations at the top of the document. The XML declaration is optional but the DOCTYPE declaration is required. The DOCTYPE declaration was optional in HTML. These are lines 1 and 2 in the XHTML example. We cover this in detail later in this chapter. 2.XHTML documents must be well formed, meaning that they need to adhere to the syntax rules for the language. HTML, however, does not strictly require that documents be well formed. This is covered later in this chapter. 3.XHTML is not dependent on a single document type or set of markup elements, like HTML. XHTML can be extended or used in conjunction with other markup languages. 4.Element and attribute names must be lowercase. XHTML elements and attributes are case sensitive, while HTML elements and attributes are not. In our examples, notice that the HTML elements are all uppercase:,,. This was done simply as a matter of style. These tags could have been written in lowercase or in a combination of upper and lowercase, and HTML would still have interpreted them correctly:,,. The XHTML document, on the other hand, must have all of its tags and attributes in lowercase. 5.For nonempty elements, XHTML requires end tags. An empty element is an element that does not contain an end tag. This is not a requirement for HTML, as the HTML element set contains a subset of elements that do not have end tags. In our example, the and HTML elements are empty elements. In the XHTML code, notice that these elements are written a little differently: and. In XHTML, all elements must either have an end tag or end in />. 6.Attribute values must always be quoted in XHTML. This was not a requirement in HTML. The following is valid in HTML: The attribute src has a value of picture.gif assigned to it. However, the same line in the XHTML example places quotes around the value of the attribute: 1. XHTML documents contain the XML and DOCTYPE declarations at the top of the document. The XML declaration is optional but the DOCTYPE declaration is required. The DOCTYPE declaration was optional in HTML. 2. XHTML documents must be well formed. HTML, however, does not strictly require that documents be well formed. 3. XHTML is not dependent on a single document type or set of markup elements, like HTML. 4. Element and attribute names must be lowercase. XHTML elements and attributes are case sensitive, while HTML elements and attributes are not. 5. For nonempty elements, XHTML requires end tags. 6. Attribute values must always be quoted in XHTML. This was not a requirement in HTML.

Copyright © 2003 Pearson Education, Inc. Slide 1-14 Well-Formed XHTML Documents 1. XHTML documents must contain the root element 2. All elements must have a start and end tag, or must be an empty element 3. Elements must be nested properly 4. All attributes must have a value 5. Attributes must be placed in the start tag 6. Element names are case sensitive

Copyright © 2003 Pearson Education, Inc. Slide 1-15 Validating XHTML Documents Valid documents must be well-formed and adhere to the rules of a DTD: XHTML Transitional: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " XHTML Frameset: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " XHTML Strict: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Validate documents online at the W3C’s Validator website: