Dynamiske dokumenter 3.4.06

Fra Wikipedia, den frie encyklopedi.

(Forskjeller mellom versjoner)
Versjonen fra 6. apr 2006 kl.12:44
Audunv (Diskusjon | bidrag)

← Go to previous diff
Nåværende versjon
Frankrkv (Diskusjon | bidrag)

Linje 1: Linje 1:
-== Nyttige linker == 
- 
-* [http://www.ia.hiof.no/~borres/ml/ Børre Stenseths nettsted om markup og web] 
-* [http://media.hiof.no/news/rss.php?lang=no En meget enkel RSS-feed på media.hiof.no] 
-* [http://www.w3.org/AudioVideo/ W3Cs SMIL-sider] 
-* [http://en.wikipedia.org/wiki/XML-RPC Wikipedia-artikkel om XML-RPC] 
-* [http://en.wikipedia.org/wiki/SOAP Wikipedia-artikkel om SOAP] 
-* [http://feeds.feedburner.com/ITConversations-EverythingMP3 Eksempel på RSS-/Podcast-feed med stylesheet-informasjon] 
-* [http://www.w3.org/RDF/ W3Cs RDF-sider] 
-* [http://en.wikipedia.org/wiki/OpenDocument Wikipedia-artikkel om OpenDocument] 
- 
== XML-dokument med CSS-stilark == == XML-dokument med CSS-stilark ==
Linje 84: Linje 73:
</smil> </smil>
</pre> </pre>
 +
 +== Nyttige linker ==
 +
 +* [http://www.ia.hiof.no/~borres/ml/ Børre Stenseths nettsted om markup og web]
 +* [http://media.hiof.no/news/rss.php?lang=no En meget enkel RSS-feed på media.hiof.no]
 +* [http://www.w3.org/AudioVideo/ W3Cs SMIL-sider]
 +* [http://en.wikipedia.org/wiki/XML-RPC Wikipedia-artikkel om XML-RPC]
 +* [http://en.wikipedia.org/wiki/SOAP Wikipedia-artikkel om SOAP]
 +* [http://feeds.feedburner.com/ITConversations-EverythingMP3 Eksempel på RSS-/Podcast-feed med stylesheet-informasjon]
 +* [http://www.w3.org/RDF/ W3Cs RDF-sider]
 +* [http://en.wikipedia.org/wiki/OpenDocument Wikipedia-artikkel om OpenDocument]

Nåværende versjon

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>

Nyttige linker