Top Banner
1 Introduction Extensible Markup Language (XML) – Uses tags to describe the structure of a document – Simplifies the process of sharing information – Extensible Stylesheet Language (XSL) – XML is a subset of Standard Generalized Markup Language
86

Introduction

Jan 06, 2016

Download

Documents

terra

Introduction. Extensible Markup Language (XML) Uses tags to describe the structure of a document Simplifies the process of sharing information Extensible Stylesheet Language (XSL) XML is a subset of Standard Generalized Markup Language. Introduction. Introduction. Introduction. - PowerPoint PPT Presentation

xml documentcreating

xml processor

xml documentmakes xml

version of xml

xml document display

tableadding xml tags

transformedadding xml

following slideadding

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Introduction

1

Introduction

Extensible Markup Language (XML)– Uses tags to describe the structure of a

document– Simplifies the process of sharing

information– Extensible Stylesheet Language (XSL)– XML is a subset of Standard Generalized

Markup Language

http://www.scseries.com/
Page 2: Introduction

2

Introduction

http://www.scseries.com/
Page 3: Introduction

3

Introduction

http://www.scseries.com/
Page 4: Introduction

4

Introduction

Documents must be well-formed– Must adhere to the basic syntax rules for

XML and contain at least one root element

A parser is an XML processor that verifies the document follows the syntax rules for a well-formed document and converts the document into a tree of elements

http://www.scseries.com/
Page 5: Introduction

5

Introduction

http://www.scseries.com/
Page 6: Introduction

6

Creating a Well-Formed XML DocumentProlog

– Contains declaration and processing instruction statements

Document instance– Contains the main content or elements of the

XML documentProcessing instruction

– One or more instructions passed to the application using the XML document

XML declaration– Processing instruction statement identifying the

version of XML used in the document

http://www.scseries.com/
Page 7: Introduction

7

http://www.scseries.com/
Page 8: Introduction

8

Creating a Well-Formed XML DocumentDocument type declaration

– A processing instruction that tells the processor where to locate the Document Type Definition

Document Type Definition (DTD)– Defines the elements and attributes in an XML

documentValidity of XML documentsInstance

– Occurrence of XML elementsRoot element

– The main element in an XML document

http://www.scseries.com/
Page 9: Introduction

9

Document Type Definition (DTD)

http://www.scseries.com/
Page 10: Introduction

10

Creating the Prolog in an XML Document

http://www.scseries.com/
Page 11: Introduction

11

Creating the Prolog in an XML Document

http://www.scseries.com/
Page 12: Introduction

12

http://www.scseries.com/
Page 13: Introduction

13

Creating the Document Instance in an XML Document

http://www.scseries.com/
Page 14: Introduction

14

Creating the Document Instance in an XML DocumentGeneric Identifier (GI)

– The name that a developer provides for the tagsNamespace

– A unique identifier or prefix used to identify tags that have the same name

Relation– A collection of data

Schema– States the relation name and follows with a list of

attributes or fields in parentheses

http://www.scseries.com/
Page 15: Introduction

15

http://www.scseries.com/
Page 16: Introduction

16

http://www.scseries.com/
Page 17: Introduction

17

Linking a Cascading Style Sheet to Format an XML DocumentMakes XML easier to readStart a new Notepad documentClick line 1Enter the code shown on the following

slide

http://www.scseries.com/
Page 18: Introduction

18

http://www.scseries.com/
Page 19: Introduction

19

http://www.scseries.com/
Page 20: Introduction

20

Formatting and Manipulating an XML Document Using an XSL Style SheetExtensible Stylesheet LanguageBinding XML documents to HTML Web

pages

http://www.scseries.com/
Page 21: Introduction

21

Formatting and Manipulating an XML Document Using an XSL Style SheetTransforming an XML document

– The XSL style sheet tells the browser or parser to output the XML document in a completely different form, such as HTML

SourceResult tree

http://www.scseries.com/
Page 22: Introduction

22

Creating an XSL Style SheetStylesheet element

– Establishes a namespace, so the remaining elements can use names that will not be confused with other elements

http://www.scseries.com/
Page 23: Introduction

23

Creating an XSL Style SheetTemplate

