S5 Test
Eric A. Meyer • Übersetzung: Eric Eggert
Complex Spiral Consulting
•
Deutsche S5-Seite
Was ist S5?
S5 ist ein
s
imples,
s
tandardbasiertes
S
lide
S
how
S
ystem
Ein XHTML-Dokument enthält sämtliche Inhalte der Präsentation
CSS steuert das Aussehen
JavaScript steuert die dynamischen Aspekte
Das ist alles! (
Zur Zusammenfassung
; demonstriert interne Links in der Präsentation)
Die Herkunft
Opera 4 führte
Opera Show
ein, ein Projektionsmodus via Style Sheets (Der Link demonstriert wie externe Links aussehen und ihr Fenster-Verhalten)
Er erlaubte es ein einzelnes XHTML-Dokument in eine PowerPoint-ähnliche Präsentation zu verwandeln
Durch Bildschirm- und Druck-Stylesheets konnte verschiedene Ansichten auf verschiedenen Medien für ein einziges Dokument realisiert werden
Sehr effizientaber auch sehr browserabhängig...
Schritt-für-Schritt-Anzeige
Drücke/Klicke „weiter“, aber nicht den Steuerungs-Link (»)
Die Listenpunkte werden nacheinander angezeigt
All das basiert auf einer Klasse mit dem Namen
inc
Den Listen können Klassen zugewiesen werden um sie individuell zu gestalten
Einzelne Punkte können auch mit einer Klasse bezeichnet werden um „Animationen“ zu gestalten, wie im
Beispiel von Derek Featherstone
Versuchen wir es noch einmal, diesmal ohne den ersten Listenpunkt hervorgehoben zu haben...
Schritt-für-Schritt-Anzeige II
Drücke/Klicke „weiter“, aber nicht den Steuerungs-Link (»)
Die Listenpunkte werden nacheinander angezeigt
All das basiert auf einer Klasse mit dem Namen
inc
Den Listen können Klassen zugewiesen werden um sie individuell zu gestalten
Einzelne Punkte können auch mit einer Klasse bezeichnet werden um „Animationen“ zu gestalten, wie im
Beispiel von Derek Featherstone
Beachte wie die untergeordnete Liste Teil des übergeordneten Listenpunktes sind; das war absicht
Nun schauen wir uns die anderen Test-Folien an.
S5 Standard Datei-Struktur
S5 Themes
(Ein Weg mehrere Grafiken anzuzeigen.)
S5 Themes Schritt-für-Schritt
(Eins nach dem Anderen!)
Schritt-für-Schritt-Animation
Eine Demonstration wie man eine Art Animation erreicht, aber es gibt noch andere Wege
(Es wird ein Diagramm von
"XFN and..."
benutzt)
Zusammenfassung
Mit minimalem Script-Aufwand haben wir eine browserabhängige Technologie nachgebaut und sie browserübergreifend umgesetzt
Das S5-Format ist OSF 1.0-Kompatibel
S5 ist ein sehr flexibles und leichtgewichtiges System, welches jeder benutzen kann