Benutzer-Werkzeuge

Webseiten-Werkzeuge


techniken:praesi:impress

Präsentieren mit impress.js

Es gibt viele Softwareprogramme, die dich beim Präsentieren unterstützen. Meistens wird PowerPoint oder Impress von OpenOffice bzw. LibreOffice genannt. Es gibt aber durchaus interessante Alternativen, die einen anderen Ansatz wählen. Geht auf die Webseiten und schaut euch die Demos an.

An dieser Stelle möchte ich euch impress.js näher vorstellen.
Hier ein Beispiel: impress.js

Vorbereitung

impress.js ist benötigt zum Präsentieren einen aktuellen Browser. Mit älteren Browsern funktioniert es nicht. Ladet euch die zip-Datei von impress.js herunter: https://github.com/bartaz/impress.js/
Den Link für die zip-Datei musste ich erst auf der Seite etwas suchen.

Nachdem ihr die Datei entpackt habt, befinden sich auf eurem Rechner mehrere Dateien. Eine konkrete Anleitung für impress.js gibt es nicht. Die Handhabung von impress.js ist in den Dateien als Kommentare vermerkt. Die Kommentare in index.html genügen. Wer sich nicht durch die Kommentare durcharbeiten will, kann bei Amazon ein Buch über impress.js erwerben, oder diese einführende Anleitung hier durcharbeiten.

Impress.js basiert auf JavaScript und CSS. Um die Funktionen nutzen zu können, müsst ihr die vorgegebene JavaScript und eine beliebige CSS Datei einbinden.

Einbinden der nötigen Dateien / einfache CSS Datei

Folien / Slides erstellen

Alle Folien werden über <div> Tags dargestellt.
Hier findet ihr genauere Informationen.


Positionieren der Slides im "Raum"

Um impress.js sinnvoll zu nutzen, verteilst du deine Slides (Folien) im „Raum“. Hier kannst du nachlesen, wie das geht:

Positionieren der Folien


Eine Übersicht von alle Folien erstellen

Es ist durchaus sinnvoll, eine Übersichtsfolie zu erstellen. Somit kannst du sehen, wie deine Folien angeordnet sind.

Übersichtsfolie


Sichtbarkeit der Folien

Es sind immer alle Folien sichtbar. Wenn du möchtest, kannst du das ändern:

Sichtbarkeit der Folien


Sonstiges

Hier noch ein paar weitere Features:

Weitere Features


Fertige Beispiele

Hier sind einige Beispiele aus dem Buch „Building Impressive Presentations with impress.js“ von Rakhitha Ratnayake erschienen im Published by Packt Publishing Verlag http://packtpub.com 2013

Auftrag

Vorgaben

Dokumentation

  • Schreibe auf, welche css Eigenschaften du für deine Folien verwendest und was jede einzelne bewirkt
  • Notiere welche Attribute du zum Animieren verwendet hast und was diese bewirken.
    Hebe Funktionen deutlich hervor, die wir im Unterricht nicht besprochen haben.

start

techniken/praesi/impress.txt · Zuletzt geändert: 10/11/2014 17:01 (Externe Bearbeitung)