Minimale Struktur

Dieses Dokument stellt die Details der S5-Auszeichnung zur Verfügung. Zuerst wird eine minimale Struktur gezeigt und dann auf einzelne Abschnitte eingegangen. Beachte, dass S5 1.0 absichtlich OSF 1.0-kompatibel entwickelt wurde.

Das absolute Minimum

Was nun folgt ist ein Beispiel für die absolut minimales Markup, um eine valide S5-Datei herzustellen. Der eingeklammerte Text zeigt technisch optionalen aber empfohlenen Inhalt.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <title>[Präsentationstitel]</title>
  6. <meta name="version" content="S5 1.1" />
  7. <link rel="stylesheet" href="ui/default/slides.css" type="text/css" media="projection" id="slideProj" />
  8. <link rel="stylesheet" href="ui/default/outline.css" type="text/css" media="screen" id="outlineStyle" />
  9. <link rel="stylesheet" href="ui/default/print.css" type="text/css" media="print" id="slidePrint" />
  10. <link rel="stylesheet" href="ui/default/opera.css" type="text/css" media="projection" id="operaFix" />
  11. <!-- S5 JavaScript -->
  12. <script src="ui/default/slides.js" type="text/javascript"></script>
  13. <meta http-equiv="Content-Type" content="[Inhalts-Typ]" />
  14. </head>
  15.  
  16. <body>
  17. <div class="layout">
  18. <div id="controls"></div>
  19. <div id="currentSlide"></div>
  20. <div id="header"></div>
  21. <div id="footer"></div>
  22. </div>
  23.  
  24. <div class="presentation">
  25. <div class="slide">
  26. <h1>[Seitentitel]</h1>
  27. </div>
  28. </div>
  29. </body>
  30. </html>
  31. Diesen Quelltext herunterladen.

Die ersten Zeilen

Die ersten Zeilen einer S5- Datei müssen eine XHTML 1.0 Strict DOCTYPE-Deklaration und ein and a <html>- Element mit korrektem „Namespace“ enthalten. Obwohl CSS und JavaScript von S5 zu jedem wohlgeformten HTML- oder XHTML-Dokument kompatibel sind, stellt nur XHTML 1.0 Strict die Kompatibilität zu OSF 1.0 sicher.

Wegen den Kompatibilitäts-Problemen, die der IE6/Win hat sollte der XML-Prolog nicht an den Anfang des Dokuments gesetzt werden.

Das <head>-Element

Zusätzlich zum Präsentationstitel muss das <head>-Element ein <meta>-Element enthalten, das das Dateiformat beschreibt. Dies ist zu OSF 1.0 kompatibel.

Das <head>-Element muss auch die <link>-Elemente und das <script>-Element enthalten. Die JavaScript-Datei ist, was das Beschriften von Seiten, den Übergang zwischen Seiten, die Erstellung des Navigationsmenüs und vieles mehr steuert. Die CSS-Dateien werden benötigt um die Dinge so einzustellen, dass das JavaScript arbeiten kann und um das Aussehen der Dateien zu steuern.

In S5 Version 1.0 sollten CSS and JavaScript nicht direkt ins Dokument eingebunden werden. Es wird erwartet, dass spätere Versionen von S5 dies erlauben.

Der Beginn des <body>-Elements

Ganz am Anfang des <body>-Elements befindet sich das „layout“-<div>. Dies ist die gleiche Struktur, die man in OSF 1.0 finden kann, und akzeptiert die gleichen Unter-Elemente. S5 fügt Elemente hinzu, die oben angegeben sind und die in einem Dokument vorhanden sein müssen. Das „controls“-<div> ist dort wo die Navigation erscheint und „currentSlide“ ist der Punkt wo die „Seite X von Y“-Information erscheint. Die „header“- und „footer“-<div>s müssen ebenfalls im Dokument erscheinen. Autoren haben die Freiheit Markup in die „header“ und „footer“-<div>s einzufügen, aber nicht sie vollständig zu löschen.

Das Erscheinungsbild

Wie in OSF 1.0 sind alle Seiten in einem „presentation“-<div> zusammengefasst. Dieses beginnt direkt nach dem Schließen des „layout“-<div>s und enthält eine oder mehrere Seiten.

Jede Seite in der Präsentations-Datei muss von einem <div> eingeschlossen werden, welches eine Klasse (class) besitzt in dessen Wert das Wort slide vorkommt. Falls einer Seite eine id zugewiesen wurde, wird deren Wert von den S5-JavaScript-Routinen überschrieben. Deshalb wird in S5 id-Attribute in „slide“-<div>s abgeraten.

Der Titel einer Seite sollte in ein <h1>-Element einschlossen werden, wie in OSF 1.0. In S5 werden Autoren dazu ermutigt auch ein Seitentitel-Element zu benutzen, obwohl es leer ist. Dies lässt das Navigationsmenü so arbeiten wie es soll. Die Auszeichnungen der einzelnen Seiten liegt beim Autor. Leere Seiten sind erlaubt, aber sie erscheinen ziemlich nutzlos.