Einfache und schlichte Präsentationen bekommt man nicht nur mit PowerPoint und Co hin, sondern dazu reicht auch schlichtes HTML — zusammen mit CSS. Leider funktioniert diese Möglichkeit derzeit nur mit Opera (bereits auch mit älteren Versionen), dennoch eine gute und einfache Alternative. Bei der Erstellung einer Folie ist allerdings einiges zu beachten.

Die Besonderheit der Präsentation gegenüber einer statischen Seite ist eigentlich nur eine Art Seitenwechsel. Der Inhalt läuft nicht fortlaufend, sondern soll Seitenweise angezeigt werden ...

Die CSS bauen wir folgendermaßen: der Umbruch soll nur im Vollbildmodus geschehen — denn dieser geht letztendlich auf den Beamer. Die Kerneigenschaft heißt page-break-before. Alternativ ist auch page-break-after möglich. Der Unterschied besteht nur darin, daß das eine vor und das andere nach dem Element geschieht.

Diese kann folgende Werte annehmen: always (immer), avoid (nie), left und right (beachtet dabei linke und rechte Seiten, nur im Druck interessant), inherit (Eigenschaft soll geerbt werden), auto (default). Wie benötigen always, schließlich soll die Aufteilung des Inhalts auf die einzelnen Folien noch in unserer Hand liegen.

Mit dieser Eigenschaft funktioniert nun die Präsentation. Allerdings gibt es noch ein paar Dinge, die zu beachten sind:

• Schriftgröße (unter 20 — 25pt sollte man nicht unbedingt anfangen, möglichst alle anderen Schriftgrößen relativ angeben)
• Listenpunkte (leider werden diese nicht gezoomt (Test mit Opera 7.11 und 7.23) — Abhilfe mit (k)Paint: Man malt einen Punkt, der etwa so hoch wie die Schriftgröße ist und fügt ihn so ein: ul {list-style-image:url(liststyle.png);}
• Ränder — auch auf Beamern sieht es merkürdig aus. Man sollte body sowohl margin als auch padding auf 0 setzen, und dafür bei div.projection etwa 50 Pixel Rand lassen.
• Bei der Betrachtung auf dem Bildschirm ist es nicht verkehrt, auf diese Präsentation hinzuweisen. Insbesondere sollte die F11-Taste (Wechsel in die Präsentation), wie PageUp/PageDown-Tasten zum Blättern erwähnt werden. In der Präsentation sollte der Hinweis nich auftauchen.

Als Beispielreferenz dient mein Vortrag zu Wissensmanagment mit WebLogs.