Dynamiske dokumenter 3.4.06
Fra Hiofwiki
Revision as of 1. sep 2006 kl. 13:27; Frankrkv (Diskusjon | bidrag)
(diff) ← Eldre versjon | vis nåværende versjon | Nyere versjon → (diff)
(diff) ← Eldre versjon | vis nåværende versjon | Nyere versjon → (diff)
[rediger]
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;
}
[rediger]
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>
[rediger]
