Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- redaktion:f._bilder [2024/03/11 12:25] – [Bilder aus Suche (z.B. Google) ausschliessen] ameier
+++ redaktion:f._bilder [2025/10/01 17:36] (aktuell) – [f. Bilder] ameier
@@ Zeile 1: / Zeile 1: @@
 ===== f. Bilder =====
-Es gibt – abgesehen von den Headerbildern rechts des Uni-Logos, die von der Abteilung Öffentlichkeitsarbeit gestaltet und eingepflegt werden – gewöhnliche Bilder, Personenbilder als Bestandteile von Adressen und Bilder in Galerien. Sie werden in der Dateiliste im Ordner der betreffenden Abteilung abgelegt.
+Es gibt – abgesehen von den Headerbildern rechts des Uni-Logos, die von der Universitätskommunikation gestaltet und eingepflegt werden – gewöhnliche Bilder, Personenbilder als Bestandteile von Adressen und Bilder in Galerien. Sie werden in der Dateiliste im Ordner der betreffenden Abteilung abgelegt.
-Bilder können in den [[Inhaltselementen]] "Text und Bilder" und "Nur Bilder" eingefügt werden. Beim Wechsel von "Nur Bild" zu "Text & Bilder", oder umgekehrt, bleibt die Bildauswahl bestehen.
+Bilder können in den [[Inhaltselementen]] "**Text & Bilder**" und "**Nur Bilder**" eingefügt werden. Beim Wechsel von "Nur Bild" zu "Text & Bilder", oder umgekehrt, bleibt die Bildauswahl bestehen.
-{{:redaktion:content-element-add.png|}}
-oder per Drag & Drop
-{{:redaktion:content-element-drag-drop1.png|}}
+{{:redaktion:backend-new-element-wizard-2.png|}}
 ==== Element "Text & Bilder" ====
@@ Zeile 22: / Zeile 18: @@
 Auf der Website werden 2 oder 4 Bilder nebeneinander im Querformat angezeigt. Die Spaltenangaben beziehen sich auf die Desktop-Version der Website. Auf Tablets und Smartphones wird die Darstellung nach Platzverfügbarkeit optimiert.
 ==== Bildauswahl & Einstellungen ====
@@ Zeile 28: / Zeile 25: @@
 {{:redaktion:unilu-wiki-bildelemente-01.png|}}
-Die Option "Bei Klick vergrössern" zeigt **alle** im Element ausgewählten Bilder im Vollbildmodus, inklusive Blätterfunktion. Bitte nur aktivieren, wenn das Bild in genügend grosser Auflösung hochgeladen wurde. Bilder, auf denen ein Link definiert wurde, lassen sich nicht per Klick in Grossansicht öffnen, und erscheinen auch nicht beim Durchblättern der Galerie.
+Die Option "Bei Klick vergrössern" zeigt **alle** im Element ausgewählten Bilder im Vollbildmodus mit einer Blätterfunktion. Bitte nur aktivieren, wenn die Bilder in genügend grosser Auflösung hochgeladen wurden. Bilder, auf denen ein Link definiert wurde, lassen sich nicht per Klick in Grossansicht öffnen und erscheinen auch nicht beim Durchblättern der Galerie.
 ==== Erscheinungsbild festlegen ====
