Präsentationen mit Dave Raggetts HTML Slidy

Jens Meiert, 7. Oktober 2005. ISSN 1614-3124, Ausgabe 15.

Dieser Artikel erschien exklusiv bei Dr. Web.

HTML Slidy ist eine wie Eric Meyers S5 (Simple Standards-Based Slide Show System) auf XHTML, CSS und JavaScript basierende Vorlage für Bildschirm- und Projektor-Präsentationen. Die Ähnlichkeit zu S5 ist frappierend, und folgerichtig kann man HTML Slidy wie auch schon S5 als Webstandards-Antwort auf die populären PowerPoint-Folien von Microsoft verstehen.

Funktionsweise

Auch HTML Slidy besteht aus einem einzigen semantischen HTML-Dokument, das über CSS formatiert wird und dessen Steuerfunktionen über JavaScript realisiert werden. Das reguläre sowie ein Druckstylesheet adressieren durch ihre Regeln neben der normalen Anzeige sowohl Vollbild-Modus (via projection-Medientyp) als auch Druck (via print-Medientyp). Das äußerst umfangreiche Skript übernimmt neben der Steuerung (Blättern über Mausklick oder Tastatur) auch die Darstellung der im Dokument definierten Container beziehungsweise Folien. Während HTML Slidy keine besonderen Links zum Blättern oder dem Deaktivieren der Formatierung (zur Anzeige des vollen Dokuments) bereitstellt, wartet es hingegen damit auf, dass auf einzelne Folien über interne Anker verlinkt werden kann – eine Schwäche von S5.

Vor- und Nachteile

Auf der ansonsten so weißen Weste kann zumindest ein Fleck ausgemacht werden, auch wenn dieser in der Regel von den vielen Vorzügen aufgewogen wird:

Vorteile

Geringe Ladezeit, da kleine, gut komprimierbare Datei(en);
durch semantisches XHTML barrierearm;
standardbasiert und system- beziehungsweise browserunabhängig;
leicht individualisierbar durch eigene CSS-Motive.

Nachteile

Suchen ist nur auf die aktuelle Folie beschränkt.

Download

Legt man mehr Wert auf das Referenzieren einzelner Folien als auf das Durchsuchen der gesamten Präsentation, wie es S5 erlaubt, ist HTML Slidy eine durchaus empfehlenswerte, schlanke und zugängliche Präsentationsform:

HTML Slidy (ZIP, 125 KB)

Jens Meiert