Dr.Web - Das Online Magazin für Seitenbetreiber

Präsentationen mit Dave Raggetts HTML Slidy

Werbung

HTML Slidy ist eine wie Eric Meyers Simple Standards-Based Slide Show System (S5) 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 deren 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).

SCreenshot
Präsentation im Browser: Ein Klick an beliebiger Stelle zeigt die nächste Folie

Das äußerst umfangreiche Skript übernimmt neben der Steuerung (Blättern über Mausklick oder Tastatur) auch die Darstellung der im Dokument definierten Container bzw. 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, daß 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 barrierefrei;
  • standardbasiert und system- bzw. 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:

Erstveröffentlichung 07.10.2005

Über

GravatarInformationsarchitekt und Autor (Webdesign mit CSS, O'Reilly), spezialisiert auf professionelle Webentwicklung, Barrierefreiheit und Usability, aktiv für W3C, UPA und IxDA. Website. Weitere Beiträge für Dr. Web: 12

Verwandte Artikel

Bookmarken! Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • TwitThis
  • Hype
  • StumbleUpon
  • Facebook
  • Google Bookmarks
  • Linkarena
abstimmenabstimmenabstimmenabstimmenabstimmen (No Ratings Yet)

Keine Kommentare zu “Präsentationen mit Dave Raggetts HTML Slidy”

Meine Meinung

Bitte beachten Sie: Werbung und Spam sind unerwünscht und können eine Rechnung zur Folge haben. Woher kommen die Bilder neben den Kommentaren?