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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (17)

Similaire à Xml Zoe

Similaire à Xml Zoe (20)

Dernier

Dernier (20)

Xml Zoe