lehrkraefte:blc:informatik:glf22:web-tech:images [https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== 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>