– An instruction that identifies which elements in a document should be transformed, and how they should be transformed

http://www.scseries.com/
Page 24: Introduction

24

http://www.scseries.com/
Page 25: Introduction

25

http://www.scseries.com/
Page 26: Introduction

26

Adding XML Tags to a Template Element in an XSL Style SheetClick line 4Enter the code shown on the following

slide

http://www.scseries.com/
Page 27: Introduction

27

http://www.scseries.com/
Page 28: Introduction

28

http://www.scseries.com/
Page 29: Introduction

29

Adding XML Tags to a Template Element in an XSL Style Sheetfor-each element

– Makes each element of the XML document display in the table

http://www.scseries.com/
Page 30: Introduction

30

Adding XML Tags to a Template Element in an XSL Style Sheetvalue-of element

– Defines the display for each element within the PHONELIST

http://www.scseries.com/
Page 31: Introduction

31

http://www.scseries.com/
Page 32: Introduction

32

http://www.scseries.com/
Page 33: Introduction

33

Saving an XSL Style SheetWith your HTML Data Disk in drive A,

click File on the menu bar and then click Save As. Type xslalphaclublist.xsl in the File name text box. Save to the Project 11 folder on your HTML Data Disk

http://www.scseries.com/
Page 34: Introduction

34

Linking an XSL Style Sheet to an XML Document

http://www.scseries.com/
Page 35: Introduction

35

Linking an XSL Style Sheetto an XML DocumentActivate the Notepad window

containing the XML document, clublist.xml

Click line 3Type <?xml-stylesheet type=“text/xsl” href=“xslalphaclublist.xsl”?> but do not press the ENTER key

http://www.scseries.com/
Page 36: Introduction

36

http://www.scseries.com/
Page 37: Introduction

37

Saving and Testing an XML Document Formatted Using an XSL Style SheetWith your HTML Data Disk in drive A, click

File on the menu bar and then click Save As. Type clublist-xsl.xml in the File name text box. Save to the Project 11 folder on your HTML Data Disk

Activate the browserClick the Address bar. Type a:\Project 11\clublist-xsl.xml and then press the ENTER key

http://www.scseries.com/
Page 38: Introduction

38

http://www.scseries.com/
Page 39: Introduction

39

Closing the Notepad Window Containing the XSL Style SheetActivate the Notepad window

containing the XSL style sheet, xslalphaclublist.xsl

Click the Close button on the Notepad title bar

http://www.scseries.com/
Page 40: Introduction

40

Using Paging to Display XML Data in a TableData binding

– Mapping the XML elements to a data format that preserves the hierarchy of the data and allows the data to be manipulated using different methods

http://www.scseries.com/
Page 41: Introduction

41

http://www.scseries.com/
Page 42: Introduction

42

Using Paging to Display XML Data in a TableData island

– A set of data elements separate from the main HTML Web page

Data Source Object (dso)Recordset

– A collection of data records and their fields

http://www.scseries.com/
Page 43: Introduction

43

Using Paging to Display XML Data in a Table

http://www.scseries.com/
Page 44: Introduction

44

Creating an HTML Document to Display XML Data in a TableActivate the Notepad Window

containing the XML document, clublist-xsl.xml

With the HTML Data Disk in drive A, open the file, clubsponsor.htm

Save this file to the Project 11 Folder on your Data Disk with the name, clubsponsor-table.htm

http://www.scseries.com/
Page 45: Introduction

45

http://www.scseries.com/
Page 46: Introduction

46

Entering Code to Bind an XML Document with an HTML Web PageWith the clubsponsor-table.htm

Notepad window active, click line 6Type <XML ID=“dsoClub” SRC=“clublist.xml”></XML> but do not press the ENTER key

http://www.scseries.com/
Page 47: Introduction

47

http://www.scseries.com/
Page 48: Introduction

48

Entering Code to Add Navigation Buttons

http://www.scseries.com/
Page 49: Introduction

49

Entering Code to Add Navigation ButtonsClick line 12Enter the following code:

http://www.scseries.com/
Page 50: Introduction

50

http://www.scseries.com/
Page 51: Introduction

51

