Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:blc:informatik:glf22:web-tech:images [2023/04/24 06:59] – created Ivo Blöchliger
+++ lehrkraefte:blc:informatik:glf22:web-tech:images [2023/04/24 06:59] (current) – [Bilder] Ivo Blöchliger
@@ Line 1: / Line 1: @@
+====== Bilder ======
+Bilder «vom Internet» sind grundsätzlich urheberrechtlich geschützt und dürfen nicht ohne Weiteres auf einer eigenen Webseite verwendet werden.
+Es gibt aber viele Bilder, die verwendet werden dürfen, wenn das so vermerkt ist.
+Eine einfache und viel verwendete Lizenz für solche Werke ist die «Creative Commons» Lizenz: https://creativecommons.org/
+Eine gute Quellen für Bilder sind
+  * https://commons.wikimedia.org/wiki/Main_Page
+  * https://openclipart.org/
+  * https://www.flaticon.com/free-icons/creative-commons
+Bei einer allgemeinen Suche lohnt es sich, die Suchbegriffe «**creative commons**» hinzuzufügen (oder «**public domain**»).
+===== Einbinden eines Bildes =====
+Mit einer URL (Uniform Resource Locator) wird beschrieben, wie und wo etwas zu erreichen ist.
+<code html>
+<img src="URL">
+</code>
+Dabei gibt es mehrere Varianten, die URL zu beschreiben:
+  * Absolut mit Protokoll, d.h. die URL beginnt mit https:// für beliebige Internet-Resourcen oder mit file:// für eine lokale Datei
+  * Absolut, auf gleichem Protokoll und Server wie die Seite, beginnt mit /
+  * Relativ, auf gleichem Protokoll und Server, vom gleichen Verzeichnis aus, wie die Seite.
+    * Kann auch z.B. auch .. enthalten, um ins darüber liegende Verzeichnis zu verweisen.
+    * Oder in der Form 'images/bla.jpg' (d.h. in einem Unterordner).
+<WRAP todo>
+  * Im Verzeichnis Ihrer ersten Webseite, legen Sie ein Verzeichnis ''images'' an.
+  * Suchen Sie sich ein Bild unter einer «Creative Commons»-Lizenz und speichern Sie dieses im Ordner ''images''
+  * Binden Sie Ihr Bild auf Ihrer Webseite mit //relativer URL// ein und testen Sie das Ergebnis.
+</WRAP>