Grundlegende Beschreibungen
Hinweise
Nutzen Sie unsere Gestaltungsbeispiele oder Schulungsunterlagen um einen Einblick in die Arbeit mit TYPO3 zu erhalten oder ihr Wissen aufzufrischen.
Lesen Sie die auch die Webordnung, hier wird definiert:
- wann die Vergabe eines Templates gewährt wird
- wer inhaltlich zuständig ist
- wer die technische Verantwortung trägt
- das deutsch die Standardsprache jeder Webseite ist.
Aufbau der Webseite
Jede Web-Seite ist wie folgt aufgebaut:
- Header 1 mit Sprachumschaltung und Login
- Header 2 mit Logo, Titel der Einrichtung, Suche und Schnelleinstieg
- Hauptmenü – waagerecht positioniert mit maximal 6 Menüpunkten
- Seiteninhalt
- Footer mit Kontakt- und Service-Bereichen
Hauptmenü
Das waagerecht angeordnete Hauptmenü darf maximal 6 Menüpunkte mit möglichst kurzer Bezeichnung enthalten. Die zweite und dritte Menüebene werden zusammengefasst, wodurch die gesamte dritte Ebene nach dem Anklicken des Hauptmenüpunktes sichtbar ist. Die zweite Menüebene dient nur der besseren Gliederung und ist nicht anklickbar. Es sind maximal 8 Menüpunkte in der zweiten Ebene möglich, wobei maximal 4 nebeneinander platziert werden können. Es ist ratsam in Bezug auf die Übersichtlichkeit, auf eine möglichst gleichmäßige Anordnung und ausgewogene Verteilung der Menüpunkte der dritten Ebene zu achten.
Inhalt
Anders als bisher können Inhalte nebeneinander dargestellt werden. Dazu ist es möglich, Spalten (ein- bis vierspaltig) in unterschiedlichen Breiten (Raster) anzulegen.
Zu den bisher bekannten Inhaltselementen kommen folgende neue hinzu:
- Highlightbox zur farblichen Hervorhebung wichtiger Inhalte
- Slideshow als Bildgestaltungselement der Seite
- Teaserbox
- Bildergalerie
- Accordion zur Strukturierung textlastiger Seiten
Schnelleinstieg
Der Schnelleinstieg ist für eine Sammlung von Links zu besonders relevanter Seiten der Hauptnavigation vorgesehen. Es können max. zwei Spalten mit Links eingetragen werden.
Footer
Im Footer sind die Kontaktinformationen der Einrichtung anzugeben. Unter „Service“ sind die Punkte „Impressum“, „Datenschutz“ und „Lageplan“ fest integriert. Den Inhalt des Punktes „Lageplan“ können Sie Ihren Erfordernissen entsprechend anpassen. Die Links zu Facebook und Youtube sind vorgegeben.
Lageplan
Die Standorte der Universität können Sie über das hier verlinkte Geoportal erreichen.
Über die Treffpunkt-Funktion können Sie einen Punkt in der Karte benennen und erhalten anschließend einen Link, den Sie in Ihre Web Seite der Einrichtung einbauen können. So kann jeder den gewünschten Ausschnitt von Rostock in der gewählten Vergrösserung anzeigen lassen.
Die Karten können mit einem Verweis auf das Geoportal auch für Druckerzeugnisse benutzt werden.
Kartenausschnitte können mit zuschaltbaren Themen (z.B. Haltestellen) gekennzeichnet und über den Punkt Kartenausschnitt drucken als PDF-Datei ausgegeben werden. PDF-Dateien kann man mit den neueren Photoshop Versionen öffnen und bearbeiten.
Bei Fragen zur Verwendung mailen Sie bitte an itmzuni-rostockde oder rufen Sie im IT- und Medienzentrum bei Kerstin Baier unter der Telefonnummer +49 (0) 391 498 5335 an.
Sie können auch die Karten von Openstreetmap.de verwenden. Beachten Sie bitte auch die hier geltenden Lizenzbedingungen.
Barrierefreiheit
Alternative Text eines Bildes
Der Alt-Text eines Bildes als eines der wesentlichsten Elemente für die Barrierefreiheit unserer Webseiten sollte immer angegeben werden. Dieser sollte möglichst das Zusehende und den Zweck des Bildes für u.a. unsere Sehbehinderten Nutzer kurz und prägnant beschreiben. Ein guter Alt-Text sollte nicht mehr als 125 Zeichen besitzen. Er ist auch für die Suchmaschinen wichtig, damit die Seiten besser platziert werden. Die Bilder könnten so u.a. in den Suchmaschinenergebnisseiten (oder Google Bildersuche) auftauchen.
Ein Redakteur kann diese Informationen direkt nach dem Hochladen über das Modul Dateiliste in den Meta-Daten der Datei im Reiter Allgemein hinterlegen. Überall wo das Bild nun eingebunden wird, wird dieser Text automatisch mit in den HTML-Code integriert. Wenn die Beschreibung nicht zweckdienlich für die Seite ist kann der Text auch im Inhaltselement überschrieben werden.
Dateien in TYPO3
Alle über das Backend eines Webauftrittes angelegten Daten sind Teil dieses. Laut Webordnung §2 ist die inhaltliche Verantwortlichkeit geklärt. Die Redakteure sind für die inhaltliche Gestaltung der Webseite zuständig, das bezieht sich nicht nur auf die durch Inhaltselemente oder News erstellten Texte, sondern auch für Dateiinhalte wie Bilder oder PDFs die sie über die Dateiliste ins Backend hochladen und über die Inhaltselemente in die Seite integieren oder direkt verlinken.
Standardverzeichnisse im Backend
In jedem Webauftritt ist der Redakteursgruppe ein Dateibereich per Freigabe im öffentlichen Teil von Typo3 zugeordnet, wo Bilder oder andere Dateien zur Gestaltung der Webseite hinterlegt werden können. Damit diese Dateien in die Webseite integriert werden können, erhalten sie von Typo3 eine URL über die sie öffentlich erreichbar sind.
Für besonders schützenswerte Dateien die ausschließlich Universitätsmitgliedern mit gültigem ITMZ-Kennzeichen zugänglich sein sollen, stellt das ITMZ aus Antrag gesonderte Verzeichnisse bereit. Diese entsprechen aber nicht den Standardverzeichnissen, welche wir mit einem neuen Template ausliefern.
Rechtsfreiheit von Dateien
Wer als Redakteur nicht nur reine Texte auf seine Webseite bringen möchte, nutzt Bilddaten oder andere Inhalte zur Gestaltung seiner Seite. Die Rechtsfreiheit dieser Inhalte ist durch Redakteure zu gewährleisten. Das gilt nicht nur für Bild Dateien selbst, sondern auch andere Datei-Formate. Wenn sie sich in Bezug auf die rechtliche Nutzung nicht sicher sind, raten wir dringend von einem Upload ab. Wir empfehlen die Verwendung von Bildern des Medienservices, die über die Bilddatenbank (https://bilddatenbank.uni-rostock.de) verfügbar sind! Schauen sie sich auch auf den Seiten unseres ITMZ Medienservices um und lassen sich beraten:
https://www.itmz.uni-rostock.de/service/medienservice/fotografie/
https://www.itmz.uni-rostock.de/service/medienservice/foto-und-video/
Nutzen, Löschen und Schützen von Dateien
Um ein „Text mit Bild“ Element im Frontend anzuzeigen müssen Sie als Redakteur:
- das Bild in die Verzeichnisfreigabe laden
- das Inhaltselement „Text mit Bild“ erstellen und dort das Bild integrieren.
Wenn beides von der Webseite gelöscht werden soll müssen beide Schritte durch den Redakteur wieder rückgängig gemacht werden.
Wenn das Bild nicht gelöscht werden kann, liegt der Grund meist daran das es in anderen Inhaltselementen ebenfalls verwendet wird. Hier muss der Redakteur entscheiden ob er die Verbindung aufhebt und das Bild aus den Elementen entfernt oder ein Löschen nicht notwendig ist.
Bitte räumen Sie ihr Backend auf und löschen Sie ungenutzte Dateien in der Dateiliste. Dort können Sie im Arbeitsbereich in der Tabelle über die Spalte „Ref“ erkennen, ob eine Datei in Inhaltselementen verwendet wird. Wenn nicht müssen Sie als Redakteur entscheiden, ob diese entfernt werden kann, weil z.B. zu alt oder schon aktuellere Versionen vorhanden und eingebunden.
Wer nicht möchte das eine Datei öffentlich zugänglich ist, sondern nur Universitätsmitgliedern mit gültigen ITMZ Kennzeichen, der muss im ITMZ eine geschützte Dateifreigabe beantragen. Bilder die hier liegen werden bei Einbindung über ein Inhaltselement nicht im Frontend angezeigt, es sei denn der Nutzer ist angemeldet. Verlinkungen in Textelementen werden über die URL der Datei ausgespielt, so dass für den Zugriff ein Login abgefragt wird. Diese Art der Verzeichnisse sollte nur bei wirklich schützenswerten Daten, welche nicht der Allgemeinheit bereitgestellt werden sollen, genutzt werden. Sie entsprechen nicht dem Standard bei Webauftritten und müssen deshalb gesondert beantragt werden.