Bilder auf der hello-Webseite

Zeitaufwand: Maximal 5 Minuten: Suchen oder erstellen Sie zwei Bilder in kleinerer Auflösung. Bedingung ist, dass die Bilder auf einer Webseite verwendet werden dürfen (Copyright).

Geeignete Quellen:

• https://commons.wikimedia.org/wiki/MediaWiki
• KI generierte Bilder

Im Verzeichnis hello (auf Ihrem Computer) legen Sie ein neues Verzeichnis images an.

Kopieren/Verschieben/Speichern Sie Ihre beiden Bilder in das Verzeichnis images. Bennen Sie die Dateien gegebenenfalls so um, dass keine Grossbuchstaben, Leerschläge oder Sonderzeichen vorkommen.

In der Datei index.html fügen Sie an geeigneter Stelle folgende Tags hinzu und passen Sie die Dateinamen und Quelleninformation an:

<img src="images/landschaft.jpg">
<p>Quelle: <a href="https://example.com/link/zum/bild.jpg">Autor</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0</a>, via grosses Internet</p>

Auf Wikimedia Commons kann der Quellenhinweis direkt generiert und eingebunden werden:

scp -r * ofi:hello/.

Erklärung: -r kopiert rekursiv, d.h. auch Ordner und Unterordner mit Inhalt werden kopiert. * heisst alles in diesem Verzeichnis (ausser Dateien, die mit . (Punkt) beginnen).

Überprüfen Sie, ob die Bilder korrekt auf Ihrer Webseite angezeigt werden. Laden Sie Ihre Seite im Browser neu (Ctrl-Shift-R).

Folgendes Bash-Script kann auf den Server kopiert (z.B. in eine Datei img.bash) und dort ausgeführt werden mit bash img.bash

for i in /srv/www/ofi/2025/2aLS/*/hello/index.html; do
       for img in `sed -ne 's/.*src=\"\([^"]*\)\".*/\1/p' < $i`; do
               stat --printf '%U %n\n' `dirname $i`/$img
       done
done