K |
|||
| Zeile 20: | Zeile 20: | ||
* Um ein Headerbild einzufügen bzw. ein vorhandenes Headerbild zu ersetzen, legen Sie - falls noch nicht vorhanden - unter "Dateiliste" einen Ordner für das Headerbild oder die Headerbilder an, laden eine Grafik oder mehrere Grafiken im Format 944 x 295 Pixel hoch und editieren die Metadaten, damit dem Besucher der Webseite später Informationen zum Bildinhalt und zur Urheberin / zum Urheber zur Verfügung stehen. | * Um ein Headerbild einzufügen bzw. ein vorhandenes Headerbild zu ersetzen, legen Sie - falls noch nicht vorhanden - unter "Dateiliste" einen Ordner für das Headerbild oder die Headerbilder an, laden eine Grafik oder mehrere Grafiken im Format 944 x 295 Pixel hoch und editieren die Metadaten, damit dem Besucher der Webseite später Informationen zum Bildinhalt und zur Urheberin / zum Urheber zur Verfügung stehen. | ||
* Der Name des Ordners für die Headerbilder - hier "grossbilder" - sollte erkennen lassen, was der Ordner enthält, und könnte z. B. auch "headerbilder" oder - bei Anlage eines Sliders - "slider" sein. | * Der Name des Ordners für die Headerbilder - hier "grossbilder" - sollte erkennen lassen, was der Ordner enthält, und könnte z. B. auch "headerbilder" oder - bei Anlage eines Sliders - "slider" sein. | ||
| − | [[Datei:Headerbild grossbilder.png|links|mini| | + | [[Datei:Headerbild grossbilder.png|links|mini|960x960px]] |
<br clear=all> | <br clear=all> | ||
| Zeile 32: | Zeile 32: | ||
Platzieren Sie nun in der Ansicht '''"Seite"''' den Mauszeiger auf der Seite '''"Seite 1"''' und rufen Sie über die rechte Maustaste '''"Bearbeiten"''' auf: | Platzieren Sie nun in der Ansicht '''"Seite"''' den Mauszeiger auf der Seite '''"Seite 1"''' und rufen Sie über die rechte Maustaste '''"Bearbeiten"''' auf: | ||
| − | [[Datei:Headerbild4.png|links|mini| | + | [[Datei:Headerbild4.png|links|mini|880x880px]] |
<br clear=all> | <br clear=all> | ||
| Zeile 38: | Zeile 38: | ||
* Wenn "Standard" gewählt ist, richtet sich die Anzeige des Bildes oder Sliders im Header der Seite nach der Einstellung, die die übergeordnete Seite aufweist. Wenn Sie ein anderes Headerbild wünschen, müssen Sie also "Bild" wählen. | * Wenn "Standard" gewählt ist, richtet sich die Anzeige des Bildes oder Sliders im Header der Seite nach der Einstellung, die die übergeordnete Seite aufweist. Wenn Sie ein anderes Headerbild wünschen, müssen Sie also "Bild" wählen. | ||
* Klicken Sie danach auf '''Bild hinzufügen'''. | * Klicken Sie danach auf '''Bild hinzufügen'''. | ||
| − | [[Datei:Headerbild5.png|links|mini| | + | [[Datei:Headerbild5.png|links|mini|555x555px]] |
<br clear=all> | <br clear=all> | ||
| Zeile 45: | Zeile 45: | ||
* Klicken Sie neben dem Gewünschten Bild auf das '''+'''. | * Klicken Sie neben dem Gewünschten Bild auf das '''+'''. | ||
* Falls Sie mehrere Grafiken markieren, wird im Modus "Bild" nur die oberste markierte Grafik importiert. | * Falls Sie mehrere Grafiken markieren, wird im Modus "Bild" nur die oberste markierte Grafik importiert. | ||
| − | [[Datei:Headerbild6.png|links|mini| | + | [[Datei:Headerbild6.png|links|mini|695x695px]] |
<br clear=all> | <br clear=all> | ||
| Zeile 54: | Zeile 54: | ||
* Die Metadaten zu "Urheber" werden dagegen hier nicht angezeigt und können hier nicht geändert werden. In der Regel ist das aber auch nicht notwendig oder sinnvoll. | * Die Metadaten zu "Urheber" werden dagegen hier nicht angezeigt und können hier nicht geändert werden. In der Regel ist das aber auch nicht notwendig oder sinnvoll. | ||
* Um das Einfügen einer neuen Grafik möglich zu machen, müssen Sie vorher mit dem Mauszeiger auf die bereits eingefügte Grafik gehen und den Datensatz mittels des dann erscheinenden Abfalleimer-Symbols löschen. | * Um das Einfügen einer neuen Grafik möglich zu machen, müssen Sie vorher mit dem Mauszeiger auf die bereits eingefügte Grafik gehen und den Datensatz mittels des dann erscheinenden Abfalleimer-Symbols löschen. | ||
| − | [[Datei:Headerbild7.png|links|mini| | + | [[Datei:Headerbild7.png|links|mini|836x836px]] |
<br clear=all> | <br clear=all> | ||
| Zeile 61: | Zeile 61: | ||
* Wenn Sie den Mauszeiger auf dem Bild platzieren, wird ein Tooltip sichtbar, in dem Titel und Urheberin/Urheber des Bildes genannt werden. | * Wenn Sie den Mauszeiger auf dem Bild platzieren, wird ein Tooltip sichtbar, in dem Titel und Urheberin/Urheber des Bildes genannt werden. | ||
* Über das von einem Kreis umschlossene "i" rechts oben im Bild können Sie zusätzlich die "Beschreibung" abrufen, die allerdings in diesem Beispiel mit dem "Titel" identisch ist: | * Über das von einem Kreis umschlossene "i" rechts oben im Bild können Sie zusätzlich die "Beschreibung" abrufen, die allerdings in diesem Beispiel mit dem "Titel" identisch ist: | ||
| − | [[Datei:Headerbild8.png|links|mini| | + | [[Datei:Headerbild8.png|links|mini|707x707px]] |
<br clear=all> | <br clear=all> | ||
Version vom 16. November 2019, 12:21 Uhr
Allgemeine Informationen
| Anleitung | |
|---|---|
| Informationen | |
| Betriebssystem | Alle |
| Service | TYPO3 |
| Interessant für | Angestellte, Bereiche und Studierende |
| HilfeWiki des ZIM der Uni Paderborn | |
Diese Anleitung zeigt Ihnen, wie man ein Headerbild erstellt und die dazugehörigen Metadaten einträgt.
Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]
- Ordner in Dateiliste erstellen
- Bilder hochladen
- Seite bearbeiten
- Metadaten eintragen
- Seite erstellen
Schritt für Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]
- Um ein Headerbild einzufügen bzw. ein vorhandenes Headerbild zu ersetzen, legen Sie - falls noch nicht vorhanden - unter "Dateiliste" einen Ordner für das Headerbild oder die Headerbilder an, laden eine Grafik oder mehrere Grafiken im Format 944 x 295 Pixel hoch und editieren die Metadaten, damit dem Besucher der Webseite später Informationen zum Bildinhalt und zur Urheberin / zum Urheber zur Verfügung stehen.
- Der Name des Ordners für die Headerbilder - hier "grossbilder" - sollte erkennen lassen, was der Ordner enthält, und könnte z. B. auch "headerbilder" oder - bei Anlage eines Sliders - "slider" sein.
Datei:Headerbild grossbilder.png
960x960px
- In diesem Beispiel sind vier Grafiken hochgeladen worden, die von Matthias Groppe stammen und sich alle auf das internationale Jahr des Lichts beziehen.
- Bei komplexeren Bildern, z. B. bei Gruppenfotos mit namentlich bekannten Personen, könnte die "Beschreibung" natürlich umfangreicher und konkreter sein. In jedem Fall können Sie aber den Titel, den Alternativen Text und den Urheber eintragen.
- Vergessen Sie nicht, das Dokument nach dem Einfügen der Metadaten zu speichern.
Platzieren Sie nun in der Ansicht "Seite" den Mauszeiger auf der Seite "Seite 1" und rufen Sie über die rechte Maustaste "Bearbeiten" auf:
Datei:Headerbild4.png
880x880px
- Klicken Sie auf Erscheinungsbild und wechseln Sie unter Medienelement von "Standard" zu "Bild".
- Wenn "Standard" gewählt ist, richtet sich die Anzeige des Bildes oder Sliders im Header der Seite nach der Einstellung, die die übergeordnete Seite aufweist. Wenn Sie ein anderes Headerbild wünschen, müssen Sie also "Bild" wählen.
- Klicken Sie danach auf Bild hinzufügen.
Datei:Headerbild5.png
555x555px
- Daraufhin öffnet sich ein neues Fenster mit dem Verzeichnisbaum. Klicken Sie nun auf den Ordner "grossbilder", um ihn zu öffnen.
- Klicken Sie neben dem Gewünschten Bild auf das +.
- Falls Sie mehrere Grafiken markieren, wird im Modus "Bild" nur die oberste markierte Grafik importiert.
Datei:Headerbild6.png
695x695px
- Das ausgewählte Bild wird nun mit den Metadaten angezeigt.
- Unter "Titel" und "Beschreibung (Bildunterschrift)" sind die zuvor eingetragenen Metadaten bereits voreingestellt.
- Sie können sie einfach so belassen und ohne weiteres eigenes Zutun übernehmen, sie bei Bedarf aber auch überschreiben.
- Die Metadaten zu "Urheber" werden dagegen hier nicht angezeigt und können hier nicht geändert werden. In der Regel ist das aber auch nicht notwendig oder sinnvoll.
- Um das Einfügen einer neuen Grafik möglich zu machen, müssen Sie vorher mit dem Mauszeiger auf die bereits eingefügte Grafik gehen und den Datensatz mittels des dann erscheinenden Abfalleimer-Symbols löschen.
Datei:Headerbild7.png
836x836px
- Wenn Sie nun das Dokument speichern und als Webseite anzeigen lassen, erscheint im Header das ausgewählte Bild.
- Wenn Sie den Mauszeiger auf dem Bild platzieren, wird ein Tooltip sichtbar, in dem Titel und Urheberin/Urheber des Bildes genannt werden.
- Über das von einem Kreis umschlossene "i" rechts oben im Bild können Sie zusätzlich die "Beschreibung" abrufen, die allerdings in diesem Beispiel mit dem "Titel" identisch ist:
Datei:Headerbild8.png
707x707px