Start Entering Code to Bind XML Elements to a TableClick line 16Enter the following code

http://www.scseries.com/
Page 52: Introduction

52

http://www.scseries.com/
Page 53: Introduction

53

Finish Entering Code to Bind XML Elements to an HTML TableClick line 24Enter the following code:

http://www.scseries.com/
Page 54: Introduction

54

http://www.scseries.com/
Page 55: Introduction

55

Saving the HTML File on the Data DiskWith your HTML Data Disk in drive A,

click File on the menu bar and then click Save

http://www.scseries.com/
Page 56: Introduction

56

Testing the HTML Web PageActivate your browser. If necessary,

maximize the windowClick the Address bar. Type a:\Project

11\clubsponsor-table.htm and then press the ENTER key

Click the Next Page button. Click the First Page button and then click the Last Page button

http://www.scseries.com/
Page 57: Introduction

57

http://www.scseries.com/
Page 58: Introduction

58

Using JavaScript to Search an XML Document and Display Results on a Web Page

http://www.scseries.com/
Page 59: Introduction

59

Creating an HTML Document to Search an XML Document and Display ResultsIf necessary, click the Notepad button on the

taskbar to activate the Notepad windowWith the HTML Data Disk in drive A, open

the file, findclub.htmClick File on the menu bar and then click

Save As. Type findclubsponsor.htm in the File name text box. Save to the Project 11 folder on your HTML Data Disk

http://www.scseries.com/
Page 60: Introduction

60

Entering Code to Link an XML Document with an HTML Web PageWith the findclubsponsor.htm Notepad

window active, click line 6Type <XML ID=“dsoclublist” SRC=“clublist.xml”></XML> but do not press the ENTER key

http://www.scseries.com/
Page 61: Introduction

61

http://www.scseries.com/
Page 62: Introduction

62

Entering Code to Add the <INPUT> and <BUTTON> ElementsClick line 11Type <INPUT TYPE=“TEXT” ID=“SearchText” SIZE=“20”>&nbsp<BUTTON ONCLICK=‘FindClub()’>Search</BUTTON> but do not press the ENTER key

http://www.scseries.com/
Page 63: Introduction

63

http://www.scseries.com/
Page 64: Introduction

64

Entering the <DIV> ElementClick line 14Type <DIV ID=SearchResults></DIV> but do not press the ENTER key

http://www.scseries.com/
Page 65: Introduction

65

http://www.scseries.com/
Page 66: Introduction

66

The JavaScript User-Defined Function, FindClub()Converts the SearchText text box input

value into uppercase charactersValidates that the input value is not blank or

emptyMoves to the first record in the XML

documentCompares each element in the XML

document with the text box value until a match is found

Constructs an output text string with search results

http://www.scseries.com/
Page 67: Introduction

67

Entering Code to Start the FindClub() User-Defined FunctionClick line 15Type <SCRIPT LANGUAGE=“JavaScript”> and then press the ENTER key

Type <!-- Hide from old browsers and then press the ENTER key

