Xml Zoe

What can XML do for you? ,[object Object],[object Object],[object Object],[object Object]

Overview of what we will do ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Overview Bib.txt Bib.html Bib.xml Bib.dtd Bib.xsl 1 2 3 5 4 6 Xhtml.dtd Bib_xhtml.html

Step 1. Download txt file ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

FTP: file transfer protocol http://dev.cdh.ucla.edu/~newmedia/ Bib.txt

FTP ,[object Object],[object Object]

Two modes of FTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Usually your ftp software detects the file type automatically

Step 2: HTML ,[object Object],[object Object],[object Object],[object Object]

zoe_bib.html <html> <ul> <li>Castro, Elizabeth. Xml for the World Wide Web. Visual Quickstart Guide. Berkeley, CA: Peachpit Press, 2001. <li>Oliver, Dick. Sams Teach Yourself Html and Xhtml in 24 Hours. 5th ed. Indianapolis, Ind.: Sams, 2001. <li>Watt, Andrew H. Sams Teach Yourself Xml in 10 Minutes. Indianapolis, IN: Sams Pub., 2003. </ul> </html>

View the HTML file ,[object Object],[object Object],[object Object],[object Object],[object Object]

why XML? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Html vs XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Step 3: Create an XML document ,[object Object],[object Object],[object Object],[object Object],[object Object]

<book> <author>Castro, Elizabeth.</author> <title> Xml for the World Wide Web. Visual Quickstart Guide.</title> <place> Berkeley, CA:</place> <publisher>Peachpit Press</publisher> <year>2001.</year> </book>

Elements & Tags ,[object Object],[object Object],[object Object]

5 Rules of XML = well-formed ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Building Blocks of XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Our document ,[object Object],[object Object]

Attributes ,[object Object],[object Object],[object Object]

zoe_bib.xml ,[object Object],[object Object],[object Object],[object Object],[object Object]

zoe_bib.xml <?xml version="1.0" encoding="UTF-8"?> <bib> <book> <author>Castro, Elizabeth.</author> <title> Xml for the World Wide Web. Visual Quickstart Guide.</title> <place> Berkeley, CA:</place> <publisher>Peachpit Press</publisher> <year>2001.</year> </book> <book> <author>Watt, Andrew H.</author> <title> Sams Teach Yourself Xml in 10 Minutes.</title> <place>Indianapolis, IN:</place> <publisher> Sams .,</publisher> <year> 2003.</year> </book> </bib>

Step 4: Making a DTD ,[object Object],[object Object],[object Object]

Why use a DTD? ,[object Object],[object Object],[object Object],[object Object]

DTD ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

DTD: hierarchical book author title place publisher year parent children

PCDATA vs CDATA ,[object Object],[object Object],[object Object],[object Object]

Internal and External DTD ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

DTD ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Step 5: XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XHTML uses external dtd ,[object Object],<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Enter the title of your XHTML document here</title> </head> <body> <p>Enter the body text of your XHTML document here</p> </body> </html>

XHTML ,[object Object],[object Object],<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Enter the title of your XHTML document here</title> </head> <body> <p>Enter the body text of your XHTML document here</p> </body> </html>

5 Rules of XML = well-formed ,[object Object],[object Object],[object Object],[object Object],[object Object]

Screenshot of html and xhtml side by side

Validating XHMTL ,[object Object],[object Object],[object Object],[object Object]

Step 6: XSL ,[object Object],[object Object],[object Object],[object Object]

Create an XSL file <?xml version="1.0" encoding="utf-8"?><xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><xsl:template match="/"> <html> <body> <h2>Zoe's XML Bibliography</h2> <table border="1"> <tr bgcolor="#9acd32"> <th align="left">Author</th> <th align="left">Title</th> <th align="left">Year</th> </tr> <xsl:for-each select="bib/book"> <tr> <td><xsl:value-of select="author"/></td> <td><xsl:value-of select="title"/></td> <td><xsl:value-of select="year"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template></xsl:stylesheet> Copy and paste this to a file called yourname _bib.xsl

How to link XSL to XML ,[object Object],[object Object],[object Object],[object Object],[object Object]

XSL ,[object Object],[object Object],[object Object],[object Object],[object Object]

Why bother? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Xml Zoe

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (17)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie Xml Zoe

Ähnlich wie Xml Zoe (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Xml Zoe