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 an:

<img src="images/landschaft.jpg">

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 und dort ausgeführt werden:

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