Vorlage:AnleitungScreenshotGroß: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „<noinclude> category: Vorlage category: Vorlage für Anleitungen Vorlage für die Integration von Bildern in eine Anleitung. Die Vorlage nutzt die glei…“) |
Keine Bearbeitungszusammenfassung |
||
Zeile 12: | Zeile 12: | ||
{{AnleitungAbsatz|Nachdem der '''pdf-Export''' gestartet wurde kann auf Ebene der angezeigten Vorgänge, Teilvorgänge und Dokumente eine Vorauswahl getroffen werden. Dokumente innerhalb von Vorgängen und Teilvorgängen der angezeigten Vorauswahl können hier noch nicht ausgewählt werden. Diese Auswahl kann im nächsten Schritt noch verfeinert werden.}} | {{AnleitungAbsatz|Nachdem der '''pdf-Export''' gestartet wurde kann auf Ebene der angezeigten Vorgänge, Teilvorgänge und Dokumente eine Vorauswahl getroffen werden. Dokumente innerhalb von Vorgängen und Teilvorgängen der angezeigten Vorauswahl können hier noch nicht ausgewählt werden. Diese Auswahl kann im nächsten Schritt noch verfeinert werden.}} | ||
<div class="screenshot" style="background-color: whitesmoke; border: solid 1px lightgray; padding: 5px; max-width: 1020px;"> | <div class="screenshot" style="background-color: whitesmoke; border: solid 1px lightgray; padding: 5px; max-width: 1020px;"> | ||
[[File: | [[File:d.3one Startseite in Outlook.png|center|frameless|1000x1000px|alt=Im DMS zeigt eine Suche acht Vorgänge. Zwei sind ausgewählt. Die anderen nicht. Eine rote Umrandung hebt die Auswahlschaltflächen hervor.]] | ||
</div> | </div> | ||
</noinclude><includeonly>{{#if: {{{3| }}}|{{AnleitungAbsatz|{{{3| }}}}}|}}<div class="screenshot" style="background-color: whitesmoke; border: solid 1px lightgray; padding: 5px; max-width: 1020px;"> | </noinclude><includeonly>{{#if: {{{3| }}}|{{AnleitungAbsatz|{{{3| }}}}}|}}<div class="screenshot" style="background-color: whitesmoke; border: solid 1px lightgray; padding: 5px; max-width: 1020px;"> | ||
Zeile 20: | Zeile 20: | ||
| datei | | datei | ||
| Datei = | | Datei = | ||
| #default = File:}}{{{1| | | #default = File:}}{{{1|d.3one Startseite in Outlook.png}}}|center|frameless|1000x1000px|alt={{{2| }}}]] | ||
</div>{{#if: {{{2| }}}| |<div class=barrierefrei style="text-align: center; padding: 0 5px; margin-left 5px; border: solid 1px red;">Bitte fügen Sie dem Bild einen Alternativtext hinzu. [[Vorlage:AnleitungScreenshot|Hier finden Sie die Beschreibung der Vorlage.]]</div>}}</includeonly> | </div>{{#if: {{{2| }}}| |<div class=barrierefrei style="text-align: center; padding: 0 5px; margin-left 5px; border: solid 1px red;">Bitte fügen Sie dem Bild einen Alternativtext hinzu. [[Vorlage:AnleitungScreenshot|Hier finden Sie die Beschreibung der Vorlage.]]</div>}}</includeonly> |
Version vom 19. August 2022, 09:27 Uhr
Vorlage für die Integration von Bildern in eine Anleitung. Die Vorlage nutzt die gleiche Vorlage für Absätze in Anleitungen. Es werden drei Parameter benötigt:
{{AnleitungScreenshotGroß|Dateiname|Alternativtext|Beschreibung}}
- Dateiname: Nur der Dateiname mit Endung. Es wird kein vorangestelltes File: oder Datei: benötigt(, kann aber auch mit interpretiert werden). Kann bspw. aus dem Seitentitel in der Vorschau kopiert werden.
- Alternativtext: Wird für Screenreader benötigt und soll eine Beschreibung des Bildinhalts sein. Formatierungen sind nicht notwendig. Wenn kein Alternativtext angegeben wurde, erscheint unterhalb des Bildes ein roter Warnhinweis.
- Beschreibung: Anleitungstext. Kann Formatiert werden und wird als Absatz unterhalb des Screenshots gezeigt.
Beispiel: