Anleitung Bilder einfügen - Versionsgeschichte

NoSo: Seite zurückgesetzt

2022-04-12T19:53:11Z

Seite zurückgesetzt

← Nächstältere Version		Version vom 12. April 2022, 19:53 Uhr
Zeile 1:		Zeile 1:
	~~===Vorbemerkung===~~		<div style="color:red;">Diese Seite wird gerade bearbeitet</div>
	Die Auflösung der Bilder auf den alten Graf Ortho Seiten war oft nicht hoch genug für die auf den wiki-Seiten möglichen Vergrößerungen. Auch kam das gleiche Bild nicht selten in verschiedenen Formaten oder doppelt oder in unterschiedlichen Größen oder unter verschiedenen Namen, mal mit mal ohne Unterschrift, mal mit mal ohne Link usw. usf. vor. Auf einer Wiki-Seite führt dies unweigerlich zu einem Chaos. Ich habe mich daher entschlossen, die Bilder - wenn möglich - in der Originalgröße neu zu formatieren oder zu erstellen und neu zu benennen.
	~~Leider ist die Suchfunktion im "Visual Editor" auf der "Bearbeitungsseite" suboptimal. Oft wird hier das gesuchte Bild selbst bei korrekter Namenseingabe nicht angezeigt.~~

	~~In einem '''gesonderten Dokument''' habe ich die Systematik der Benennung beschrieben und alle bisher hochgeladenen Bilder aufgeführt.~~
	<div style="color:red;"> ~~Bitte nach Möglichkeit nur die neuen bereits hochgeladenen Bilder und Diagramme verwenden.</div>~~
	~~Wenn ihr ein Bild verwenden wollt, dann ist es sinnvoll, den Dateilink auf der Seite "Quelltext bearbeiten" einzugeben.~~

	~~=== Bilder über den Visual-Editor einfügen ===~~

	*'''Bild auswählen''' <br/> In der Menüzeile "Bearbeiten" anklicken.<br /> Unter "einfügen" die Option "Bilder und Medien" auswählen.<br /> Die ersten Buchstaben des Bildes, das eingefügt werden soll, auswählen.<br /> Auswahl abschließen und "Dieses Bild weiterverwenden" auswählen

	'''Bildgröße anpassen''' <br/> [[Datei:Bi-GO-Wort.jpg\|links\|rahmenlos\|120px]] Ggf. muss die Größe des Bildes angepasst werden. Hierzu unter "Erweitert" / "Bildgröße" / "Benutzerdefiniert" die neue Bildgröße eingeben. In den Tabellen der Diskussionen sind beispielsweise die Bilder des Rechtschreib-Teams in einer Größe von 120px 120px . Hier reicht es, die erste Zahl (z. B. 120px) einzugeben.<br /><br /><br /><br />
	*'''Bilder platzieren'''<br/> Wenn ein Bild links oder rechts vom Text platziert werden soll, so kann dies in der Einstellung "Erweitert" angegeben werden. Soll der darauf folgende Absatz diesem Bild nicht zugeordnet werden, so können mit der Syntax <nowiki><br/></nowiki> im Quelltext leere Absätze generiert werden.
	*'''Link für ein (externes) Bild eingeben'''<br /> [[Datei:Bi-GO-Wort.jpg\|mini\|120px\|[https://www.grafortho.de/html/wort.html Herr Wort]]]Manchmal muss eine Internetquellseite für das Bild eingegeben werden. Hierzu vor dem Speichern des Bildes unter dem Reiter "Allgemein" den externen Link eingeben (z. B. https:// ...) oder die Quelle aufsuchen und den Link kopieren. <br/> Meist macht es Sinn, einen Namen für das Bild einzugeben, damit unter dem Bild nicht der gesamte Link erscheint. Hierfür einen Kurztitel im Feld "Alternativtext" eingeben. Die Bildunterschrift wird nur angezeigt, wenn bei der "Erweiterung" die Option "Vorschaubild" ausgewählt wurde.<br/> Wenn du beispielsweise im rechten Bild auf das Bild klickst, dann wird dir das Bild in der Originalgröße angezeigt. Wenn du auf den Namen klickst, dann wirst du zu einer externen Seite weitergeleitet (hier: www.grafortho.de).

	~~=== Bilder als Galerie anzeigen===~~
	~~Manchmal müssen mehrere Bilder nebeneinander gestellt werden. In diesen Fällen sollten die Bilder mit der Option "Galerie" angezeigt werden.~~
	~~Auch dies kann über den "Visual-Editor" erfolgen.~~ Diese Option ist über "Einfügen/Mehr" zu erreichen. Standardmäßig wird die Galerie in einer Zeile angezeigt. Die Anzahl der Bilder in einer Zeile und die Größe der Bilder kann definiert werden (siehe hierzu den Quelltext).

	~~<gallery mode="packed" widths="100" heights="100" caption="Die Prinzipienwächter*innen">~~
	~~Datei:Bi-GO-Laut.jpg\|Frau Laut~~
	~~Datei:Bi-GO-Wort.jpg\|Herr Wort~~
	~~Datei:Bi-GO-Satz.jpg\|Herr Satz~~
	~~Datei:Bi-GO-Alt.jpg\|Herr Alt~~
	~~Datei:Bi-GO-Fremd.jpg\|Frau Fremd~~
	~~Datei:Bi-GO-Kurz.jpg\|Frau Kurz~~
	~~Datei:Bi-GO-Schoen.jpg\|Herr Schön~~
	~~Datei:Bi-GO-Unterschied.jpg\|Frau Unterschied~~
	~~</gallery>~~

	~~===Bilder in einer Tabelle einfügen===~~
	In Tabellen können genauso wie im normalen Text Bilder über den Visual-Editor eingegeben werden.<br /> Auf den Geschichtenseiten sind in der Regel die Bilder des Rechtschreib-Teams links abgebildet. <br />Damit nicht immer wieder passende Leerzeilen mit der Syntax (<nowiki><br/></nowiki> eingegeben werden muss macht es Sinn, diese Texte als Tabelle einzufügen. In der Regel funktioniert dies über c&p auch ganz gut. Wichtig ist hier, bei der Formatierung der Tabelle alle Schalter bei den Tabelleneigenschaften auszuschalten. Vor allem der Schalter "Stilisiert" sollte ausgeschaltet sein, damit die Tabelle nicht mit Rahmen versehen wird.<br/>
	Wenn der Visual Editor verwendet wird, dann definiert dieser in der Regel auch die Spaltenbreite. Bei den Diskussionen des Rechtschreib-Teams kann dies zu einer sehr ungünstig Darstellung kommen. Daher ist es sinnvoll, die Spaltenbreite im Quelltext festzulegen.<br/>
	~~Siehe hierzu das Beispiel im Quelltext. Hier wird die Tabelle auf 100 Prozent (gesamte Seitenbreite) und die Spalte mit den Bildern auf 10 Prozent festgelegt.~~
	~~{\| style="width: 100%;"~~
	~~\|style="vertical-align:top; width: 10%" \| [[file:Bi-GO-Laut.jpg \| 120px]]~~
	~~\|Hier wird der Text von Frau Laut eingefügt~~
	\|-
	~~\|style="vertical-align:top; width: 10%" \| [[file:Bi-GO-Wort.jpg \| 120px]]~~
	~~\|Hier wird der Text von Herrn Wort eingefügt.~~
	\|-
	\|}
	~~===Bilder auf der rechten Seite platzieren===~~
	~~[[file:B-Diag-A-01b-buchst-gws.png \| thumb\| 200px \| Diagramm 1: Buchstaben]]<br />Auf den Diagrammseiten zu den Buchstabenseiten werden die Bilder auf der rechten~~ Seite ~~untereinander angezeigt. Dies ist die Standardanzeige bei Wikipedia. Hierzu~~ wird ~~im Quelltext die Syntax <nowiki> 'mini'~~ </~~nowiki> verwendet. Die Syntax lautet z. B. für ein Diagramm auf der Buchstabenseite:~~
	~~<nowiki>[[file:B-Diag-A-01b-buchst-gws.png \| thumb\| 200px \| mini \| Diagramm 1: Buchstaben]]</nowiki~~>
	~~Das Ergebnis dieser Syntax ist identisch mit der Syntax für das Umfließen des Textes (Bild rechts, Text umfließend links).~~

NoSo: "Prinzipienwächter" ersetzt durch "Rechtschreib-Team"

2022-03-31T13:25:29Z

"Prinzipienwächter" ersetzt durch "Rechtschreib-Team"

← Nächstältere Version		Version vom 31. März 2022, 13:25 Uhr
Zeile 9:		Zeile 9:
	=== Bilder über den Visual-Editor einfügen ===		=== Bilder über den Visual-Editor einfügen ===

	*'''Bild auswählen''' <br /> In der Menüzeile "Bearbeiten" anklicken.<br /> Unter "einfügen" die Option "Bilder und Medien" auswählen.<br /> Die ersten Buchstaben des Bildes, das eingefügt werden soll, auswählen.<br /> Auswahl abschließen und "Dieses Bild weiterverwenden" auswählen		*'''Bild auswählen''' <br/> In der Menüzeile "Bearbeiten" anklicken.<br /> Unter "einfügen" die Option "Bilder und Medien" auswählen.<br /> Die ersten Buchstaben des Bildes, das eingefügt werden soll, auswählen.<br /> Auswahl abschließen und "Dieses Bild weiterverwenden" auswählen

	'''Bildgröße anpassen''' <br /> [[Datei:Bi-GO-Wort.jpg\|links\|rahmenlos\|~~120x120px~~]] Ggf. muss die Größe des Bildes angepasst werden. Hierzu unter "Erweitert" / "Bildgröße" / "Benutzerdefiniert" die neue Bildgröße eingeben. In den Tabellen der Diskussionen sind beispielsweise die ~~Prinzipienwächter~~ in einer Größe von 120px ~~114px~~. Hier reicht es, die erste Zahl einzugeben.<br /><br /><br /><br />		'''Bildgröße anpassen''' <br/> [[Datei:Bi-GO-Wort.jpg\|links\|rahmenlos\|120px]] Ggf. muss die Größe des Bildes angepasst werden. Hierzu unter "Erweitert" / "Bildgröße" / "Benutzerdefiniert" die neue Bildgröße eingeben. In den Tabellen der Diskussionen sind beispielsweise die Bilder des Rechtschreib-Teams in einer Größe von 120px 120px . Hier reicht es, die erste Zahl (z. B. 120px) einzugeben.<br /><br /><br /><br />
	*'''Bilder platzieren'''<br /> Wenn ein Bild links oder rechts vom Text platziert werden soll, so kann dies in der Einstellung "Erweitert" angegeben werden. Soll der darauf folgende Absatz diesem Bild nicht zugeordnet werden, so können mit der Syntax <nowiki><br/></nowiki> im Quelltext leere Absätze generiert werden.		*'''Bilder platzieren'''<br/> Wenn ein Bild links oder rechts vom Text platziert werden soll, so kann dies in der Einstellung "Erweitert" angegeben werden. Soll der darauf folgende Absatz diesem Bild nicht zugeordnet werden, so können mit der Syntax <nowiki><br/></nowiki> im Quelltext leere Absätze generiert werden.
	*'''Link für ein Bild eingeben'''<br /> [[Datei:Bi-GO-Wort.jpg\|mini\|~~120x120px~~\|[https://www.grafortho.de/html/~~prinzipienw~~.html Herr Wort]]]		*'''Link für ein (externes) Bild eingeben'''<br /> [[Datei:Bi-GO-Wort.jpg\|mini\|120px\|[https://www.grafortho.de/html/wort.html Herr Wort]]]Manchmal muss eine Internetquellseite für das Bild eingegeben werden. Hierzu vor dem Speichern des Bildes unter dem Reiter "Allgemein" den externen Link eingeben (z. B. https:// ...) oder die Quelle aufsuchen und den Link kopieren. <br/> Meist macht es Sinn, einen Namen für das Bild einzugeben, damit unter dem Bild nicht der gesamte Link erscheint. Hierfür einen Kurztitel im Feld "Alternativtext" eingeben. Die Bildunterschrift wird nur angezeigt, wenn bei der "Erweiterung" die Option "Vorschaubild" ausgewählt wurde.<br/> Wenn du beispielsweise im rechten Bild auf das Bild klickst, dann wird dir das Bild in der Originalgröße angezeigt. Wenn du auf den Namen klickst, dann wirst du zu einer externen Seite weitergeleitet (hier: www.grafortho.de).
	Manchmal muss eine Internetquellseite für das Bild eingegeben werden. Hierzu vor dem ~~speichern~~ des Bildes unter dem Reiter "Allgemein" den externen Link eingeben (z. B. https:// ...) oder die Quelle aufsuchen und den Link kopieren. <bx/> Meist macht es Sinn, einen Namen für das Bild einzugeben, damit unter dem Bild nicht der gesamte Link erscheint. Hierfür einen Kurztitel im Feld "Alternativtext" eingeben. Die Bildunterschrift wird nur angezeigt, wenn bei der "Erweiterung" die Option "Vorschaubild" ausgewählt wurde.

	===Bilder als Galerie anzeigen===		=== Bilder als Galerie anzeigen===
	Manchmal müssen mehrere Bilder nebeneinander gestellt werden. In diesen Fällen sollten die Bilder mit der Option "Galerie" angezeigt werden.		Manchmal müssen mehrere Bilder nebeneinander gestellt werden. In diesen Fällen sollten die Bilder mit der Option "Galerie" angezeigt werden.
	Auch dies kann über den "Visual-Editor" erfolgen. Diese Option ist über "Einfügen/Mehr" zu erreichen. Standardmäßig wird die Galerie in einer Zeile angezeigt. Die Anzahl der Bilder in einer Zeile und die Größe der Bilder kann definiert werden.		Auch dies kann über den "Visual-Editor" erfolgen. Diese Option ist über "Einfügen/Mehr" zu erreichen. Standardmäßig wird die Galerie in einer Zeile angezeigt. Die Anzahl der Bilder in einer Zeile und die Größe der Bilder kann definiert werden (siehe hierzu den Quelltext).

	<gallery mode="packed" widths="100" heights="100" caption="Die Prinzipienwächter*innen">		<gallery mode="packed" widths="100" heights="100" caption="Die Prinzipienwächter*innen">
Zeile 32:		Zeile 31:

	===Bilder in einer Tabelle einfügen===		===Bilder in einer Tabelle einfügen===
	In Tabellen können genauso wie im normalen Text Bilder über den Visual-Editor eingegeben werden.<br /> Auf den Geschichtenseiten sind in der Regel die Bilder ~~der Prinzipienwächter*innen~~ links abgebildet. <br />Damit nicht immer wieder passende Leerzeilen mit der Syntax (<nowiki><br/></nowiki> eingegeben werden muss macht es Sinn, diese Texte als Tabelle einzufügen. In der Regel funktioniert dies über c&p auch ganz gut. Wichtig ist hier, bei der Formatierung der Tabelle alle Schalter bei den Tabelleneigenschaften auszuschalten. Vor allem der Schalter "Stilisiert" sollte ausgeschaltet sein, damit die Tabelle nicht mit Rahmen versehen wird.		In Tabellen können genauso wie im normalen Text Bilder über den Visual-Editor eingegeben werden.<br /> Auf den Geschichtenseiten sind in der Regel die Bilder des Rechtschreib-Teams links abgebildet. <br />Damit nicht immer wieder passende Leerzeilen mit der Syntax (<nowiki><br/></nowiki> eingegeben werden muss macht es Sinn, diese Texte als Tabelle einzufügen. In der Regel funktioniert dies über c&p auch ganz gut. Wichtig ist hier, bei der Formatierung der Tabelle alle Schalter bei den Tabelleneigenschaften auszuschalten. Vor allem der Schalter "Stilisiert" sollte ausgeschaltet sein, damit die Tabelle nicht mit Rahmen versehen wird.<br/>
			Wenn der Visual Editor verwendet wird, dann definiert dieser in der Regel auch die Spaltenbreite. Bei den Diskussionen des Rechtschreib-Teams kann dies zu einer sehr ungünstig Darstellung kommen. Daher ist es sinnvoll, die Spaltenbreite im Quelltext festzulegen.<br/>
	=== Bilder auf der rechten Seite platzieren===		Siehe hierzu das Beispiel im Quelltext. Hier wird die Tabelle auf 100 Prozent (gesamte Seitenbreite) und die Spalte mit den Bildern auf 10 Prozent festgelegt.
	[[file:B-Diag-A-01b-buchst-gws.png \| thumb\| 200px \| Diagramm 1: Buchstaben]]<br />Auf den Diagrammseiten zu den Buchstabenseiten werden die Bilder auf der rechten Seite untereinander angezeigt. Dies ist die Standardanzeige bei Wikipedia. Hierzu wird im Quelltext die Syntax <nowiki> mini </nowiki> verwendet. Die Syntax lautet z. B. für ein Diagramm auf der Buchstabenseite:		{\| style="width: 100%;"
			\|style="vertical-align:top; width: 10%" \| [[file:Bi-GO-Laut.jpg \| 120px]]
			\|Hier wird der Text von Frau Laut eingefügt
			\|-
			\|style="vertical-align:top; width: 10%" \| [[file:Bi-GO-Wort.jpg \| 120px]]
			\|Hier wird der Text von Herrn Wort eingefügt.
			\|-
			\|}
			===Bilder auf der rechten Seite platzieren===
			[[file:B-Diag-A-01b-buchst-gws.png \| thumb\| 200px \| Diagramm 1: Buchstaben]]<br />Auf den Diagrammseiten zu den Buchstabenseiten werden die Bilder auf der rechten Seite untereinander angezeigt. Dies ist die Standardanzeige bei Wikipedia. Hierzu wird im Quelltext die Syntax <nowiki> 'mini' </nowiki> verwendet. Die Syntax lautet z. B. für ein Diagramm auf der Buchstabenseite:
	<nowiki>[[file:B-Diag-A-01b-buchst-gws.png \| thumb\| 200px \| mini \| Diagramm 1: Buchstaben]]</nowiki>		<nowiki>[[file:B-Diag-A-01b-buchst-gws.png \| thumb\| 200px \| mini \| Diagramm 1: Buchstaben]]</nowiki>
	Das Ergebnis dieser Syntax ist identisch mit der Syntax für das Umfließen des Textes "rechts"		Das Ergebnis dieser Syntax ist identisch mit der Syntax für das Umfließen des Textes (Bild rechts, Text umfließend links).

NoSo: Seite neu angelegt

2022-02-27T23:30:25Z

Seite neu angelegt

Neue Seite

===Vorbemerkung===
Die Auflösung der Bilder auf den alten Graf Ortho Seiten war oft nicht hoch genug für die auf den wiki-Seiten möglichen Vergrößerungen. Auch kam das gleiche Bild nicht selten in verschiedenen Formaten oder doppelt oder in unterschiedlichen Größen oder unter verschiedenen Namen, mal mit mal ohne Unterschrift, mal mit mal ohne Link usw. usf. vor. Auf einer Wiki-Seite führt dies unweigerlich zu einem Chaos. Ich habe mich daher entschlossen, die Bilder - wenn möglich - in der Originalgröße neu zu formatieren oder zu erstellen und neu zu benennen.
Leider ist die Suchfunktion im "Visual Editor" auf der "Bearbeitungsseite" suboptimal. Oft wird hier das gesuchte Bild selbst bei korrekter Namenseingabe nicht angezeigt.

In einem '''gesonderten Dokument''' habe ich die Systematik der Benennung beschrieben und alle bisher hochgeladenen Bilder aufgeführt.
<div style="color:red;"> Bitte nach Möglichkeit nur die neuen bereits hochgeladenen Bilder und Diagramme verwenden.</div>
Wenn ihr ein Bild verwenden wollt, dann ist es sinnvoll, den Dateilink auf der Seite "Quelltext bearbeiten" einzugeben.

=== Bilder über den Visual-Editor einfügen ===

*'''Bild auswählen''' In der Menüzeile "Bearbeiten" anklicken. Unter "einfügen" die Option "Bilder und Medien" auswählen. Die ersten Buchstaben des Bildes, das eingefügt werden soll, auswählen. Auswahl abschließen und "Dieses Bild weiterverwenden" auswählen

*'''Bildgröße anpassen''' [[Datei:Bi-GO-Wort.jpg|links|rahmenlos|120x120px]] Ggf. muss die Größe des Bildes angepasst werden. Hierzu unter "Erweitert" / "Bildgröße" / "Benutzerdefiniert" die neue Bildgröße eingeben. In den Tabellen der Diskussionen sind beispielsweise die Prinzipienwächter in einer Größe von 120px * 114px. Hier reicht es, die erste Zahl einzugeben. 
*'''Bilder platzieren''' Wenn ein Bild links oder rechts vom Text platziert werden soll, so kann dies in der Einstellung "Erweitert" angegeben werden. Soll der darauf folgende Absatz diesem Bild nicht zugeordnet werden, so können mit der Syntax <nowiki> </nowiki> im Quelltext leere Absätze generiert werden.
*'''Link für ein Bild eingeben''' [[Datei:Bi-GO-Wort.jpg|mini|120x120px|[https://www.grafortho.de/html/prinzipienw.html Herr Wort]]]
Manchmal muss eine Internetquellseite für das Bild eingegeben werden. Hierzu vor dem speichern des Bildes unter dem Reiter "Allgemein" den externen Link eingeben (z. B. https:// ...) oder die Quelle aufsuchen und den Link kopieren. <bx/> Meist macht es Sinn, einen Namen für das Bild einzugeben, damit unter dem Bild nicht der gesamte Link erscheint. Hierfür einen Kurztitel im Feld "Alternativtext" eingeben. Die Bildunterschrift wird nur angezeigt, wenn bei der "Erweiterung" die Option "Vorschaubild" ausgewählt wurde.

===Bilder als Galerie anzeigen===
Manchmal müssen mehrere Bilder nebeneinander gestellt werden. In diesen Fällen sollten die Bilder mit der Option "Galerie" angezeigt werden.
Auch dies kann über den "Visual-Editor" erfolgen. Diese Option ist über "Einfügen/Mehr" zu erreichen. Standardmäßig wird die Galerie in einer Zeile angezeigt. Die Anzahl der Bilder in einer Zeile und die Größe der Bilder kann definiert werden.

<gallery mode="packed" widths="100" heights="100" caption="Die Prinzipienwächter*innen">
Datei:Bi-GO-Laut.jpg|Frau Laut
Datei:Bi-GO-Wort.jpg|Herr Wort
Datei:Bi-GO-Satz.jpg|Herr Satz
Datei:Bi-GO-Alt.jpg|Herr Alt
Datei:Bi-GO-Fremd.jpg|Frau Fremd
Datei:Bi-GO-Kurz.jpg|Frau Kurz
Datei:Bi-GO-Schoen.jpg|Herr Schön
Datei:Bi-GO-Unterschied.jpg|Frau Unterschied
</gallery>

===Bilder in einer Tabelle einfügen===
In Tabellen können genauso wie im normalen Text Bilder über den Visual-Editor eingegeben werden. Auf den Geschichtenseiten sind in der Regel die Bilder der Prinzipienwächter*innen links abgebildet. Damit nicht immer wieder passende Leerzeilen mit der Syntax (<nowiki> </nowiki> eingegeben werden muss macht es Sinn, diese Texte als Tabelle einzufügen. In der Regel funktioniert dies über c&p auch ganz gut. Wichtig ist hier, bei der Formatierung der Tabelle alle Schalter bei den Tabelleneigenschaften auszuschalten. Vor allem der Schalter "Stilisiert" sollte ausgeschaltet sein, damit die Tabelle nicht mit Rahmen versehen wird.

=== Bilder auf der rechten Seite platzieren===
[[file:B-Diag-A-01b-buchst-gws.png | thumb| 200px | Diagramm 1: Buchstaben]] Auf den Diagrammseiten zu den Buchstabenseiten werden die Bilder auf der rechten Seite untereinander angezeigt. Dies ist die Standardanzeige bei Wikipedia. Hierzu wird im Quelltext die Syntax <nowiki> mini </nowiki> verwendet. Die Syntax lautet z. B. für ein Diagramm auf der Buchstabenseite:
<nowiki>[[file:B-Diag-A-01b-buchst-gws.png | thumb| 200px | mini | Diagramm 1: Buchstaben]]</nowiki>
Das Ergebnis dieser Syntax ist identisch mit der Syntax für das Umfließen des Textes "rechts"