Web-Baukasten der Friedrich-Alexander-Universität

Designs

Suche

Suche:

Sie befinden sich hier:

Startseite. Designs

Sprungmarken

• Hauptinhalt.
• Zusatzinformation.
• Bereichsmenu.
• Technisches Menu.

Hauptnavigation

• Vorlagen.
• Designs.
• Anwendungen.

Der Vorlagenkatalog besteht aus zwei Teilen: Den HTML- und Inhaltsvorlagen, welche die Inhalte der Webseite definieren und strukturieren, und den verschiedenen Designs, welche die optische Gestaltung bestimmen. (Wenn auf diesem Webauftritt von Designs geschrieben wird, ist generell ein austauschbarer Satz an CSS- und Grafikdateien gemeint, mit dessen Hilfe eine spezielle optische Darstellung erzeugt wird.)

Die Designs beruhen auf einer fest vorgegebenen Struktur in den HTML-Vorlagen. Die optische Darstellung der Inhalte wird mit Hilfe von CSS-Dateien definiert. Da die gesamte Darstellung von diesen Dateien definiert wird, ist es möglich, mit wenig Aufwand die Darstellung eines Webauftritts zu ändern: Die CSS-Dateien werden einfach ausgetauscht.

Die HTML-Vorlagen sind derart aufgebaut, dass sowohl eine Änderung der vorgegebenen Design als auch die Nutzung eigener Designs problemlos möglich ist. In den Grundlagen für Designs sind Informationen für Webdesigner angegeben, die eigene Designs auf Grundlage der vorgegebenen HTML erstellen wollen.

Übersicht

Derzeit werden folgende Designs angeboten:

Design D3

Das Design Nummer 3 ist anwendbar auf verschiedene Webauftritte, die sich an unterschiedliche Zielgruppen richten können. Die Gestaltung ist eher locker ausgerichtet und setzt den Inhalt in den Vordergrund.
Es handelt sich dabei auch um das Standarddesign des Vorlagenkatalogs. Für das Design stehen 3 Farbvarianten zur Verfügung, bei der auch die oben positionierte Schmuckgrafik ausgetauscht wird.

Design D4

Das Design Nummer 4 richtet sich an verschiedene Webauftritte, die ihren Schwerpunkt auf den Inhalt haben. Es bietet die optionale Möglichkeit, Zusatzinformationen in einer dritten Spalte rechts vom Hauptinhalt zu positionieren.

Design D5

Das Design Nummer 5 eignet sich für Webauftritte, bei denen eher weniger oder kurze Inhaltsseiten vorhanden sind. Der Kopfpteil ist sehr breit angelegt und bietet Raum für eigene, entsprechend große Grafiken, sofern gewünscht.

Design D6

Das Design D6 ist anwendbar auf verschiedene Webauftritte, die sich an unterschiedliche Zielgruppen richten können. Dieses Design unterstützt einen dreispaltigen Aufbau des Webauftritts.

Design D7

Das Design D7 ist anwendbar auf verschiedene Webauftritte, die sich an unterschiedliche Zielgruppen richten können. Dieses Design unterstützt einen dreispaltigen Aufbau des Webauftritts.

Das Design D7 ist auch in der zweispaltigen Variante verfügbar. Ebenso können Sie diese zwei Variante kombinieren, indem Sie beispielsweise auf der Startseite eine dreispaltige Variante verwenden. Auf den übrigen Seiten setzen Sie dann die zweispaltige Version ein. Dafür benötigen Sie zwei head.shtml im Ordner "ssi" (head-startseite.shtml und head.shtml), wo Sie die Einbindung der entsprechenden CSS-Dateien vornehmen können.

Design "Techfak"

Das Design "Techfak" ist eine Variante des Designs Nummer 3 und wurde speziell für die Website der Technischen Fakultät und deren Departments entwickelt.

Design "Techfak 2013"

Das Design „Techfak 2013“ basiert auf HTML 5 und wurde speziell für die Website der Technischen Fakultät und deren Departments und Lehrstühle entwickelt.

Design "Flexi"

Das Design Flexi ist im Vergleich zu den bildschirmbreiten Designs eher für die Webauftritte mit wenig Inhalt geeignet. Das Design sieht auch am besten dann aus, wenn er nur mit wenigen Punkten bzw. Unterpunkten in der Navigation ausgestattet ist.

Das Design ist in (derzeit insgesamt fünf) verschiedenen Varianten zu erhalten.

Grundlagen für Designs

Alle Designs sind nach einem einheitlichen Muster und unter Einhaltung diverser Rahmenbedingungen aufgebaut. Unter der Rubrik "Grundlagen" erfahren interessierte Webmaster und Designer, was bei der Erstellung oder der Änderungen von Designs zu beachten ist.

---