Computing

Download: HTML Formatierung mit XSLT
Download: HTML Style mit CSS
Download: Fensterln mit JavaScript

Download: HTML Formatierung mit XSLT

Downloads:

Hier können Sie den Formatierungscode für diese Webseite ansehen und runterladen.

Um einen erheblichen Copy&Paste-Aufwand und eine große Fehlerhäufigkeit zu vermeiden, sowie um Änderungen am Layout schnell vornehmen zu können, werden die Layoutinformationen in XML-Dateien gespeichert und mit Hilfe von XSLT werden dann aus diesen XML-Dateien die HTML-Dateien generiert.

Jede Indexseite besteht im groben aus eigenen Blöcken mit dem linken Block der den Inhalt listet. In einer index.xml (Beispiel ansehen) werden die Blöcke der jeweiligen Seite definiert. Das Format der index.xml wird durch eine DTD-Datei (Code ansehen) vorgegeben.

Mit einer XSL-Datei (Code ansehen) wird aus der index.xml eine HTML-Datei, die index.shtml, generiert. Der Inhalt der einzelnen Blöcke wird jeweils aus einer XHTML-Datei (Beispiel ansehen) eingefügt.

Die Inhaltsverzeichnisseite soll für jede Seite markieren, wo sich der Betrachter befindet, und unterscheidet sich somit auf jeder Seite. Die Information des Inhaltsverzeichnisses wird jedoch nur einmal in einer XML-Datei, der inhalt_elements.xml (Code ansehen), gespeichert. Für diese Datei besteht wiederum eine seperate DTD (Code ansehen).

In jedem Verzeichnis liegt eine inhalt_iframe.xml (Beispiel ansehen, DTD ansehen), die angibt, welcher Verzeichniseintrag als aktuell markiert werden soll. Mit der entsprechenden XSL-Datei (Code ansehen), welche auch die inhalt_elements.xml nutzt, wird dann die inhalt_iframe.html für das entsprechende Verzeichnis generiert.

Die Dateien milena_iframe.xml (Beispiel ansehen, DTD ansehen) definieren welche Bilder in welcher Reihenfolge angezeigt werden sollen. Mit einer XSL-Datei (Code ansehen) wird dann jeweils eine milena_iframe.html generiert.

Meine persönlichen Bookmarks (oder Lesezeichen) des Browsers werden auf dem Webserver in einer synchronisierten XML-Datei (Code ansehen) abgelegt. Aus dieser wird mit einer XSL-Datei (Code ansehen) die Linkliste generiert.

Download: HTML Style mit CSS

Downloads:

Hier können Sie die Stylesheetdefinition dieser Webseite ansehen und runterladen.

Das Aussehen der Webseite, besonders der einzelnen Blöcke, wird zentral in einer CSS-Datei (Code ansehen) abgelegt. Auf diese Weise müssen Änderungen an dem Layout nicht an jeder einzelnen HTML-Seite vorgenommen werden, was ja auch die Fehlerzahl erhöhen würde.

Die Stylesheetdefinition der Linkliste wird in einer seperaten CSS-Datei (Code ansehen) gespeichert.

Hier können Sie auch die Stylesheetdefinitionen der alten Webseite ansehen und runterladen.

Besonderes "Schmankerl" ist die interessante Definition von HTML-Rahmenfarben mit Schatteneffekt. (start.css, liste.css)

Download: Fensterln mit JavaScript

Downloads:

Hier können Sie die JS Scripte ansehen und runterladen.

Das Öffnen von zusätzlichen Fenstern in bestimmter Form wurde mit JavaScript (Code ansehen) gelöst.

Das Einklappen und Ausklappen der Kategorien in der Linkliste geschieht auch mit JavaScript (Code ansehen).

Hier können Sie auch die JS Scripte der alten Webseite ansehen und runterladen.

Bei der alten Webseite wurde ein Inhaltsverzeichnis mit aufklappenden Elementen gelöst. Sogar eine automatische Uhr war mit JavaScript verfügbar. Der Code wurde jedoch nur im Internet Explorer und im Netscape getestet. (aufruf.js, button.js, info.js, uhr.js)