Dynamiske dokumenter 3.4.06
Fra Wikipedia, den frie encyklopedi.
Nyttige linker
- Børre Stenseths nettsted om markup og web (http://www.ia.hiof.no/~borres/ml/)
- En meget enkel RSS-feed på media.hiof.no (http://media.hiof.no/news/rss.php?lang=no)
- W3Cs SMIL-sider (http://www.w3.org/AudioVideo/)
- Wikipedia-artikkel om XML-RPC (http://en.wikipedia.org/wiki/XML-RPC)
- Wikipedia-artikkel om SOAP (http://en.wikipedia.org/wiki/SOAP)
- Eksempel på RSS-/Podcast-feed med stylesheet-informasjon (http://feeds.feedburner.com/ITConversations-EverythingMP3)
- W3Cs RDF-sider (http://www.w3.org/RDF/)
- Wikipedia-artikkel om OpenDocument (http://en.wikipedia.org/wiki/OpenDocument)
XML-dokument med CSS-stilark
Dokumentet er i et egendefinert format, og bruker CSS for presentasjon i en browser.
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="kurs.css" type="text/css" media="screen"?>
<kurs>
<navn>Digitale dokumenter</navn>
<forelesning>
<!-- ISO 8601 er en fin ting-->
<tid>2006-03-20T09:15:00</tid>
<emne>Animasjon</emne>
</forelesning>
<forelesning>
<tid>2006-04-03T09:15:00</tid>
<emne>Dynamiske dokumenter</emne>
</forelesning>
</kurs>
XML-fila over referer til dette CSS-stilarket:
kurs {
margin: 4em;
font-family: "Gill Sans", sans-serif;
font-size: 32px;
}
kurs navn {
display: block;
font-size: 2em;
margin: 0em 0em 1em 0em;
}
forelesning {
display: block;
}
forelesning tid {
color: gray;
margin-right: 1em;
font-size: 60%;
}
forelesning emne {
color: green;
}
Et enkelt SMIL-dokument
Denne meget enkle SMIL-fila vil spille lyd og vise bilder synkronisert med lyden. Legg merke til at alle elementer inne i <par> vil spilles parallelt, mens alle i <seq> vil bli spilt sekvensielt. Attributtet "dur" angir hvor lenge hvert bilde vises.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/SMIL20/SMIL20.dtd">
<smil title="Verdt å vite">
<head>
</head>
<body>
<par>
<audio src="begynnelsen.mp3" alt="NRK Verdt å vite" />
<seq>
<img src="img/442970.gif" alt="Åpningsmusikk" dur="22s" />
<img src="img/cooper.png" alt="Michael Cooper" dur="15s" />
<img src="img/Rattus_norvegicus_1.jpg" alt="Rotte" dur="12s" />
<img src="img/180px-Foods.jpg" alt="Mat" dur="17s" />
</seq>
</par>
</body>
</smil>
