Achtung!

Im Gegensatz zur Nutzung der JSON-Daten für die DAVINCI-WEBBOX oder DAVINCI MOBILE erfolgt keine individuelle Benutzer-Autorisierung.

Wir empfehlen daher ausdrücklich den Einsatz der DAVINCI WEBBOX auf Ihren Webseiten.

Den INFOSERVER an Ihre Website anpassen

Der DAVINCI SERVER produziert HTML5/CSS3 konforme HTML-Seiten. Die Layouts können Sie flexibel an Ihre Bedürfnisse anpassen, Sie benötigen lediglich etwas Kenntnisse über HTML5 und CSS3. Ein gutes Nachschlagewerk für die Themen HTML5, CSS und JavaScript finden Sie z.B. auf der Website http://www.w3schools.com.

Die HTML-Vorlagen

Die HTML-Exportvorlage in der Datei DaVinci.hfm verweist auf eine HTML-Seitenvorlagedatei für die Inhaltsseiten und eine Seitenvorlagedatei für die Indexseite. Es werden bei der Installation von DAVINCI und vom DAVINCI SERVER diese HTML-Vorlagen mitgeliefert:

HTML-Vorlage Bemerkung
DAVINCI.index.main.html Hauptvorlage für die Indexseite, CSS-Dateien werden von der Website www.stueber.de dazugelinkt.
DAVINCI.index.local.html Hauptvorlage für die Indexseite, nur dass die CSS-Dateien lokal aus dem Ordner „Sandbox“ dazugelinkt werden.
DAVINCI.content.main.html Hauptvorlage für Inhaltsseiten, CSS-Dateien werden von der Website www.stueber.de dazugelinkt.
DAVINCI.content.local.html Wie die Hauptvorlage für Inhaltsseiten, nur dass die CSS-Dateien lokal aus dem Ordner „Sandbox“ dazugelinkt werden
DAVINCI.content.minimal.html Wie die Hauptvorlage für Inhaltsseiten, aber ohne Kopf- und Fußzeile
DAVINCI.content.showtime.subst.html Vorlage für automatisch umblätternde HTML-Vertretungslisten, insbesondere für SHOWTIME Systeme.

Ein DAVINCI HTML5 Layout wird durch folgende Ressourcen bestimmt:

  • Die HTML-Datei für die Indexseite, standardmäßig DAVINCI.index.main.html
  • Die HTML-Datei für die Inhaltsseiten, d.h. Stundenpläne und Vertretungslisten, standardmäßig DAVINCI.content.main.html
  • Mehrere CSS-Dateien, auf die in der HTML-Datei verwiesen wird, die das Layout bestimmen
  • Mehrere Grafikdateien, auf die in der CSS-Datei buttons.css verwiesen wird
  • Ggf. durch JavaScript-Dateien (JS-Dateien), auf die in der HTML-Datei verwiesen wird

Im Folgenden sind die entsprechenden Abschnitte aus der Datei DAVINCI.content.main.html und der Datei DAVINCI.content.local.html gelistet. Sie unterscheiden sich lediglich in der Art, wie auf die Layout-Dateien verwiesen wird: In der Datei DAVINCI.content.main.html wird auf die CSS- und Grafikdateien auf der Website www.stueber.de verwiesen, in der Datei DAVINCI.content.local.html sind die Angaben durch lokale relative Pfade ersetzt. Für den ersten Fall ist für die Anzeige immer eine Internetverbindung notwendig, im zweiten Fall nicht. Sie können die Layout-Dateien (CSS, JS und Grafikdateien) auch in einen öffentlichen Ordner auf Ihren Webserver legen. Dann werden diese Dateien nicht vom Webserver unter www.stueber.de sondern von Ihrem Webserver zur Verfügung gestellt.

"DAVINCI.content.main.html"

```<!DOCTYPE html>

DAVINCI ```

"DAVINCI.content.local.html"

```<!DOCTYPE html>

DAVINCI ```

Wichtige Layout-Dateien Bemerkung
DAVINCI.index.main.css Layout der Indexseite. Diese CSS-Datei enthält fast alle wesentlichen Layout-Informationen wie Schriftart und –größe, Farbstile für Stundenpläne, Vertretungslisten und Indizes.
DAVINCI.content.main.css Layout der Inhaltsseiten. Diese CSS-Datei enthält fast alle wesentlichen Layout-Informationen wie Schriftart und –größe, Farbstile für Stundenpläne, Vertretungslisten und Indizes.
buttons.css Diese CSS-Datei enthält das Layout der vier Schaltflächen. Verändern Sie diese Datei wenn, Sie andere Schaltflächen wünschen.
normalize.css / normalize.min.css Enthalten Normalisierungen für die verschiedenen Browser und sollten nicht verändert werden.
DAVINCI.listflip.js Die von der HTML-Vorlage DAVINCI.showtime.subst.html genutzte JavaScript Datei enthält den List-Flip-Effekt für das seitenweise Weiterschalten von Vertretungslisten. Sie sollte nicht verändert werden

Alle Dateien mit dem Präfix „DAVINCI.“ werden vom DAVINCI HTML-Präprozessor ggf. verändert, indem die Variablen ersetzt werden.

results matching ""

    No results matching ""