49
1 XP Creating Web Pages with XML Tutorial 1 New Perspectives on XML Tutorial 1 – Creating an XML Document

New Perspectives on XML

  • Upload
    sana

  • View
    30

  • Download
    1

Embed Size (px)

DESCRIPTION

New Perspectives on XML. Tutorial 1 – Creating an XML Document. Introducing XML. XML stands for Extensible Markup Language. A markup language specifies the structure and content of a document. Because it is extensible, XML can be used to create a wide variety of document types. - PowerPoint PPT Presentation

Citation preview

Page 1: New Perspectives on XML

1

XP

Creating Web Pages with XMLTutorial 1

New Perspectives on XML

Tutorial 1 – Creating an XML Document

Page 2: New Perspectives on XML

2

XP

Creating Web Pages with XMLTutorial 1

Introducing XML

• XML stands for Extensible Markup Language. A markup language specifies the structure and content of a document.

• Because it is extensible, XML can be used to create a wide variety of document types.

Page 3: New Perspectives on XML

3

XP

Creating Web Pages with XMLTutorial 1

Introducing XML

• XML is a subset of a the Standard Generalized Markup Language (SGML) which was introduced in the 1980s. SGML is very complex and can be costly.

• These reasons led to the creation of Hypertext Markup Language (HTML), a more easily used markup language. XML can be seen as sitting between SGML and HTML – easier to learn than SGML, but more robust than HTML.

Page 4: New Perspectives on XML

4

XP

Creating Web Pages with XMLTutorial 1

The Limits of HTML

• HTML was designed for formatting text on a Web page. It was not designed for dealing with the content of a Web page. Additional features have been added to HTML, but they do not solve data description or cataloging issues in an HTML document.

• Because HTML is not extensible, it cannot be modified to meet specific needs. Browser developers have added features making HTML more robust, but this has resulted in a confusing mix of different HTML standards.

Page 5: New Perspectives on XML

5

XP

Creating Web Pages with XMLTutorial 1

Introducing XML

• HTML cannot be applied consistently. Different browsers require different standards making the final document appear differently on one browser compared with another.

Page 6: New Perspectives on XML

6

XP

Creating Web Pages with XMLTutorial 1

The 10 Primary XML Design Goals

1. XML must be easily usable over the Internet• XML was developed with the Web in mind.

• XML supports major Web protocols such as HTTP and MIME

2. XML must support a wide variety of applications• XML can be used for other applications such as

databases, financial transactions, and voice mail

Page 7: New Perspectives on XML

7

XP

Creating Web Pages with XMLTutorial 1

The 10 Primary XML Design Goals

3. XML must be compatible with SGML• because XML is a subset of SGML, many software

tools developed for SGML cab be adapted to XML

4. It must be easy to write programs that process XML documents

• It is easy for nonprogrammers to write XML code

Page 8: New Perspectives on XML

8

XP

Creating Web Pages with XMLTutorial 1

The 10 Primary XML Design Goals

5. The number of optional features in XML must be kept small

• SGML supports a wide range of optional features and can be large and cumbersome.

• XML removed this aspect of SGML making it a more suitable Web-development tool

6. XML documents should be clear and easily understood• Like HTML, XML documents are text files.

• The contents of an XML document follow a tree-like structure

Page 9: New Perspectives on XML

9

XP

Creating Web Pages with XMLTutorial 1

The 10 Primary XML Design Goals

7. XML documents should be clear and easily understood• Like HTML, XML documents are text files.

• The contents of an XML document follow a tree-like structure

8. The XML design should be prepared quickly• If the Web community adopted XML, it was going to be a viable

alternative to HTML

• The W3C had to quickly settle on a design for XML before competing standards emerged

Page 10: New Perspectives on XML

10

XP

Creating Web Pages with XMLTutorial 1

The 10 Primary XML Design Goals Continued

9. The design of XML must be exact and concise• XML can be easily processed by computer programs

making it easy for programmers to develop programs

10. XML documents must be easy to create• for XML to be practical, XML documents must be as

easy to create as HTML documents

Page 11: New Perspectives on XML

11

XP

Creating Web Pages with XMLTutorial 1

XML Editors

This figure shows available XML editors

Page 12: New Perspectives on XML

12

XP

Creating Web Pages with XMLTutorial 1

XML Parsers

• An XML processor (also called XML parser) evaluates the document to make sure it conforms to all XML specifications for structure and syntax.

• XML parsers are strict. It is this rigidity built into XML that ensures XML code accepted by the parser will work the same everywhere.

Page 13: New Perspectives on XML

13

XP

Creating Web Pages with XMLTutorial 1

XML Parsers

• Microsoft’s parser is called MSXML and is built directly in IE versions 5.0 and above.

• Netscape developed its own parser, called Mozilla, which is built into version 6.0 and above.

