Benutzerspezifische Werkzeuge
Sie sind hier: Startseite Produkte Content Management mit Plone Weiterführende Informationen Optionale Module Präsentationen mit Eric Meyers S5
Artikelaktionen

Präsentationen mit Eric Meyers S5

S5, das Simple Standards-Based Slide Show System, ist eine auf XHTML, CSS und JavaScript basierende Grundlage für Bildschirm- und Projektor-Präsentationen.

von Jens Meiert

Sie wurde vom bekannten CSS-Experten Eric Meyer (inspiriert durch Tantek Çelik, Mitglied der W3C-CSS-Arbeitsgruppe und Schöpfer unter anderem des Boxmodell-Hacks) entworfen und 2004 in einer ersten Version veröffentlicht. Unter S5 kann man die Webstandards-Antwort auf die populären Powerpoint-Folien verstehen. Ihre Vorzüge bestehen darin, sowohl wesentlich schneller zu laden als auch zugänglicher als der "große Bruder" zu sein.

SCreenshot
Ausschnitt aus der Musterslideshow von Eric Meyer

Funktionsweise
S5 besteht aus einem einzigen semantischen HTML-Dokument (siehe Musterslideshow von Eric Meyer oder ein Anwendungsbeispiel vom 2. Münchner Usabilitytag), das über CSS formatiert wird und deren Steuerfunktionen über JavaScript realisiert werden.

Die "Folien" funktionieren auch im Vollbild-Modus (projection-Medientyp) und sehen ausgedruckt angemessen aus; das Skript übernimmt neben der Steuerung (Blättern über Mausklick oder Vor- und Zurückspringen) auch die Visualisierung einzelner im Dokument definierter Container, der Folien (oder "Slides"). Diese Funktionalität bedingt, dass sowohl Stylesheet als auch Skript relativ umfangreich sind - auch wenn dies im Vergleich zu Powerpoint nicht der Rede wert ist.

Vorteile

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

Nachteile

  • Benötigt einen modernen Browser

Download
Die aufgeführten Pluspunkte des S5-Slideshowsystems empfehlen es eindeutig als alternative und vor allem für das Internet besonders gut geeignete, da sofort zugängliche Präsentationsform. Auf der Webseite von Eric Meyer befinden sich alle für S5 benötigten Dateien inklusive der zum Aufsetzen benötigten Informationen:

Eine detaillierte Dokumentation von S5 befindet sich in der S5-Referenz sowie der S5-FAQ. (tm)

Erstveröffentlichung 08.08.2005

Quelle: http://www.drweb.de/csspraxis/s5-praesentation.shtml