@@ Zeile 34: / Zeile 31: @@
 Bilder sind generell links ausgerichtet. Andere Optionen können unter **Galerieeinstellungen** (welche nicht nur für das Bildelement gelten, festgelegt werden: Die Ausrichtung auf den Text (in oder neben dem Text) und die Spaltenbreite.
-==== Metadaten festlegen ====
+==== Metadaten festlegen bzw. überschreiben ====
 {{:redaktion:unilu-wiki-bild-details.png|}}
-Die Metadaten werden – wenn sie nicht überschrieben werden – aus den Metadaten der Bilder übernommen, wie sie beim Upload in die Dateiliste festgelegt wurden. Titel und alternativer Text sind dabei unerlässlich – der alternative Text ist für blinde Menschen wichtig.
 Ein Link ermöglicht Internetnutzer/innen, durch Klick auf das Bild direkt zur betreffenden Seite zu gelangen, z.B. verlinktes Logo → Homepage. (Ein verlinktes Bild kann nicht in Grossansicht geöffnet werden)
+Die Metadaten wie "Alternativer Text", "Beschreibung", "Titel" werden – wenn sie im Inhaltselement nicht überschrieben werden – aus den Metadaten der Bilder übernommen. Global gesetzte Metadaten können, durch das Setzen eines **Leerzeichens im elementspezifischen Wert**, __unterdrückt__ werden.
+Ist in der hochgeladenen Datei kein Titel vorhanden, wird er aus dem Dateinamen generiert, was zu unschönen Texten führen kann. Der beim Import erstellte Titel kann mit Klick auf "x" am Feldende gelöscht werden. Der hellgraue Platzhaltertext mit dem Dateinamen wird nicht auf der Seite angezeigt.
+Das **Erfassen eines Titels ist nicht zwingend**. **Ein "alternativer Text", der den Bildinhalt beschreibt, sollte, wann immer möglich, gesetzt werden**. Er kann Menschen mit Sehbehinderung vorgelesen werden. Mehr zur Verwendung von Alt-Texten https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#accessibility
+{{:redaktion:unilu-metadata-override.png|}}
 ===== Bildzuschnitt =====
@@ Zeile 51: / Zeile 54: @@
 Seitenverhältnis wählen und Bereich durch Ziehen der Randpunkte skalieren. Ausschnitt wenn nötig verschieben.
 ==== Buchcovers ====
@@ Zeile 57: / Zeile 61: @@
 ==== quadratische Bilder ====
-Es ist sehr schwierig, die identische Pixelzahl für Höhe und Breite im Modus "Frei" zu treffen. Laden Sie Bilder, die im Seitenverhältnis 1:1 dargestellt werden sollen, am besten bereits zugeschnitten hoch.
+Es ist sehr schwierig, die identische Pixelzahl für Höhe und Breite im Modus "Frei" zu treffen. Laden Sie Bilder, die im Seitenverhältnis 1:1 dargestellt werden sollen, am besten bereits zugeschnitten hoch und wählen Sie dann die volle Grösse mit dem Verhältnis "Frei".
 ==== Personenbilder - Bilder neben Adressen ====
@@ Zeile 73: / Zeile 78: @@
 Für Adressen ohne Bild, die in der Übersichtsseite der Mitarbeitenden angezeigt werden, muss in der Dateiliste (shared/Mitarbeitende/p) das Platzhalterbild gewählt werden. Nur so stehen in der Anzeige alle Adressen genau untereinander.
-Die Bilder von offiziellen  Mitarbeitenden sind von //FotoPro ecker// angefertigte Passfotos.
+Die offiziellen Bilder von Mitarbeitenden sind vom Fotografen der Universität angefertigte Passfotos.
-Die Bilder der nicht offiziellen Mitarbeitenden müssen hochaufgelöst, farbig und mit neutralem Hintergrund versehen sein: Bücherregal und Mauer sind nicht neutral. Die Abteilung Öffentlichkeitsarbeit schneidet sie quadratisch zu und der/die Webeditor/in integriert sie in der Dateiliste im Ordner der eigenen Abteilung. Kein Bild ist einem schlechten, nicht in den Gesamtauftritt passenden Bild, vorzuziehen.
+Die nicht offiziellen Bilder von Mitarbeitenden müssen hochaufgelöst, farbig und mit neutralem Hintergrund versehen sein: Bücherregal und Mauer sind nicht neutral. Kein Bild ist einem schlechten, nicht in den Gesamtauftritt passenden Bild, vorzuziehen.
@@ Zeile 105: / Zeile 110: @@
 [[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittContentElemente.pdf|Content Element]]
 [[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittNews.pdf|News Element]]
+[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittMagazin.pdf|Inhaltselement Magazin-Teaser]] (nur für Admin / Magazin)
-[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittMagazin.pdf|Inhaltselement Magazin-Teaser]]
+[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittSeitenbilder.pdf|Banner Startseite]] (nur für Admin / Unikomm)
-[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittSeitenbilder.pdf|Banner Startseite]]