Information zum Seitenaufbau und Sprungmarken fuer Screenreader-Benutzer: Ganz oben links auf jeder Seite befindet sich das Logo der JLU, verlinkt mit der Startseite. Neben dem Logo schliesst sich die Hauptnavigation in Form der Reiternavigation an. Es folgt die Grobnavigation links unterhalb des Logos. Die Feinnavigation findet sich in der linken Spalte. Unterhalb der Reiternavigation ist die Brotkrumen-Navigation. In der Mitte der Seite befindet sich der Inhaltsbereich. In der rechten Spalte finden Sie die Suche und ueblicherweise Kontaktdaten und direkte Links. Als Abschluss der Seite sind im Fussbereich Links zu Barrierefreiheit, Kontakt Web-Master, Impressum, Plone-Kurse, Hilfe, Login fuer Redakteure aufgelistet.

vor "Barrierefreiheit" im Seitenfuss vor Reiternavigation vor Grobnavigation in linker Kolumne vor Feinnavigation in linker Kolumne vor Sie sind hier vor Inhalt vor rechter Kolumne mit zusaetzlichen Informationen im Suchfeld Suche nach vor Redaktion vor Kontakt Web-Master im Seitenfuss vor Impressum im Seitenfuss

Reiternavigation
You are here: Home Medienpädagogische Arbeitsstelle Informationen Webseite FB04 Banner und random-Bild
Document Actions

Banner und random-Bild


Das Bildfeld in der Titelleiste kann zwei Elemente haben: als Standard das meist breitformatige Banner links, dazu optional ein 'random'-Bild rechts. Die festgelegten Bilder sind in allen nachgeordneten Bereichen zu sehen, die keine eigenen Einstellungen haben.

Ein eigenes Banner ist für die Institute und die allgemeinen Einrichtungen des Fachbereichs vorgesehen. Das random-Bild dagegen kann ohne feste Regel in jedem Bereich und jedem Thema wechseln.

Bild vorbereiten

Arbeiten Sie nicht in der Original-Bilddatei, sondern erzeugen Sie sicherheitshalber eine Kopie davon und nennen sie noch vor der Bearbeitung um, beispielsweise in "(bildname)_banner.jpg" bzw. "(bildname)_random.jpg".

Zur Bildqualität siehe auch "webleitfaden_internetbilder".

Dateiformat

Verwenden Sie das Bildformat ".jpg". Möglich ist auch ".gif", aber keinesfalls ".tif"! Gegebenenfalls im Bildbearbeitungsprogramm mit Hilfe von "speichern unter" oder mit einem Konverter wie IrfanView umwandeln.

Format und Größe Banner

Das Banner ist links ausgerichtet und rechts je nach Bildschirmauflösung abgeschnitten oder von einem random-Bild überdeckt. Ist die verfügbare Darstellungsfläche größer als das Bannerbild, wird es auf der neutral grauen Hintergrundfläche zentriert.

Deshalb gelten für das Banner folgende Regeln:
• Deutliche Überbreite, damit keine unschöne Lücke entstehen kann.
• Inhaltliche Aussage, sofern intendiert, im linken Bildbereich. Immer sichtbar sind die linken 400 Pixel.
• Die rechte Seite so gestalten, daß sie verlustfrei abgeschnitten oder überdeckt werden kann. Gegebenenfalls kann man sie künstlich verlängern, etwa vergrauen und in eine gleichmäßig graue Fläche überführen.

Breite x Höhe: 800 Pixel oder mehr x exakt 120 Pixel.

Format und Größe random-Bild

Das random-Bild wird in der Darstellung in einen Rahmen von 200x120 Pixeln mit neutral grauem Hintergrund zentriert eingepasst und dabei ggf. verkleinert, aber nicht vergrößert oder verzerrt. Das heißt: Wenn das Bild genau passen und keinen grauen Rahmen oben oder unten haben soll, muß es genau die vorgegebene Größe haben.

Breite x Höhe: exakt 200 x 120 Pixel.

