Benutzer-Werkzeuge

Webseiten-Werkzeuge


techniken:praesi:einbinden

Einbinden und Formatieren

Am Ende deinerPräsentation musst du die JavaScript Datei impress.js in deine Seite einbinden. In dieser Datei steht alles was der Browser braucht um die Präsentation abspielen zu können. Dies machst du direkt bevor du den </body> Tag schließt.
<script src="./js/impress.js"></script>
<script>impress().init();</script>
</body>


Formatieren

Wie eure Präsentation aussehen soll, könnt ihr in einer CSS Datei festlegen, die ihr im <head> eurer Seite einbindet.

Beispiel:

<link href="./css/praesi-01.css" rel="stylesheet" />

oder ganz ausführlich:
<link media="all" type="text/css" rel="stylesheet" href="./css/praesi-01.css" />



Deine CSS Datei kann leer sein. Es empfiehlt sich aber, die Folien in der Größe zu begrenzen.

Bsp. für den Inhalt der CSS Datei:

  /*Die Klasse Slide wird nun beschrieben*/
  .slide {
      display: block;/*zur Sicherheit, dass die Darstellung als Blockelement erfolgt*/
      
      width: 1000px;/*Breite*/
      height: 700px;/*Höhe*/
      border: 3px solid #eeeeee;/*Rahmen als Bsp.*/
      color: #ffffff;/*Farbe*/
    }



Präsentieren mit impress.js

techniken/praesi/einbinden.txt · Zuletzt geändert: 10/11/2014 17:01 von 127.0.0.1