Page 14: New Perspectives on XML

14

XP

Creating Web Pages with XMLTutorial 1

Well-Formed and Valid XML Documents

• There are two categories of XML documents– Well-formed– Valid

• An XML document is well-formed if it contains no syntax errors and fulfills all of the specifications for XML code as defined by the W3C.

• An XML document is valid if it is well-formed and also satisfies the rules laid out in the DTD or schema attached to the document.

Page 15: New Perspectives on XML

15

XP

Creating Web Pages with XMLTutorial 1

The Document Creation Process

This figure shows the document creation process

Page 16: New Perspectives on XML

16

XP

Creating Web Pages with XMLTutorial 1

Working with XML Applications

• XML has the ability to create markup languages, called XML applications. Many have been developed to work with specific types of documents.

• Each application uses a defined set of tag names called a vocabulary. This makes it easier to exchange information between different organizations and computer applications.

Page 17: New Perspectives on XML

17

XP

Creating Web Pages with XMLTutorial 1

XML Applications

This figure shows some XML applications

Page 18: New Perspectives on XML

18

XP

Creating Web Pages with XMLTutorial 1

The Structure of an XML Document

• XML documents consist of three parts– The prolog

– The document body

– The epilog

• The prolog is optional and provides information about the document itself

Page 19: New Perspectives on XML

19

XP

Creating Web Pages with XMLTutorial 1

The Structure of an XML Document

• The document body contains the document’s content in a hierarchical tree structure.

• The epilog is also optional and contains any final comments or processing instructions.

Page 20: New Perspectives on XML

20

XP

Creating Web Pages with XMLTutorial 1

The Structure of an XML Document: Creating the Prolog

• The prolog consists of four parts in the following order:– XML declaration– Miscellaneous statements or comments– Document type declaration– Miscellaneous statements or comments

• This order has to be followed or the parser will generate an error message.

• None of these four parts is required, but it is good form to include them.

Page 21: New Perspectives on XML

21

XP

Creating Web Pages with XMLTutorial 1

The Structure of an XML Document: The XML Declaration

• The XML declaration is always the first line of code in an XML document. It tells the processor what follows is written using XML. It can also provide any information about how the parser should interpret the code.

• The complete syntax is: <?xml version=“version number” encoding=“encoding type”

standalone=“yes | no” ?>

• A sample declaration might look like this: <?xml version=“1.0” encoding=“UTF-8” standalone=“yes” ?>

Page 22: New Perspectives on XML

22

XP

Creating Web Pages with XMLTutorial 1

The Structure of an XML Document: Inserting Comments

• Comments or miscellaneous statements go after the declaration. Comments may appear anywhere after the declaration.

• The syntax for comments is:

<!- - comment text - ->

• This is the same syntax for HTML comments

Page 23: New Perspectives on XML

23

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes

• Elements are the basic building blocks of XML files.

• XML supports two types of elements:– Closed elements, and

– empty elements

Page 24: New Perspectives on XML

24

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes

• A closed element, has the following syntax: <element_name>Content</element_name>

• Example: <Artist>Miles Davis</Artist>

Page 25: New Perspectives on XML

25

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes

• Element names are case sensitive

• Elements can be nested, as follows:<CD>Kind of Blue

