Chapter 12 Creating and Using XML 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 Documents2 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 Documents3 Chapter Objectives

Chapter 12: Creating and Using XML Documents4 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 Documents5 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 Documents6 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 Documents7 Designing XML Documents

Chapter 12: Creating and Using XML Documents8 XML Standards

Chapter 12: Creating and Using XML Documents9 XML Standards

Chapter 12: Creating and Using XML Documents10 Syntax Rules

Chapter 12: Creating and Using XML Documents11 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 Documents12 Creating an XML Schema Definition

Chapter 12: Creating and Using XML Documents13 Creating an XML Schema Definition

Chapter 12: Creating and Using XML Documents14 Creating an XML Schema Definition

Chapter 12: Creating and Using XML Documents15 Entering the Code for the Prolog, Root, Annotation, and Documentation Elements

Chapter 12: Creating and Using XML Documents16 Defining the Parent Element

Chapter 12: Creating and Using XML Documents17 Defining and Inserting the Child Elements

Chapter 12: Creating and Using XML Documents18 Entering Code for the Child Group Elements

Start your browser, type 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 Documents19 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 Documents20 Saving and Validating an XML Schema Definition File

Chapter 12: Creating and Using XML Documents21 Saving and Validating an XML Schema Definition File

Chapter 12: Creating and Using XML Documents22 Creating a New XML Document and Entering the Prolog Code

Chapter 12: Creating and Using XML Documents23 Starting Entering a Document Instance in an XML Document

Chapter 12: Creating and Using XML Documents24 Finishing Entering a Document Instance in an XML Document

If necessary, activate your browser Click the Address bar Type 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 results Chapter 12: Creating and Using XML Documents25 Validating XML and XSD Files

Chapter 12: Creating and Using XML Documents26 Validating XML and XSD Files

Chapter 12: Creating and Using XML Documents27 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 Documents28 Using XSL Style Sheet Tags

Chapter 12: Creating and Using XML Documents29 Adding XSL Style Sheet Tags

Chapter 12: Creating and Using XML Documents30 Linking an XSL Style Sheet to an XML Document

Chapter 12: Creating and Using XML Documents31 Entering Code to Link an XML Document with an HTML Web Page

Chapter 12: Creating and Using XML Documents32 Entering Code to Add Navigation Buttons

Chapter 12: Creating and Using XML Documents33 Entering Tags and Attribute Values to Bind XML Elements to a Table

Chapter 12: Creating and Using XML Documents34 Entering Code to Bind an XML Document with an HTML Web Page

Chapter 12: Creating and Using XML Documents35 Entering Code for the and Elements

Chapter 12: Creating and Using XML Documents36 Entering Code for the findItem() User-Defined Function

Chapter 12: Creating and Using XML Documents37 Entering Code to Search the Recordset Values and Build the Output String

Chapter 12: Creating and Using XML Documents38 Entering Code to Complete the findItem() Function

Chapter 12: Creating and Using XML Documents39 Entering Code for the keyPressed() Function

Chapter 12: Creating and Using XML Documents40 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 Documents41 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 Documents42 Chapter Summary

Chapter 12 Complete HTML5 AND CSS Seventh Edition