lehrkraefte:blc:informatik:glf24:web:hello-img

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
lehrkraefte:blc:informatik:glf24:web:hello-img [2025/03/17 12:22] – [Wer hat schon fertig?] Ivo Blöchligerlehrkraefte:blc:informatik:glf24:web:hello-img [2025/04/03 07:56] (current) – [Alles hochladen] Ivo Blöchliger
Line 12: Line 12:
 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.  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:+In der Datei ''index.html'' fügen Sie an geeigneter Stelle folgende Tags hinzu und passen Sie die Dateinamen und Quelleninformation an:
 <code html> <code html>
 <img src="images/landschaft.jpg"> <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>
 </code> </code>
 +
 +Auf Wikimedia Commons kann der Quellenhinweis direkt generiert und eingebunden werden:
 +{{:lehrkraefte:blc:informatik:glf24:web:pasted:20250317-143446.png}}
  
 ===== Alles hochladen ===== ===== Alles hochladen =====
 +Falls noch nicht erledigt: bitte erst die [[https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:blc:informatik:glf24:web:scp-workaround|Datei ''upload.bash'' installieren]].
 +
 +In VSCode, öffnen Sie ein Terminal, und dann ein neues Terminal mit ''git-bash''. {{:lehrkraefte:blc:informatik:glf24:web:pasted:20250403-095623.png}}
 +
 +
 +Im git-bash Terminal von VSCode können Sie dann mit 
 <code bash> <code bash>
-scp -r * ofi:hello/.+upload.bash
 </code> </code>
-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). 
  
 +den ganzen Ordner hochladen (und die Berechtigungen auf dem Server automatisch anpassen).
 ===== Testen ===== ===== Testen =====
 Überprüfen Sie, ob die Bilder korrekt auf Ihrer Webseite angezeigt werden. Laden Sie Ihre Seite im Browser neu (Ctrl-Shift-R). Überprüfen Sie, ob die Bilder korrekt auf Ihrer Webseite angezeigt werden. Laden Sie Ihre Seite im Browser neu (Ctrl-Shift-R).
  
  
 +===== Probleme mit Berechtigungen =====
 +<code bash>
 +ssh ofi chmod -R a+rx hello 
 +</code>
 ===== Wer hat schon fertig? ===== ===== Wer hat schon fertig? =====
 Folgendes Bash-Script kann auf den Server kopiert (z.B. in eine Datei ''img.bash'') und dort ausgeführt werden mit ''bash img.bash'' Folgendes Bash-Script kann auf den Server kopiert (z.B. in eine Datei ''img.bash'') und dort ausgeführt werden mit ''bash img.bash''
  • lehrkraefte/blc/informatik/glf24/web/hello-img.1742214174.txt.gz
  • Last modified: 2025/03/17 12:22
  • by Ivo Blöchliger