Eigenständige Seminarwebseite bauen

Im Ordner seminarwebseiten findet ihr einen Ordner, der AAA-vorlage heißt. Er soll als ebensolche dienen, um auf seiner Basis komplette Webseiten für Seminare relativ komfortabel erstellen zu können. Diese Vorlage ist außerdem eine erster Schritt in Richtung visueller Konsistenz des Audio-Internetauftritts. Inhaltlich läßt sie trotzdem alle Freiheiten. Auch diese Gebrauchsanweisung basiert darauf.

Seminarwebseite, Grundaufbau

Im Grunde handelt es sich um eine abgespeckte Version des 'großen' Audioservers. Alle Themen in dieser Gebrauchsanweisung bis auf 'Seite hinzufügen' lassen sich darauf übertragen. In diesem einen Punkt gibt es aber eben kleine Unterschiede, darum folgt gleich nochmal ein Schritt-für-Schritt Anleitung.

Kurz zum Datei- und Ordnersystem: Die Manteldatei index.php ist die standardisierte Startseite. Der Vorlage habe ich außerdem Manteldateien für 15 Seminarsitzungen beigelegt (index.php und site1.php-site14.php, so ist es prinzipiell möglich, für jede Seminarsitzung eine einzelne Unterseite anzulegen) sowie eine Manteldatei für die Literaturliste. Alle in der Seite angezeigten Bilder kommen in den Ordner images und werden entsprechend referenziert! Bitte beachtet die Regeln für Bilder! Alle Materialien wie PDFs oder Soundbeispiele kommen in den Ordner material. Dieser Ordner kann dann separat vom restlichen Inhalt geschützt werden (siehe unten). Genug Regeln, ab auf die Baustelle.

Schritt 1: grunddaten.inc.php editieren (Bereich 1)

• Auf der obersten Ebene findet ihr die Datei grunddaten.inc.php. Öffnet sie in einem Quelltexteditor.
• Tragt in die Variablen den Titel des Seminars ($title), die Daten ($daten) und den URI-Pfad bis zum Namen des Ordners der Seminarwebseite ein ($abspath).
• Der Titel und die Seminardaten werden nun im Bereich 1 der Seminarwebseite angezeigt.

Schritt 2: Dateien im Ordner contents editieren (Bereich 2)

• Im Ordner contents findet man, wie gehabt, die mit Inhalt zu füllenden Äquivalente zu den Manteldateien.
• Die index.inc.php enthält bereits ein Grundgerüst für den Kommentartext, den Dozenten und einen Seminarplan mit Aufgaben.
• Die site1.inc.php enthält alle Styles und Stylemodule, die benutzt werden dürfen, so dass man sie per copy&paste in den leeren Dateien site2.inc.php-site14.inc.php verwenden kann, um den vorgesehenen Inhalt zu formatieren.
• Die literatur.inc.php enthält einen Dummy-Literaturlisteneintrag zum reproduzieren, um eine Literaturliste aufzubauen.
• Benutzt bitte kein target="_blank" für Verweise, die sich in einem neuen Fenster öffnen sollen, sondern den XHTML-kompatiblen Workaround: onclick="window.open(this.href,'_blank');return false;"
• Beachtet die XHTML-Regeln!
• Nie vergessen: Zuerst Syntaxchecker laufen lassen, dann speichern!

Schritt 3: Hauptmenü ergänzen (Bereich 3)

• Über das Hauptmenü können die einzelnen Seminarseiten nach und nach 'freigeschaltet' werden.
• Öffnet die Datei hauptmenue.inc.php im Quelltexteditor
• In die Variablen $menu(n) werden die Textbrocken für die Menüpunkte eingetragen, und zwar in der Form, wie sie im Hauptmenü angezeigt werden sollen. Es ist daher immer sinnvoll, kurze Begriffe zu wählen. Erzeugt von diesen Variablen so viele, wie ihr gerade benötigt.
• Mit <div class="hauptmenu"> kann man das Menü in Sektionen unterteilen. Wenn alles in einem Block stehen soll, so wie auf dieser Seite, schließt man die einzelnen Menüpunkte in ein solches div ein. Will man z.B. den Seminarplan und die Literaturliste von den Sitzungsseiten abheben, so braucht man drei dieser divs, eines für den Seminarplan-Menüpunkt, eines für die einzelnen Sitzungsseiten-Menüpunkte und eines für den Literaturlisten-Menüpunkt, die die jeweiligen Verweise einschließen.
• Ein Menümodul sieht folgendermaßen aus:
  <a class="menu" href="site1.php"><?php $content == ('site1')?print('<span class="menuhi">'.$menu1.'</span>'):print ($menu1); ?></a><br />
  Anpassen müsst ihr hier den href-Verweis (dieser Menüpunkt verweist auf site1.php), die $content-Variable ($content ist daher 'site1'), und die $menu(n)-Variable (die durchreicht, welcher Text als Menüpunkt angezeigt wird - hier $menu1).
• Dieses Codemodul könnt ihr nun so oft kopieren und anpassen, wie ihr Menüpunkte benötigt.
• Speichern, hochladen und zack - fertig ist die Seite!
• Nicht ganz: Überprüft die Seite auf jeden Fall nochmal Online mit dem XHTML-Check!

Gebrauchsanweisung