wiki:syntax:demo-reveal [satware AG]

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- wiki:syntax:demo-reveal [13.06.2025 13:36] – Mind-blowing Reveal.js Demo - Alle Features in einer spektakulären Präsentation Jane Alesi
+++ wiki:syntax:demo-reveal [13.06.2025 13:40] (aktuell) – Fixed last slides - Corrected overlapping text and formatting issues Jane Alesi
@@ Zeile 158: / Zeile 158: @@
 Bilder können aus dem DokuWiki Media-Manager verwendet werden.
 Flexible Positionierung und Größenanpassung möglich.
-</notes>
-{{background>#2c3e50}}
-==== Video-Hintergründe ====
-**Hinweis:** Video-Hintergründe sind möglich
-**Format:** MP4, WebM, OGV
-**Autoplay:** Unterstützt
-==== Audio-Integration ====
-**Formate:** OGG, MP3, WAV
-**Steuerung:** Automatisch oder manuell
-**Synchronisation:** Mit Folien-Wechsel
-<notes>
-Multimedia-Inhalte für immersive Präsentationen.
-Automatische Wiedergabe und Synchronisation möglich.
-</notes>
----- #f093fb bg-convex ---->
-====== 🎤 Interaktive Features ======
-**Sprecher-Notizen aktiv!**
-*Drücken Sie 's' für Sprecher-Modus*
-**Navigation:**
-  * **Pfeiltasten** - Folien-Navigation
-  * **Esc** - Folien-Übersicht
-  * **F** - Vollbild-Modus
-<notes>
-SPRECHER-NOTIZEN DEMO:
-- Diese Notizen sind nur im Sprecher-Modus sichtbar
-- Drücken Sie 's' um den Sprecher-Modus zu aktivieren
-- Perfekt für Präsentationen vor Publikum
-- Timer und nächste Folie werden angezeigt
-</notes>
-<----
-==== PDF-Export ====
-**URL-Parameter:** &print-pdf
-**Browser:** Chrome/Chromium empfohlen
-**Qualität:** Professionell druckbar
-==== Tastatur-Shortcuts ====
-^ Taste ^ Funktion ^
-| **Pfeiltasten** | Navigation |
-| **Esc** | Folien-Übersicht |
-| **F** | Vollbild |
-| **S** | Sprecher-Modus |
-| **B** | Bildschirm schwarz |
-| **?** | Hilfe anzeigen |
-<notes>
-PDF-Export für Offline-Präsentationen.
-Umfangreiche Tastatur-Steuerung für professionelle Nutzung.
-</notes>
-==== Responsive Design ====
-  * **Desktop** - Vollständige Funktionalität
-  * **Tablet** - Touch-Navigation
-  * **Mobile** - Optimierte Darstellung
-  * **Print** - PDF-Export verfügbar
-<notes>
-Präsentationen funktionieren auf allen Geräten.
-Touch-Gesten für mobile Navigation.
-</notes>
----- #ff6b6b zoom-in fade-out slow ---->
-====== ⚡ Alternative Syntax ======
-**Diese Folie verwendet alternative Syntax!**
-Keine Header - nur Slide-Indikatoren:
-  * **----&gt;** Neue Folie
-  * **&lt;----** Folie schließen
-  * **----&gt;&gt;** Vertikaler Container
-  * **&lt;&lt;----** Container schließen
-<notes>
-Alternative Syntax für erweiterte Kontrolle.
-Unabhängig von Header-Struktur.
-Mehr Flexibilität bei der Gestaltung.
-</notes>
-<----
----- #4ecdc4 wiki:dokuwiki-128.png 20% top right repeat bg-slide zoom-out fast no-footer ---->
-**Erweiterte Parameter-Syntax:**
-Alle Parameter in einer Zeile:
-  * Farbe: #4ecdc4
-  * Bild: DokuWiki Logo
-  * Größe: 20%
-  * Position: top right
-  * Wiederholung: repeat
-  * BG-Übergang: bg-slide
-  * Folien-Übergang: zoom-out
-  * Geschwindigkeit: fast
-  * Fußzeile: deaktiviert
-<notes>
-Maximale Kontrolle über jeden Aspekt der Folie.
-Alle Parameter in einer kompakten Syntax.
-</notes>
-<----
----- #667eea ---->
-**Vertikale Navigation:**
-Diese Folien sind vertikal angeordnet.
-Verwenden Sie Auf/Ab-Pfeiltasten.
-<----
-==== Vertikale Folie 1 ====
-Vertikale Folien für:
-  * Detaillierte Erklärungen
-  * Schritt-für-Schritt Anleitungen
-  * Zusätzliche Informationen
-==== Vertikale Folie 2 ====
-Navigation:
-  * **Links/Rechts** - Hauptfolien
-  * **Auf/Ab** - Vertikale Folien
-  * **Esc** - Übersicht zeigt Struktur
-<notes>
-Vertikale Navigation für hierarchische Inhalte.
-Übersicht zeigt die komplette Struktur.
-</notes>
-<<----
-{{background>linear-gradient(135deg, #667eea 0%, #764ba2 100%)}}
-===== 🏆 Best Practices =====
-==== Design-Prinzipien ====
-<fragment>**Weniger ist mehr** - Maximal 6-8 Zeilen pro Folie</fragment>
-<fragment>**Kontrast beachten** - Lesbarkeit steht im Vordergrund</fragment>
-<fragment>**Konsistenz** - Einheitliches Design durchhalten</fragment>
-<fragment>**Interaktivität** - Fragmente für Aufmerksamkeit nutzen</fragment>
-<notes>
-Design-Prinzipien für professionelle Präsentationen:
-- Wenig Text, große Schrift
-- Hoher Kontrast für Lesbarkeit
-- Konsistente Gestaltung
-- Gezielte Interaktivität
-</notes>
-==== Performance-Tipps ====
-  * **Bilder optimieren** - Nicht zu große Dateien
-  * **~~NOCACHE~~** - Für dynamische Inhalte
-  * **Fragmente sparsam** - Nicht übertreiben
-  * **Browser-Test** - Verschiedene Browser testen
-==== Technische Hinweise ====
-  * **PHP 7.4+** erforderlich
-  * **Chrome/Chromium** für PDF-Export
-  * **Include Plugin** - Kompatibilitäts-Fix nötig
-  * **MathJax** - Automatisch geladen
-<notes>
-Technische Voraussetzungen beachten.
-Kompatibilität mit anderen Plugins prüfen.
 </notes>
@@ Zeile 363: / Zeile 178: @@
 </notes>
-==== Nächste Schritte ====
+===== 📋 Nächste Schritte =====
 <fragment>📖 **Dokumentation:** [[wiki:syntax#reveal_js_slideshow_plugin]]</fragment>
@@ Zeile 372: / Zeile 187: @@
 <fragment>🎯 **Support:** satware AG Team steht zur Verfügung</fragment>
+<notes>
+Nächste Schritte für die Teilnehmer:
+- Dokumentation studieren
+- GitHub Repository besuchen
+- Eigene Präsentationen erstellen
+- Bei Fragen das Team kontaktieren
+</notes>
 {{background>linear-gradient(135deg, #667eea 0%, #764ba2 100%)}}
@@ Zeile 381: / Zeile 204: @@
 **Fragen? Feedback? Eigene Ideen?**
----
 **satware AG** | **wiki.satware.com** | **Made with ❤️ in Worms**