<TRACK>So What ((:22)</TRACK>

<TRACK>Blue in Green (5:37)</TRACK>

</CD>

Page 26: New Perspectives on XML

26

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes

• Nested elements are called child elements.

• Elements must be nested correctly. Child elements must be enclosed within their parent elements.

Page 27: New Perspectives on XML

27

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes

• All elements must be nested within a single document or root element. There can be only one root element.

• An open or empty element is an element that contains no content. They can be used to mark sections of the document for the XML parser.

Page 28: New Perspectives on XML

28

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes

• An attribute is a feature or characteristic of an element. Attributes are text strings and must be placed in single or double quotes. The syntax is:

<element_name attribute=“value”> … </element_name>

Page 29: New Perspectives on XML

29

XP

Creating Web Pages with XMLTutorial 1

Elements and Attributes: Adding elements to the Jazz.XML File

This figure shows the revised document

prolog

{document elements

Page 30: New Perspectives on XML

30

XP

Creating Web Pages with XMLTutorial 1

Character References

• Special characters, such as the symbol for the British pound, can be inserted into your XML document by using a character reference. The syntax is:

&#character;

Page 31: New Perspectives on XML

31

XP

Creating Web Pages with XMLTutorial 1

Character References

• Character is a entity reference number or name from the ISO/IEC character set.

• Character references in XML are the same as in HTML.

Page 32: New Perspectives on XML

32

XP

Creating Web Pages with XMLTutorial 1

Character References

This figure shows commonly used character reference numbers

Page 33: New Perspectives on XML

33

XP

Creating Web Pages with XMLTutorial 1

Character References

This figure shows the revised Jazz.XML file

character reference

Page 34: New Perspectives on XML

34

XP

Creating Web Pages with XMLTutorial 1

CDATA Sections

• A CDATA section is a large block of text the XML processor will interpret only as text.

• The syntax to create a CDATA section is:

<! [CDATA [Text Block

] ]>

Page 35: New Perspectives on XML

35

XP

Creating Web Pages with XMLTutorial 1

CDATA Sections

• In this example, a CDATA section stores several HTML tags within an element named HTMLCODE:

<HTMLCODE>

<![CDATA[

<h1>The Jazz Warehouse</h1>

<h2>Your Online Store for Jazz Music</h2>

] ]>

</HTMLCODE>

Page 36: New Perspectives on XML

36

XP

Creating Web Pages with XMLTutorial 1

CDATA Sections

This figure shows the revised Jazz.xml file

CDATA section

Page 37: New Perspectives on XML

37

XP

Creating Web Pages with XMLTutorial 1

Displaying an XML Document in a Web Browser

• XML documents can be opened in Internet Explorer or in Netscape Navigator.

• If there are no syntax errors. IE will display the document’s contents in an expandable/collapsible outline format including all markup tags.

• Netscape will display the contents but neither the tags nor the nested elements.

Page 38: New Perspectives on XML

38

XP

Creating Web Pages with XMLTutorial 1

Displaying an XML Document in a Web Browser

• To display the Jazz.xml file in a Web browser:

1. Start the browser and open the Jazz.xml file located in the Tutorial.01/Tutorial folder of your Data Disk.

2. Click the minus (-) symbols.

3. Click the resulting plus (+) symbols.

Page 39: New Perspectives on XML

39

XP

Creating Web Pages with XMLTutorial 1

Displaying an XML Document in a Web Browser

This figure shows the revised Jazz.XML file as seen in Internet Explorer 6.0 and Netscape 6.2

Page 40: New Perspectives on XML

40

XP

Creating Web Pages with XMLTutorial 1

Linking to a Style Sheet

• The easiest way to turn an XML document into a formatted document is to link the document to a style sheet.

• The XML document and the style sheet are combined by the XML processor to display a single formatted document.

Page 41: New Perspectives on XML

41

XP

Creating Web Pages with XMLTutorial 1

Linking to a Style Sheet

There are two main style sheet languages used with XML:– Cascading Style Sheets (CSS) and Extensible Style

Sheets (XSL)

• CSS is supported by most browsers and is relatively easy to learn and use.

• XSL is more powerful, but not as easy to use as CSS.

Page 42: New Perspectives on XML

42

XP

Creating Web Pages with XMLTutorial 1

Linking to a Style Sheet

• There are some important benefits to using style sheets:– By separating content from format, you can concentrate

on the appearance of the document

– Different style sheets can be applied to the same XML document

– Any style sheet changes will be automatically reflected in any Web page based upon the style sheet

Page 43: New Perspectives on XML

43

XP

Creating Web Pages with XMLTutorial 1

Applying a Style to an Element

• To apply a style sheet to a document, use the following syntax:

selector {attribute1:value1; attribute2:value2; …}

• selector is an element (or set of elements) from the XML document.

• attribute and value are the style attributes and attribute values to be applied to the document.

Page 44: New Perspectives on XML

44

XP

Creating Web Pages with XMLTutorial 1

Applying a Style to an Element

• For example:

ARTIST {color:red; font-weight:bold}

• will display the text of the ARTIST element in a red boldface type.

Page 45: New Perspectives on XML

45

XP

Creating Web Pages with XMLTutorial 1

Creating Processing Instructions

• The link from the XML document to a style sheet is created using a processing statement.

• A processing instruction is a command that gives instructions to the XML parser.

Page 46: New Perspectives on XML

46

XP

Creating Web Pages with XMLTutorial 1

Creating Processing Instructions

• For example:

<?xml-stylesheet type=“style” href=“sheet” ?>

• Style is the type of style sheet to access and sheet is the name and location of the style sheet.

Page 47: New Perspectives on XML

47

XP

Creating Web Pages with XMLTutorial 1

The JW.css Style Sheet

This figure shows the cascading style sheet stored in the JW.css file

Page 48: New Perspectives on XML

48

XP

Creating Web Pages with XMLTutorial 1

Linking to the JW.css Style Sheet

This figure shows how to link the JW.css style sheet to the Jazz.xml file

processing instruction to access the JW.css style

sheet

Page 49: New Perspectives on XML

49

XP

Creating Web Pages with XMLTutorial 1

The Jazz.xml Document Formatted with the JW.css Style Sheet

This figure shows the formatted Jazz.XML file