TYPO3 - Headerbild bestimmen: Unterschied zwischen den Versionen

IMT HilfeWiki - das Wiki
K
(9 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Infobox article
+
{{article
| os = Alle
+
|type=Anleitung
| service = Typo3
+
|os=Alle
| targetgroup = Angestellte, Bereiche, Studierende
+
|service=Meta:Typo3
| type = Anleitung
+
|targetgroup=Angestellte, Bereiche, Studierende
| disambiguation =  
+
|hasdisambig=Nein
 
}}
 
}}
 
+
Diese Anleitung zeigt Ihnen, wie man ein Headerbild erstellt und die dazugehörigen Metadaten einträgt.
<!-- Entweder draft mit fertigem Inhalt -->
+
<br clear=all>
{{draft}}
 
 
 
<!--oder stub und einer Erklärung, was hier passieren soll-->
 
{{stub}}
 
 
 
<!-- Folgend der empfohlene Seitenaufbau -->
 
Kurzer Einleitungstext
 
  
 
== Was ist zu tun? ==
 
== Was ist zu tun? ==
* Stichpunktartige Auflistung
+
* Ordner in Dateiliste erstellen
* aller Arbeitsschritte
+
* Bilder hochladen
 +
* Seite bearbeiten
 +
* Metadaten eintragen
 +
* Seite erstellen
 +
<br clear=all>
  
 
== Schritt für Schritt Anleitung ==
 
== Schritt für Schritt Anleitung ==
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.
+
* 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.  
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 1.jpg|Abbildung 1|left]]
+
* 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|960x960px]]
 
<br clear=all>
 
<br clear=all>
  
  
In diesem Beispiel sind fünf 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. Vergessen Sie nicht, das Dokument nach dem Einfügen der Metadaten zu speichern.
+
* In diesem Beispiel sind vier Grafiken hochgeladen worden, die von Matthias Groppe stammen und sich alle auf das internationale Jahr des Lichts beziehen.  
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 2.jpg|Abbildung 2|left]]
+
* 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'''.
 +
[[Datei:Headerbild grossbilder2.png|links|mini|ohne|600px]]
 
<br clear=all>
 
<br clear=all>
  
Platzieren Sie nun in der Ansicht "Seite" den Mauszeiger auf der Seite "Seite 1" und rufen Sie über die rechte Maustaste "Bearbeiten" auf:
 
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 3.jpg|Abbildung 3|left]]
 
<br clear=all>
 
  
Wechseln Sie unter "Erscheinungsbild / Medienelement / Modus" 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.
+
Platzieren Sie nun in der Ansicht '''"Seite"''' den Mauszeiger auf der Seite '''"Seite 1"''' und rufen Sie über die rechte Maustaste '''"Bearbeiten"''' auf:
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 4.jpg|Abbildung 4|left]]
+
[[Datei:Headerbild4.png|links|mini|880x880px]]
 
<br clear=all>
 
<br clear=all>
  
 
+
* Klicken Sie auf '''Erscheinungsbild''' und wechseln Sie unter '''Medienelement''' von "Standard" zu '''"Bild"'''.
Klicken Sie anschließend auf "Neue Relation erstellen":
+
* 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.
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 5.jpg|Abbildung 5|left]]
+
* Klicken Sie danach auf '''Bild hinzufügen'''.
 +
[[Datei:Headerbild5.png|links|mini|555x555px]]
 
<br clear=all>
 
<br clear=all>
  
  
Daraufhin öffnet sich ein neues Fenster mit dem Verzeichnisbaum. Klicken Sie erforderlichenfalls auf den Ordner "grossbilder", um ihn zu öffnen. Markieren Sie im Ordner "grossbilder" mit einem Häkchen die Grafik, die Sie als Headerbild nutzen möchten, und klicken Sie danach auf "Auswahl importieren". Falls Sie mehrere Grafiken markieren, wird im Modus "Bild" nur die oberste markierte Grafik importiert.
+
* Daraufhin öffnet sich ein neues Fenster mit dem Verzeichnisbaum. Klicken Sie nun auf den Ordner "grossbilder", um ihn zu öffnen.  
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 6.jpg|Abbildung 6|left]]
+
* 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|links|mini|695x695px]]
 
<br clear=all>
 
<br clear=all>
  
  
Unterhalb von "Neue Relation erstellen" wird jetzt das ausgewählte Bild 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. Obwohl der Button "Neue Relation erstellen" zu sehen ist, können Sie über diesen Button im Modus "Bild" keine zweite Grafik einfügen. 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.
+
* Das ausgewählte Bild wird nun mit den Metadaten angezeigt.  
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 7.jpg|Abbildung 7|left]]
+
* 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|links|mini|836x836px]]
 
<br clear=all>
 
<br clear=all>
  
  
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 8.jpg|Abbildung 8|left]]
+
* 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|links|mini|707x707px]]
 
<br clear=all>
 
<br clear=all>
 
 
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 9.jpg|Abbildung 9|left]]
 
<br clear=all>
 
 
== Siehe auch ==
 
Weiter interessante Artikel verlinken
 

Version vom 16. November 2019, 12:21 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte, Bereiche und Studierende
HilfeWiki des IMT der Uni Paderborn

no displaytitle found: TYPO3 - Headerbild bestimmen

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.



  • 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:


  • 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.



  • 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.



  • 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.



  • 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:



Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 Tel. Medien: +49 (5251) 60-2821 E-Mail: imt@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des IMT

Das IMT:Notebook-Café (Raum I0.401) bietet in der vorlesungsfreien Zeit nur eingeschränkten Support

Mo Di-Do Fr
Vor-Ort-Support - 09-13 Uhr -
Telefonsupport 08:30-13 Uhr & 13:30-15 Uhr 08:30-13 Uhr

Das IMT:Servicecenter Medien auf H1 hat aktuell von Montag bis Freitag von 08:00-13:00 Uhr geöffnet.


Cookies helfen uns bei der Bereitstellung des IMT HilfeWikis. Bei der Nutzung vom IMT HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.