SVG - Versionsgeschichte

Karl Kirst am 15. Mai 2020 um 13:07 Uhr

2020-05-15T13:07:49Z

← Nächstältere Version		Version vom 15. Mai 2020, 13:07 Uhr
Zeile 30:		Zeile 30:
	[[Bild:Flag_of_Germany.svg\|150px]]		[[Bild:Flag_of_Germany.svg\|150px]]

	== SVG-Grafiken im ZUM ~~Wiki~~ ==		== SVG-Grafiken in ZUM-Unterrichten ==
	SVG-Grafiken werden in ZUM-Unterrichten viel genutzt. Du kannst sie [[Spezial:Hochladeassistent\|in ZUM-Unterrichten hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.		SVG-Grafiken werden in ZUM-Unterrichten viel genutzt. Du kannst sie [[Spezial:Hochladeassistent\|in ZUM-Unterrichten hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.

Karl Kirst: ZUM-Wiki -> ZUM-Unterrichten

2020-05-15T13:07:13Z

ZUM-Wiki -> ZUM-Unterrichten

← Nächstältere Version		Version vom 15. Mai 2020, 13:07 Uhr
Zeile 13:		Zeile 13:
	** [[OpenOffice]]		** [[OpenOffice]]

	== SVG im ZUM-~~Wiki~~ ==		== SVG in ZUM-Unterrichten ==
	Hier als 'Beweis', dass die Extension .svg funktioniert:		Hier als 'Beweis', dass die Extension .svg funktioniert:

Zeile 31:		Zeile 31:

	== SVG-Grafiken im ZUM Wiki ==		== SVG-Grafiken im ZUM Wiki ==
	SVG-Grafiken werden im ZUM-~~Wiki~~ viel genutzt. ~~Sie können Sie~~ [[Spezial:Hochladeassistent\|~~ins~~ ZUM-~~Wiki~~ hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.		SVG-Grafiken werden in ZUM-Unterrichten viel genutzt. Du kannst sie [[Spezial:Hochladeassistent\|in ZUM-Unterrichten hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.

	{{Achtung\|1=SVG-Grafiken, die mit CSS formatiert wurden, benötigen im <style>-Element ein <code>type="text/css"</code>-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.}}		{{Achtung\|1=SVG-Grafiken, die mit CSS formatiert wurden, benötigen im <style>-Element ein <code>type="text/css"</code>-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.}}

Matthias Scharwies: /* Hintergrundinformationen und Tutorials */

2019-11-15T05:15:21Z

Hintergrundinformationen und Tutorials

← Nächstältere Version		Version vom 15. November 2019, 05:15 Uhr
Zeile 45:		Zeile 45:

	* aptico: [http://svg.tutorial.aptico.de SVG Tutorial] (letzte Aktualisierung 2009)		* aptico: [http://svg.tutorial.aptico.de SVG Tutorial] (letzte Aktualisierung 2009)
	* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte ~~Aktualiserung~~ 2007)		* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualisierung 2007)
	* datenverdahten: [http://svglbc.datenverdrahten.de/ SVG - Learning By Coding \| XML-basierte Vektorgrafiken - Code und Informationen (deutsch)]		* datenverdahten: [http://svglbc.datenverdrahten.de/ SVG - Learning By Coding \| XML-basierte Vektorgrafiken - Code und Informationen (deutsch)]
	* [http://clipart.freedesktop.org/index.php Open Clip Art Library, openclipart.org]		* [http://clipart.freedesktop.org/index.php Open Clip Art Library, openclipart.org]

Matthias Scharwies: - toter Link

2019-08-11T05:56:34Z

- toter Link

← Nächstältere Version		Version vom 11. August 2019, 05:56 Uhr
Zeile 47:		Zeile 47:
	* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualiserung 2007)		* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualiserung 2007)
	* datenverdahten: [http://svglbc.datenverdrahten.de/ SVG - Learning By Coding \| XML-basierte Vektorgrafiken - Code und Informationen (deutsch)]		* datenverdahten: [http://svglbc.datenverdrahten.de/ SVG - Learning By Coding \| XML-basierte Vektorgrafiken - Code und Informationen (deutsch)]
	* [http://www.carto.net/papers/svg/index_d.shtml Kartographie im Internet auf Vektorbasis, mit Hilfe von SVG nun möglich]
	* [http://clipart.freedesktop.org/index.php Open Clip Art Library, openclipart.org]		* [http://clipart.freedesktop.org/index.php Open Clip Art Library, openclipart.org]

Matthias Scharwies: t

2019-08-11T05:55:47Z

← Nächstältere Version		Version vom 11. August 2019, 05:55 Uhr
Zeile 15:		Zeile 15:
	== SVG im ZUM-Wiki ==		== SVG im ZUM-Wiki ==
	Hier als 'Beweis', dass die Extension .svg funktioniert:		Hier als 'Beweis', dass die Extension .svg funktioniert:

	Die Syntax:		Die Syntax:

Zeile 26:		Zeile 27:
	</source>		</source>

			Das Bild:
	[[Bild:Flag_of_Germany.svg\|150px]]		[[Bild:Flag_of_Germany.svg\|150px]]

	== SVG-Grafiken im ZUM Wiki ==		== SVG-Grafiken im ZUM Wiki ==
	SVG-Grafiken werden im ZUM-Wiki viel genutzt. Sie können Sie [[Spezial:Hochladeassistent\|ins ZUM-Wiki hochladen]]. Besser ist es jedoch, sie auf ~~Wikimeida~~ commons hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.		SVG-Grafiken werden im ZUM-Wiki viel genutzt. Sie können Sie [[Spezial:Hochladeassistent\|ins ZUM-Wiki hochladen]]. Besser ist es jedoch, sie auf [https://commons.wikimedia.org/wiki/Hauptseite Wikimedia Commons] hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.

	{{Achtung\|1=SVG-Grafiken, die mit CSS formatiert wurden, benötigen im <style>-Element ein <code>type="text/css"</code>-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.}}		{{Achtung\|1=SVG-Grafiken, die mit CSS formatiert wurden, benötigen im <style>-Element ein <code>type="text/css"</code>-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.}}
Zeile 36:		Zeile 38:

	=== Hintergrundinformationen und Tutorials ===		=== Hintergrundinformationen und Tutorials ===
			[[Datei:S-Logo Q.png\|right\|100px\|link=https://wiki.selfhtml.org/wiki/SVG]]
			* {{wpde\|Scalable Vector Graphics}}
	* W3C: [https://svgwg.org/svg2-draft/single-page.html SVG 2 Editor's Draft]		* W3C: [https://svgwg.org/svg2-draft/single-page.html SVG 2 Editor's Draft]
	~~[[Datei:S-Logo Q.png\|right\|200px\|link=https://wiki.selfhtml.org/wiki/SVG]]~~
	* Selfhtml: [https://wiki.selfhtml.org/wiki/SVG SVG-Portalseite] mit aktueller Dokumentation und vielen Tutorials		* Selfhtml: [https://wiki.selfhtml.org/wiki/SVG SVG-Portalseite] mit aktueller Dokumentation und vielen Tutorials
	* {{wpde\|Scalable Vector Graphics}}

	* aptico: [http://svg.tutorial.aptico.de SVG Tutorial] (letzte Aktualisierung 2009)		* aptico: [http://svg.tutorial.aptico.de SVG Tutorial] (letzte Aktualisierung 2009)
	* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualiserung 2007)		* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualiserung 2007)

Matthias Scharwies: N - kein Unterrichtsbezug, aber genereller Nutzen

2019-08-11T05:52:20Z

N - kein Unterrichtsbezug, aber genereller Nutzen

Neue Seite

[[Datei:SVG logo.svg|rechts|100px]]'''Scalable Vector Graphics''' ('''SVG''', auch Dateiendung) ist eine Sprache zur Beschreibung zweidimensionaler Vektorgrafiken in [[XML]]. Im Unterschied zu Rastergrafiken skalieren sie ohne pixelig zu werden und als Vektorgrafik benötigen sie weniger Speicherplatz. Schrift wird als Text gespeichert und kann so von Suchmaschinen indiziert und gelistet werden. Darüber hinaus können sowohl Text als auch einzelne Grafikelemente später noch einfach geändert oder in andere Sprachen übersetzt werden.

== Schulischer Einsatz ==
{{Box|Tipp|Das '''SVG-Format''' eignet sich für Vektorgrafiken jeder Art wie Plänen, Logos, Infografiken oder auch Karten. Es ist ein offener Standard und daher aus Zukunftssicherheit proprietären Lösungen vorzuziehen.|Hervorhebung}}

=== Programme, die SVG-Anzeige unterstützen ===
* alle modernen Browser ab Internet Explorer 9
* Grafikprogramme:
** [[GIMP|The GIMP]]
** [[Inkscape]]
** CATIA
** CorelDRAW
** [[OpenOffice]]

== SVG im ZUM-Wiki ==
Hier als 'Beweis', dass die Extension .svg funktioniert:
Die Syntax:

<source lang="xml">
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3">
<rect fill="black" width="5" height="3"/>
<rect fill="red" width="5" height="2" y="1"/>
<rect fill="gold" width="5" height="1" y="2"/>
</svg>
</source>

[[Bild:Flag_of_Germany.svg|150px]]

== SVG-Grafiken im ZUM Wiki ==
SVG-Grafiken werden im ZUM-Wiki viel genutzt. Sie können Sie [[Spezial:Hochladeassistent|ins ZUM-Wiki hochladen]]. Besser ist es jedoch, sie auf Wikimeida commons hochzuladen und so allen Wikis der ZUM-Family zur Verfügung zu stellen.

{{Achtung|1=SVG-Grafiken, die mit CSS formatiert wurden, benötigen im <style>-Element ein <code>type="text/css"</code>-Attribut, auch wenn dies nach dem W3C-Standard nicht erforderlich ist.}}

== Weblinks ==

=== Hintergrundinformationen und Tutorials ===
* W3C: [https://svgwg.org/svg2-draft/single-page.html SVG 2 Editor's Draft]
[[Datei:S-Logo Q.png|right|200px|link=https://wiki.selfhtml.org/wiki/SVG]]
* Selfhtml: [https://wiki.selfhtml.org/wiki/SVG SVG-Portalseite] mit aktueller Dokumentation und vielen Tutorials
* {{wpde|Scalable Vector Graphics}}
* aptico: [http://svg.tutorial.aptico.de SVG Tutorial] (letzte Aktualisierung 2009)
* [http://www.selfsvg.info/ SELFSVG] - SVG-Grafiken selbst erstellen (deutsches Tutorial) (letzte Aktualiserung 2007)
* datenverdahten: [http://svglbc.datenverdrahten.de/ SVG - Learning By Coding | XML-basierte Vektorgrafiken - Code und Informationen (deutsch)]
* [http://www.carto.net/papers/svg/index_d.shtml Kartographie im Internet auf Vektorbasis, mit Hilfe von SVG nun möglich]
* [http://clipart.freedesktop.org/index.php Open Clip Art Library, openclipart.org]

[[Kategorie:HTML]]
[[Kategorie:Informatik]]