XML - ohjelmoinnin perusteet

| KOTISIVU | KURSSIKUVAUS | OHJELMA JA HARJOITUKSET |

XSLT, CSS ja XML - jatkoa

Harjoitus 6a: XML:n ja CSS:n yhdistäminen XSLT:hen

Ensimmäisissä harjoituksessa suunnittelit puhelinluettelon ja ravintolan ruokalistan. Laadi jommalle kummalle tyylitiedostot (XSL muunnos ja CSS), jonka avulla se voidaan tulostaa selaimen näytölle. Ohjelman tulisi tehdä valintaa tai järjestelyä XML-tiedostosta, ja mielellään voit liittää myös kuvia.

Harjoitus 6 b  Oma sovellus ("projekti")

Kokeile XSL-muunnoksen soveltamista johonkin uuteen ongelmaan. Yhdistä tulostuksessa CSS-muotoiluun, jos se tuntuu tarpeelliselta. Sovelluksessa on oltava mukana ainakin XML, DTD (tai skeema) ja XSL. Dataa pitää käsitellä ohjelmallisesti. Mahdollisia aiheita ovat

Avuksi harjoituksiin:

Jos käytät sekä XSL- että CSS-tyylejä, voit sisällyttää css-määrittelyt sisäisenä tyylinä XSL-tulokseen tai kutsua tulos-HTML:n HEAD-osiossa erillistä CSS-tiedostoa
<link rel="stylesheet" type="text/css" href="erillinen.css">

Jos haluat liittää kuvan tulostuksena olevaan HTML:ään, voit esim. käyttää xsl-tiedostossa viittausta:
<img src="{@KANSIKUVA}" />
ja alkuperäisessä XML-tiedostossa attribuuttia :
<LEVY NIMI="Get Back" KANSIKUVA="levy3.jpg">

vastaavasti linkin voit ilmaista:
<a href="{link-url}" target="_top">
  <xsl:value-of select="link-name" /> </a>
ja dokumentissa:
<link>
<link-name>opastusta</link-name>
<link-url>http://www.w3c.org</link-url>
</link>

| KOTISIVU | KURSSIKUVAUS | OHJELMA JA HARJOITUKSET |
Päivittänyt: Jaana Holvikivi
Muutettu 1.4.2015