Seitenlayout

» Seitenraster
» Seitenelemente


Seitenraster

Aufbau

Der Aufbau der neuen Webseiten der Universität Innsbruck lässt sich grob mit einem oben beginnenden Header-Bereich, einem zweispaltigen Content- und schließlich einem Footer-Bereich mit integrierter Familiennavigation umschreiben.

Seitenraster

Header-Bereich

Auf jeder Webseite wird oben links das Web-Logo der Universität Innsbruck inkl. Siegel im Hintergrund dargestellt. Rechts oben finden sich Sprachumschaltung, Login MItarbeiterInnen, Web- und Personensuche und Quicklinks. Darunter folgt die Hauptnavigation, die bei Klick auf den jeweiligen Navigationspunkt eine umfangreiche Linkauflistung öffnet. Als Abschluss des Header-Bereichs wird die Department-Bezeichnung angezeigt.

Seitenraster Header-Bereich

Auf der Startseite der Universität Innsbruck https://www.uibk.ac.at/ wird das Web-Logo sowie die Hauptnavigation präsenter angezeigt, die Department-Bezeichnung ist nur auf den Seiten des jeweiligen Bereiches (Institut / Organisationseinheit) vorhanden.

Seitenraster Header-Bereich Startseite

Content-Bereich

Der Inhaltsbereich teilt sich in zwei Spalten auf. Im linken Bereich wird der Inhalt der jeweiligen Seite angezeigt. In der rechten Spalte finden sich die Navigation des jeweiligen Bereiches (Institut / Organisationseinheit) und optional in der Navigation integriert weiterführende Links.

Aufgrund des neuen responsiven Designs der Webseite bzw. um eine korrekte Darstellung zu gewährleisten, sollten Bilder, die in den Content-Bereich eingebaut werden, maximal 900 px breit sein. Es wird empfohlen Tabellen immer mit %-Angaben anstatt mit px-Angaben zu erstellen. Das aktuelle Design wurde auf 1280 x 1024 px optimiert.

Seitenraster Content-Bereich

Footer-Bereich

Im unteren Teil jeder Webseite finden sich unter anderem das Impressum, die Social-Media-Kanäle und Zertifizierungen, die Familiennavigation, die Webredaktion und das letzte Aktualisierungsdatum der Webseite.

Seitenraster Footer-Bereich

 


zum Seitenanfang


Seitenelemente

Suche

Die Suchfunktion ist oben rechts im Header über der Navigation zu finden. Sie wird zentral gewartet und ist auf allen Seiten enthalten. Bei Klick auf "Suche" öffnet sich ein Pop-Up, bei dem nach Webseiten oder Personen gesucht werden kann.

Seitenelemente Suche

Quicklinks

Die Quicklinks (Schnellzugriff) sind oben rechts im Header über der Navigation zu finden. Bei Klick auf "Quicklinks" öffnet sich ein Pop-Up. Es enthält Links zu verschiedenen universitären Anwendungen und ist im Besonderen für NutzerInnen gedacht, die bereits mit der Homepage der Universität Innsbruck vertraut sind und schnell zu bestimmten Anwendungen kommen wollen. Daher sind die Quicklinks (Schnellzugriff) auf jeder Seite zu finden, werden zentral gewartet und können nicht individuell verändert werden.

Seitenelemente Quicklinks

Hauptnavigation

Auf den Webseiten der Universität Innsbruck ist die Hauptnavigation im Header-Bereich unterhalb der Suche und den Quicklinks zu finden. Bei Klick auf den jeweiligen Navigationspunkt wird eine Linkauflistung anzeigt. Über die darin enthaltenen Navigationslinks ist es möglich, alle Informationen im Uniweb anzusteuern.

Seitenelemente Hauptnavigation

Department-Bezeichnung

Oberhalb des Contents ist die Department-Bezeichnung des jeweiligen Bereichs. Diese Bezeichnung wird auf allen Unterseiten angezeigt und kann über die „Zusammenfassung" des Departmentroots in XIMS mehrsprachig angepasst werden.

Seitenelemente Infotext

Bereichsnavigation

Zusätzlich zur Hauptnavigation kann für jede Einrichtung (Institut / Organisationseinheit) eine eigene Navigation erstellt werden. Auf den Webseiten der Universität Innsbruck ist diese Bereichsnavigation in der rechten Spalte des Contents vorhanden. Über die darin enthaltenen Navigationslinks ist es möglich, alle Informationen des jeweiligen Bereiches (Institut / Organisationseinheit) anzusteuern. Die Bereichsnavigation lässt sich nun einfach über XIMS warten und ist im Abschnitt "Passen Sie die Navigation Ihrer Website an" dokumentiert.

Seitenelemente Bereichsnavigation

Weiterführende Links („speciallinks“)

Die Weiterführenden Links ("speciallinks") sind optional und und werden erst durch Klick auf den Link ausgeklappt und sichtbar. 

Seitenelemente Speziallinks

Farben der Webseiten

Die Standardfarben, die zur Gestaltung der Website verwendet wurden, sind orange (z.B. Suche, Quicklinks) und blau (z.B. Hauptnavigation, Familiennavigation) - die Farben des Universitätslogos. Für die Bereichsnavigation wurde weiß verwendet. Im Allgemeinen wurde bei den Farben auf ein schlichtes Erscheinungsbild Wert gelegt, um jeder Einrichtung die Möglichkeit zu bieten, ihre Seiten individuell anzupassen.