Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
Nächste ÜberarbeitungBeide Seiten der Revision
de:create:images [20.05.2016 20:15] – [Bilder als Antwortoptionen] klaus-peter.speidelde:create:images [18.03.2020 22:36] – [Bilder im Fragebogen] alisa.martianov
Zeile 4: Zeile 4:
  
 Dieses Kapitel erklärt, wie man Bilder für die Darstellung im Internet optimiert und sie anschließend in den Fragebogen einfügt. Vorweg allerdings eine Warnung. Dieses Kapitel erklärt, wie man Bilder für die Darstellung im Internet optimiert und sie anschließend in den Fragebogen einfügt. Vorweg allerdings eine Warnung.
 + <img src="pro://Emilia.JPG">
  
 ===== Urheberrechte und teure Abmahnungen ===== ===== Urheberrechte und teure Abmahnungen =====
Zeile 22: Zeile 22:
   - Anschließend muss das Bild in den Fragebogen eingebunden werden. Hier gibt es mehrere Möglichkeiten - je nach Einsatzzweck.   - Anschließend muss das Bild in den Fragebogen eingebunden werden. Hier gibt es mehrere Möglichkeiten - je nach Einsatzzweck.
     * Das Bild taucht unter **Fragebogen zusammenstellen** rechts unten auf. Hier können Sie es einfach in den Fragebogen hineinziehen (Drag & Drop).     * Das Bild taucht unter **Fragebogen zusammenstellen** rechts unten auf. Hier können Sie es einfach in den Fragebogen hineinziehen (Drag & Drop).
-    * Wenn Sie das Bild unter **Bilder und Mediendateien** anklicken, wird Ihnen der Dateiname angezeigt sowie ein HTML-Code zum Einbinden des Bildes. Diesen HTML-Code können Sie in Textbausteinen, in Fragen, Items, u.s.w. verwenden.+    * Wenn Sie das Bild unter **Bilder und Mediendateien** anklicken, wird Ihnen der Dateiname angezeigt sowie ein HTML-Code zum Einbinden des Bildes. Diesen HTML-Code können Sie über all dort eingeben, wo Sie Text eingeben können. Zum Beispiel in Textbausteinen (sofern für die Darstellung "HTML-Code" ausgewählt wurde), im Fragetext, in den Instruktionen einer Frage oder im Text von Items. Auch kann man unter "Fragebogen zusammenstellen" ein Element "HTML-Code" verwenden und dort HTML-Code eingeben.
  
 Wenn Sie ein Bild mittels HTML-Code einbinden, können Sie die Platzierung genauer justieren. Folgender HTML-Code zeigt das Bild ''bild.jpg'' mittig an und lässt oben/unten 40 Pixel Abstand zu anderen Inhalten. Wenn Sie ein Bild mittels HTML-Code einbinden, können Sie die Platzierung genauer justieren. Folgender HTML-Code zeigt das Bild ''bild.jpg'' mittig an und lässt oben/unten 40 Pixel Abstand zu anderen Inhalten.
Zeile 71: Zeile 71:
   * Konvertieren Sie das Bild in den RGB-Modus (Graustufen-Bilder in den Modus Graustufen), falls es sich um ein indiziertes Bild handelt ([[#farbtiefe|Farbtiefe]]).   * Konvertieren Sie das Bild in den RGB-Modus (Graustufen-Bilder in den Modus Graustufen), falls es sich um ein indiziertes Bild handelt ([[#farbtiefe|Farbtiefe]]).
   * Skalieren Sie das Bild mit der Bildbearbeitung. Achten Sie darauf, dass Sie die Größe in Pixeln angeben (die Auflösung oder eine Größenangabe in Zentimeter ist für die Darstellung im Internet irrelevant).   * Skalieren Sie das Bild mit der Bildbearbeitung. Achten Sie darauf, dass Sie die Größe in Pixeln angeben (die Auflösung oder eine Größenangabe in Zentimeter ist für die Darstellung im Internet irrelevant).
 +    * **Tipp:** Die Breite des Fragebogens können Sie im [[:de:create:layout|Fragebogen-Layout]] anpassen, falls Ihre Bilder bei entsprechender Skalierung nicht mehr ausreichend erkennbar sind.
 +    * Auf kleinen Displays (z.B. auf dem Smartphone) wird das Layout automatisch schmaler ([[:de:create:smartphones]]), verwenden Sie ''%%<img src="..." style="max-width: 100%">%%'', damit ein eingebundenes Bild automatisch verkleinert wird.
   * Verwenden Sie die Funktion //Unscharf maskieren// (auch //Unscharf-Maske// oder //Schärfen//), wenn das Bild nach dem Skalieren matschig erscheint.   * Verwenden Sie die Funktion //Unscharf maskieren// (auch //Unscharf-Maske// oder //Schärfen//), wenn das Bild nach dem Skalieren matschig erscheint.
   * Reduzieren Sie die Farbtiefe, wenn es sich um eine Grafik handelt. Je weniger Farben Sie benötigen (es zählen v.a. die Schritte um 2er-Potenzen, also 255, 127, 63, 31, 15, 7, 3 oder 2 Farben), desto kleiner wird die Datei und desto schneller lädt der Fragebogen. Bei Fotos belassen Sie die Farbtiefe unverändert.   * Reduzieren Sie die Farbtiefe, wenn es sich um eine Grafik handelt. Je weniger Farben Sie benötigen (es zählen v.a. die Schritte um 2er-Potenzen, also 255, 127, 63, 31, 15, 7, 3 oder 2 Farben), desto kleiner wird die Datei und desto schneller lädt der Fragebogen. Bei Fotos belassen Sie die Farbtiefe unverändert.
de/create/images.txt · Zuletzt geändert: 27.07.2020 12:03 von admin
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki