HTML5 AND CSS Seventh Edition

1. HTML5 AND CSSSeventh Edition Chapter 12 Creating and UsingXML Documents

2. Chapter Objectives • 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

3. 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

4. Creating an XML Document Chapter 12: Creating and Using XML Documents

5. Plan Ahead • 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

6. XML vs. HTML5 • 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

7. Designing XML Documents • 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

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 Chapter 12: Creating and Using XML Documents

12. Creating an XML Schema Definition • 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

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 Chapter 12: Creating and Using XML Documents

19. Saving and Validating an XML Schema Definition File • 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

20. 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

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 Chapter 12: Creating and Using XML Documents

25. Validating XML and XSD Files • 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 results 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 Chapter 12: Creating and Using XML Documents

28. Using XSL Style Sheet Tags • 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-eachelement makes each element appear in the list 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 Chapter 12: Creating and Using XML Documents

41. Chapter Summary • 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

42. 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

43. HTML5 AND CSSSeventh Edition Chapter 12 Complete