Ausschnitt wählen

Die Höhe von Banner und random-Bild ist auf 120 Pixel festgelegt, die Breite muß danach ausgerichtet werden. Vorschlag für den Arbeitsablauf in Ihrem Bildbearbeitungsprogramm:

Höhe:
• Das Bild zunächst nur in der Höhe exakt auf den gewünschten Ausschnitt beschneiden, dabei die resultierende Breite schätzen.
• Bildgröße neu berechnen mit 120 Pixel für die Höhe.

Breite
Danach entweder
• Einen Rahmen in der gewünschten Größe erzeugen.
• Den Rahmen auf dem Bild verschieben und damit den gewünschten Auschnitt wählen.
• Das Bild auf den Auswahlrahmen festlegen (ausschneiden).
• Speichern.
oder
• Das ganze Bild (Strg+A) markieren und kopieren (Strg+C).
• Neues Bild mit den gewünschten Maßen (in Pixel) anlegen.
• Das kopierte Bild einfügen (Strg+V) und auf den gewünschten Ausschnitt schieben.
• Ggf. alles auf eine Ebene reduzieren.
• Das neue Bild unter dem gewünschten Namen speichern.

Bild für die Darstellung auf der Webseite festlegen

Eigenes Banner einstellen

Die Datei mit dem Bannerbild ist fest in die JLU-Struktur eingebunden. Ihr Speicherort, Titel und Kurzname dürfen deshalb auf keinen Fall verändert werden.

Allerdings kann in dieser Datei das Bild selbst ausgetauscht werden:
• Login
• In den Artikel wechseln, für den das Bild vorgesehen ist.
• Umschalten auf "Inhalte", in den Ordner "fb04_layout" wechseln und die Datei "fb04_banner.jpg" öffnen.
• "bearbeiten"
• "Durch neues Bild ersetzen:"
• "durchsuchen" und im Dateiauswahlfenster das vorbereitete Bannerbild auswählen
• "speichern"
• ggf. "aktualisieren" (= Taste F5), um das neue Bild in der Datei anzuzeigen, ggf. erneut, um das neue Bild im Banner anzuzeigen.

Eigenes random-Bild einstellen

Wenn nicht die Einstellung aus einem übergeordneten Bereich übernommen werden soll, gelten folgende Regeln:
• Im entsprechenden Ordner oder Artikel existiert ein Unterordner mit dem Kurznamen "randomimages".
• Angezeigt wird nach dem Zufallsprinzip (random) eines der Bilder in diesem Ordner (Anzeigewechsel auch user-seitig durch Mausklick aufs Bild).
• Soll also ein bestimmtes Bild gezeigt werden, darf sich nur eines im Ordner befinden.
• Nicht vergessen: eine neu angelegte Bilddatei unter "status" veröffentlichen
• Soll kein random-Bild angezeigt werden, muß ein leerer Ordner mit dem Kurznamen "randomimages" existieren.

Das random-Bild kann auch in eine Standard-Datei eingebunden und dort ausgetauscht werden, wie bei "eigenes Banner einstellen".

Zum aktive random-Bild gelangt man mit Mausklick auf das angezeigte Bild.

Anstelle eines Bildes eine leere graue Fläche anzeigen

• gewünschtes Bild (banner oder random-Bild) öffnen: s. o.
• "bearbeiten"
• Lösche aktuelles Bild
• "speichern"

Font size: large | standard | small
Orientierungshilfe_link
Adresse

Medienpädagogische Arbeitsstelle Fb. 04
Philosophikum I, Haus G, Raum 239
Tel. (++49) 0641-99-28285

Aktuelle Informatioen
Termine
Personen
downloads
Adresse, Kontakt, Sprechzeiten

Eigenständigkeitserklärung Hausarbeit

Redaktion
04.09.2007 14:04
 

Barrierefreiheit | Kontakt Web-Master | Impressum | Plone-Kurse | Hilfe | Login für Redakteure
Powered by Plone CMS, the Open Source Content Management System

This site conforms to the following standards: