Differences

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

--- lehrkraefte:snr:informatik:glf23:html-css:filezilla [2024/01/22 15:02]
Olaf Schnürer [Einmal gemeinsam]
+++ lehrkraefte:snr:informatik:glf23:html-css:filezilla [2024/03/21 12:20] (current)
Olaf Schnürer [Upload (= Hochladen/Kopieren) Ihres Webprojekts auf den Server (= Computer) des Tech-Lab]
@@ Line 5: / Line 5: @@
 <WRAP center round box>
-Ziele: Lernen, wie man Code von W3Schools in HTML-Teil und CSS-Teil zerlegt; Website hochladen auf den Tech-Lab-Server
+Ziele: (1) Lernen, wie man Code von W3Schools in HTML-Teil und CSS-Teil zerlegt; (2) Website hochladen auf den Tech-Lab-Server.
-  * (Vorbereitung: Zugangsdaten (einseitig!) ausdrucken und in Streifen schneiden.
+  * (Vorbereitung: Zugangsdaten (einseitig!) ausdrucken und in Streifen schneiden (oder in Klassenchat, falls alle einverstanden).
   * Kleine Website "erstellen":
     * Lege im Verzeichnis ''html'' ein Unterverzeichnis ''upload-test'' an.
     * Zerlege folgendes in HTML-Teil (mit link zu CSS) und CSS-Teil: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_flip_image
-    * Speichere ein jpeg-Bild im Ordner ''upload-test'' und ändere HTML-Datei entsprechend.
+    * Speichere ein (anständiges) jpeg-Bild im Ordner ''upload-test'' und ändere HTML-Datei entsprechend.
-  * Mein Verzeichnis auf dem Tech-Lab-Server:
+  * Das eigene Verzeichnis auf dem Tech-Lab-Server:
     * Zettel verteilen; dazuschreiben, dass links URL-Hash und rechts Passwort (Handyfoto!)
     * Schaue deine Seite an: Du findest sie von ''https://ofi.tech-lab.ch/2024'' aus.
   * Nachtrag: Ergänze in ''index.html'' einen Link zur Seite deines Sitznachbarn.
   * Transfer der Website auf den Tech-Lab-Server:
-    * Download Filezilla (Link unten)
+    * Download: [[https://filezilla-project.org/download.php?platform=win64|Filezilla für Windows]] (kostenlose Version links wählen).
-    * Login (Vorgehen siehe unten)
+    * Achtung: Filezilla will beim Installieren Standardbrowser neu setzen: DECLINE!
-    * Struktur: links lokal, rechts auf Tech-Lab-Server
+    * Installiere Filezilla und starte es. Dieses Programm dient dem Datentransfer zwischen deinem Computer (client) und Tech-Lab-Computer (Server)
-    * Benenne **rechts** ''index.html'' um in ''index-original.html''
+  * Verbinde dich mit Hilfe der folgenden Angaben mit dem Tech-Lab-Server:
-    * Finde Verzeichnis ''upload-test'' und kopiere seinen Inhalt (drei Dateien) in dein Verzeichnis auf dem Tech-Lab-Server
+    * **Server/Host: <nowiki>sftp://tech-lab.ch</nowiki>**
-    * Schau dir deine Webseite per Handy an, um zu sehen, dass sie wirklich im Netz ist.
+    * **Username: gleich wie e-mail ohne @ksbg.ch**
+    * **Passwort (rechts auf den Papierstreifen): (jeder hat sein eigenes Passwort)**
+    * **Port 40199** (falls dieser nicht funktioniert, versuche es mit Port 23).
+  * Struktur: links lokal, rechts auf Tech-Lab-Server
+  * Benenne **rechts** ''index.html'' um in ''index-original.html''
+  * Finde Verzeichnis ''upload-test'' und kopiere seinen Inhalt (drei Dateien) in dein Verzeichnis auf dem Tech-Lab-Server.
+  * Nun sollte deine Webseite im Schulnetz öffentlich zugänglich sein. Schau sie dir z. B. per Handy an!
 </WRAP>
+====== Ab hier als Erinnerung, wenn es ernst wird ======
@@ Line 97: / Line 105: @@
   * Ein Unterordner von ''https://ofi.tech-lab.ch/2024'' gehört dir. Bisher befindet sich dort eine "Dummy-Datei" index.html.
   * Diese kannst du dir in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Du findest sie von ''https://ofi.tech-lab.ch/2024/'' aus.
-  * Benne in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um, etwa zu ''index-alt.html'' (rechte Maustaste).
+  * Wenn du die alte Datei ''index.html'' auf dem Server erhalten willst: Benenne in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um, etwa zu ''index-alt.html'' (rechte Maustaste).
   * In deinem Browser wird jetzt, wenn du einen Reload durchführst, keine Seite mehr gefunden. (Denn Browser suchen standardmässig nach einer Datei namens ''index.html''.)
   * Mit "drag and drop" kannst du Dateien und Verzeichnisse zwischen deinem (d.h. lokalen) Computer, **links** sichtbar, und dem Server, **rechts** sichtbar, kopieren.