Press the SPACEBAR four times to indent the function name. Type function FindClub() { and then press the ENTER key

http://www.scseries.com/
Page 68: Introduction

68

http://www.scseries.com/
Page 69: Introduction

69

Entering Code to Start the FindClub() User-Defined FunctiontoUpperCase() method

http://www.scseries.com/
Page 70: Introduction

70

Entering the Conversion and Validation Statements in the FindClub() User-Defined FunctionClick line 18Enter the following code:

http://www.scseries.com/
Page 71: Introduction

71

http://www.scseries.com/
Page 72: Introduction

72

Entering Code to Complete the FindClub() User-Defined FunctionClick line 23Enter the code shown on the following

slide

http://www.scseries.com/
Page 73: Introduction

73

http://www.scseries.com/
Page 74: Introduction

74

http://www.scseries.com/
Page 75: Introduction

75

Saving and Testing the HTML Document in the BrowserWith your HTML Data Disk in drive A, click

File on the menu bar and then click SaveClick the browser button on the taskbar to

activate the browserClick the Address bar. Type a:\Project 11\findclubsponsor.htm and then press the ENTER key

Enter the club name, spanish, and then click the Search button

Repeat the previous step using the test data on the following slide

http://www.scseries.com/
Page 76: Introduction

76

http://www.scseries.com/
Page 77: Introduction

77

http://www.scseries.com/
Page 78: Introduction

78

Verifying the Links in the Main Student Services Clubs Web PageClick the Address bar. Type a:\Project

11\club-index.htm and then press the ENTER key

Click the Browser alphabetic list link. After the Student Clubs List by Club Name Web page displays, click the Back button on the browser toolbar to return to the main Student Services Clubs Web page

http://www.scseries.com/
Page 79: Introduction

79

Verifying the Links in the Main Student Services Clubs Web PageClick the Search by club name link.

After the Find a Club Sponsor Web page displays, click the Back button on the browser toolbar to return to the main Student Services Clubs Web page

Click the Browse sponsor link

http://www.scseries.com/
Page 80: Introduction

80

http://www.scseries.com/
Page 81: Introduction

81

Closing Notepad and Your BrowserClick the Close button on the browser

title barClick the Close button on the Notepad

window title bar

http://www.scseries.com/
Page 82: Introduction

82

Summary

Describe an XML documentState the W3C design goals for

creating XML tagsName 10 real-world uses for XMLState the syntax rules for a well-formed

and valid XML documentState the rules for creating a generic

identifier (GI)

http://www.scseries.com/
Page 83: Introduction

83

Summary

Define document prolog and document instance

Describe the purpose of processing instructions

Describe the purpose of Document Type Definitions (DTD)

Bind a CSS file to an XML documentDescribe the purpose of XSL style

sheets

http://www.scseries.com/
Page 84: Introduction

84

SummaryBind an XSL style sheet to an XML

documentDescribe the XSL template, for-each, order-

by, and value-of elementsBind an XML document to an HTML Web

pageDiscuss the build-in table element methodsCreate a JavaScript user-defined function to

search an XML documentDefine recordset and describe how the EOF

property is used

http://www.scseries.com/
Page 85: Introduction

85

What You Should Know

http://www.scseries.com/
Page 86: Introduction

HTMLComprehensive Concepts and TechniquesSecond Edition

Project 11 Complete

http://www.scseries.com/

Related Documents
An Introduction to NSAn Introduction to NS2An Introduction ...

An Introduction to NSAn Introduction to NS2An Introduction.....

Category: Documents
Introduction€¦ · Introduction ThisdocumentprovidesinformationabouttheIOSXEsoftwarereleasefortheCiscoNCS4201andCisco …

Introduction€¦ · Introduction...

Category: Documents
1 Introduction t 1. Introduction to Nanotechnology - UFAMhome.ufam.edu.br/berti/nanomateriais/Introduction to Nanotechnology... · Introduction t 1. Introduction to Nanotechnology

1 Introduction t 1. Introduction to Nanotechnology -...

Category: Documents
Topics Introduction 1 / 3 Introduction 2 / 3 Introduction 3 / 3.

Topics Introduction 1 / 3 Introduction 2 / 3 Introduction 3....

Category: Documents
An Introduction for An Introduction for Introduction for ......An Introduction for An Introduction for Introduction for TeachersTeachersTeachers . exChange, Blackburn Cathedral’s

An Introduction for An Introduction for Introduction for...

Category: Documents
Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases.

Systems Analysis I introduction I introduction. 2Systems...

Category: Documents
introduction | EinlEitung | introduction | introducción · introduction | EinlEitung | introduction | introducción En Description Operation Maintenance Safety instructions dE Benennung

introduction | EinlEitung | introduction | introducción ·...

Category: Documents
INTRODUCTION SPECIFICATIONS INTRODUCTION

INTRODUCTION SPECIFICATIONS INTRODUCTION

Category: Documents
Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Introduction to Transducers, Introduction to Transducers ......

Category: Documents
1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

1. Introduction 1. Introduction 1. Introduction 1 ... ·...

Category: Documents
1 Introduction INTRODUCTION - MICROCSB

1 Introduction INTRODUCTION - MICROCSB

Category: Documents
Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Introduction Chapitre 1 · Introduction . . . . . . . . . ....

Category: Documents