html5 and css seventh edition
DESCRIPTION
HTML5 AND CSS Seventh Edition. Chapter 12 Creating and Using XML Documents. Chapter Objectives. Describe how XML differs from HTML Describe an XML document instance, and rules for creating a well-formed and valid XML document - PowerPoint PPT PresentationTRANSCRIPT
Chapter 12
Creating and UsingXML Documents
HTML5 AND CSS
Seventh Edition
• Describe how XML differs from HTML• Describe an XML document instance, and rules for
creating a well-formed and valid XML document• Define the purpose of the processing instruction,
the document prolog, and the document instance• Describe an XML Schema Definition (XSD)
language file
Chapter 12: Creating and Using XML Documents 2
Chapter Objectives
• Create and bind an XSL style sheet file to an XML document
• Discuss the uses of an XML data island in Internet Explorer
• Discuss the built-in table element methods for displaying an XML document in a table
• Create a JavaScript user-defined function to search an XML document
Chapter 12: Creating and Using XML Documents 3
Chapter Objectives
Chapter 12: Creating and Using XML Documents 4
Creating an XML Document
• Determine what type of XML document you are going to create
• Determine the contents of the document• Determine how the document will be displayed
Chapter 12: Creating and Using XML Documents 5
Plan Ahead
• The Extensible Markup Language (XML) was developed to provide a way to share all various types of data in one clear and efficient method
• XML provides a common format for all types of data that can be used by anyone using software that can read XML
• The HTML document displays the data
Chapter 12: Creating and Using XML Documents 6
XML vs. HTML5
• XML uses tags to describe the structure of a document and its contents
• Formatting XML documents for display on a Web page requires binding or linking a style sheet to the XML document, which formats the elements of the XML document as they appear in a browser
• Extensible Stylesheet Language (XSL) is used to create style sheets for formatting structured XML data
Chapter 12: Creating and Using XML Documents 7
Designing XML Documents
Chapter 12: Creating and Using XML Documents 8
XML Standards
Chapter 12: Creating and Using XML Documents 9
XML Standards
Chapter 12: Creating and Using XML Documents 10
Syntax Rules
Chapter 12: Creating and Using XML Documents 11
Creating a Well-Formed XML Document
• An XML Schema Definition describes the structure of an XML document, which includes the data types– string, integer, decimal, date, boolean, binary, anyURI
• XML Schema Definitions are XML files, and as such, they must conform to the same rules that any XML document must follow
Chapter 12: Creating and Using XML Documents 12
Creating an XML Schema Definition
Chapter 12: Creating and Using XML Documents 13
Creating an XML Schema Definition
Chapter 12: Creating and Using XML Documents 14
Creating an XML Schema Definition
Chapter 12: Creating and Using XML Documents 15
Entering the Code for the Prolog, Root, Annotation, and Documentation Elements
Chapter 12: Creating and Using XML Documents 16
Defining the Parent Element
Chapter 12: Creating and Using XML Documents 17
Defining and Inserting the Child Elements
Chapter 12: Creating and Using XML Documents 18
Entering Code for the Child Group Elements
• Start your browser, type www.w3.org/2001/03/webdata/xsv in the Address box and then press the ENTER key.
• Scroll down to find the section that begins with “Use this form only if you are behind a firewall or have a schema to check which is not accessible via the Web”
• Click the Browse button and navigate to and select the location of the file to validate
Chapter 12: Creating and Using XML Documents 19
Saving and Validating an XML Schema Definition File
• Click the Show warnings and Keep Going check boxes, but not the Check as complete schema check box
• Click the Upload and Get Results button. A valid XML Schema Definition will have no error messages
Chapter 12: Creating and Using XML Documents 20
Saving and Validating an XML Schema Definition File
Chapter 12: Creating and Using XML Documents 21
Saving and Validating an XML Schema Definition File
Chapter 12: Creating and Using XML Documents 22
Creating a New XML Document and Entering the Prolog Code
Chapter 12: Creating and Using XML Documents 23
Starting Entering a Document Instance in an XML Document
Chapter 12: Creating and Using XML Documents 24
Finishing Entering a Document Instance in an XML Document
• If necessary, activate your browser• Click the Address bar• Type www.corefiling.com/opensource/schemaValidate.html and then press the ENTER key to load the Web page
• Click the Browse button next to the XML Schema text box• Navigate to location of the file to validate• Click the Open button• Click the Validate button on the XML Schema Validator to upload
the files• When the Web page indicates the XML instance and XML schema
are present, click the Click here link to see the resultsChapter 12: Creating and Using XML Documents 25
Validating XML and XSD Files
Chapter 12: Creating and Using XML Documents 26
Validating XML and XSD Files
Chapter 12: Creating and Using XML Documents 27
Starting Creating an XSL Style Sheet
• By combining the XSL elements and XML markup tags, an XSL style sheet tells the browser how to transform and format the XML document to display records in paragraph format on the Web page
• The for-each element makes each element appear in the list
Chapter 12: Creating and Using XML Documents 28
Using XSL Style Sheet Tags
Chapter 12: Creating and Using XML Documents 29
Adding XSL Style Sheet Tags
Chapter 12: Creating and Using XML Documents 30
Linking an XSL Style Sheet to an XML Document
Chapter 12: Creating and Using XML Documents 31
Entering Code to Link an XML Document with an HTML Web Page
Chapter 12: Creating and Using XML Documents 32
Entering Code to Add Navigation Buttons
Chapter 12: Creating and Using XML Documents 33
Entering <tr> Tags and Attribute Values to Bind XML Elements to a Table
Chapter 12: Creating and Using XML Documents 34
Entering Code to Bind an XML Document with an HTML Web Page
Chapter 12: Creating and Using XML Documents 35
Entering Code for the <input> and <button> Elements
Chapter 12: Creating and Using XML Documents 36
Entering Code for the findItem() User-Defined Function
Chapter 12: Creating and Using XML Documents 37
Entering Code to Search the Recordset Values and Build the Output String
Chapter 12: Creating and Using XML Documents 38
Entering Code to Complete the findItem() Function
Chapter 12: Creating and Using XML Documents 39
Entering Code for the keyPressed() Function
Chapter 12: Creating and Using XML Documents 40
Entering Code for the clearField() Function
• Describe how XML differs from HTML• Describe an XML document instance, and rules for
creating a well-formed and valid XML document• Define the purpose of the processing instruction,
the document prolog, and the document instance• Describe an XML Schema Definition (XSD)
language file
Chapter 12: Creating and Using XML Documents 41
Chapter Summary
• Create and bind an XSL style sheet file to an XML document
• Discuss the uses of an XML data island in Internet Explorer
• Discuss the built-in table element methods for displaying an XML document in a table
• Create a JavaScript user-defined function to search an XML document
Chapter 12: Creating and Using XML Documents 42
Chapter Summary
Chapter 12 Complete
HTML5 AND CSS
Seventh Edition