Differences

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

--- lehrkraefte:snr:informatik:glf22:html-css:filezille [2023/05/29 19:28]
Olaf Schnürer
+++ lehrkraefte:snr:informatik:glf22:html-css:filezille [2023/05/30 11:58]
Olaf Schnürer removed
@@ Line 1: / Line 1: @@
 ~~NOTOC~~
-===== Erste Verbindung, Installation und Benutzung von FileZilla =====
-Hier wird erklärt, wie sie mit Hilfe des Programms **Filezilla** eine Verbindung zu dem Tech-Lab-Server herstellen können und dann ihr Webprojekt auf diesen Server kopieren können.
+====== Hochladen der Website auf den Tech-Lab-Server ======
+Das Ziel ist nun, deine Website oder genauer gesagt dein gesamtes Webprojekt von deinem Rechner auf einen Rechner des Tech-Lab (= den Tech-Lab-Server) zu übertragen, so dass sie %%jede(r)%% im Schulnetz anschauen kann.
+Wir verwenden dazu das Programm **Filezilla**. Zuerst wird eine Verbindung zu dem Tech-Lab-Server hergestellt, danach kannst du wie im File Explorer Dateien verschieben.
+Um Zugriff auf den Tech-Lab-Server (oder genauer ein Verzeichnis dort) zu erhalten, benötigst du einen Benutzernamen und ein Passwort, welche du von mir erhältst.
+<WRAP center round important>
+Bevor du den Inhalt deines Verzeichnisses auf den Tech-Lab-Server überträgst: Erstelle eine Sicherheitskopie des gesamten Verzeichnisses!
+Grund: Wenn du Dein Verzeichnis bzw. deine Dateien mit Filezilla überträgst, kannst du mit wenigen Mausbewegungen deine Dateien löschen bzw. durch ungewünschte (alte) Dateien überschreiben (wenn du zum Beispiel in die falsche Richtung kopierst).
+</WRAP>
+<!---Wie das geht, ist in dem Link unten erklärt. Eventuell werde ich das auch einmal vormachen. Ich empfehle, die Website NICHT öffentlich zugänglich zu machen - je nach Inhalt und eventuellen Copyright-Verletzungen kann das sonst sehr unangenehm und kostspielig werden! Wer sein Passwort ändert, merke sich das neue Passwort bitte gut. Ich habe keine Lust, neue Accounts zu kreieren bzw. kreieren zu lassen.
+Deine Website wird sich später in einem geeigneten Unterverzeichnis von [[https://ofi.tech-lab.ch/2023/]] befinden und a priori nur aus dem Schulnetz zugänglich sein.
+Die Erklärungen in dem folgenden Link beziehen sich teilweise auf die Schulcomputer und das Jahr 2022, sollten aber sinngemäss weiterhin stimmen.
+  * [[lehrkraefte:snr:informatik:glf22:html-css:filezille|Transfer auf Tech-Lab-Server mit Filezilla]]
+-->
+<!--
+  * [[https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:blc:informatik:glf20:webtech-filezilla]]
+  * [[https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:blc:informatik:glf20:webtech-filezilla]]
+  * eventuell auch nützlich: [[https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:blc:informatik:glf20:webtech-vorbereitung]]
+-->
+==== FileZilla installieren und mit dem Tech-Lab-Server verbinden ====
 <WRAP center round important>
@@ Line 19: / Line 47: @@
 {{ :lehrkraefte:blc:informatik:glf20:filezilla-config.png?direct |}}
-==== Upload Ihres Webprojekts auf den Server (= Computer) des Tech-Lab ====
+==== Upload (= Kopieren) Ihres Webprojekts auf den Server (= Computer) des Tech-Lab ====
 <WRAP center round important>
@@ Line 31: / Line 59: @@
   * In FileZilla sind **links** Dateien Ihres (lokalen) Computers sichtbar, **rechts** Dateien auf dem Computer des Tech-Labs.
   * Ein Unterordner von ''https://ofi.tech-lab.ch/2023'' gehört Ihnen. Bisher befindet sich dort eine "Dummy-Datei" index.html.
-  * Diese können sie sich in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Sie finden Sie von https://ofi.tech-lab.ch/2023/ aus.
+  * Diese können sie sich in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Sie finden Sie von ''https://ofi.tech-lab.ch/2023/'' aus.
   * Bennen Sie in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um zu ''index-alt.html''.
   * In Ihrem Browser wird jetzt, wenn Sie einen Reload durchführen, keine Seite mehr gefunden. (Denn Browser suchen standardmässig nach einer Datei namens ''index.html''.)
-  * Mit "drag and drop" können Sie Dateien und Verzeichnisse zwischen Ihrem (d.h. lokalen) Computer, sichtbar **links**, und dem Server, sichtbar **rechts** kopieren.
+  * Mit "drag and drop" können Sie Dateien und Verzeichnisse zwischen Ihrem (d.h. lokalen) Computer, **links** sichtbar, und dem Server, **rechts** sichtbar, kopieren.
-  * Kopieren Sie den gesamten Inhalt Ihres Web-Projekt-Verzeichnisses in Ihr Verzeichnis auf dem Tech-Lab-Server.
+  * Kopieren Sie den gesamten Inhalt (aber nicht das Verzeichnis) Ihres Web-Projekt-Verzeichnisses in Ihr Verzeichnis auf dem Tech-Lab-Server.
   * In Ihrem Browser wird jetzt, wenn Sie einen Reload durchführen, hoffentlich Ihre Website angezeigt.
   * Ihre Webseite ist nur aus den Kanti-Netzwerken erreichbar.
+  * Mitschülerinnen und Mitschüler können nun schulintern Ihre Seite ansehen und auch entsprechende Links setzen.
 <!--
   *  Wenn Sie die Seite welt-öffentlich machen möchten, bennen Sie die Datei .htaccess um (z.B. nach .htaccess.bak).
 -->
-===== Passwortwechsel (optional) =====
+=== Für Experten: ===
+<hidden Passwortwechsel>
 Wenn Sie einen Passwortwechsel wünschen, gehen Sie wie folgt vor:
   * Öffnen Sie Powershell (oder ein Terminal/Konsole unter MacOSX oder Linux) und geben Sie folgendes Kommando ein (wobei natürlich vorname.nachname durch ihren eigenen Usernamen zu ersetzen ist:
@@ Line 59: / Line 91: @@
 </code>
   * Befolgen Sie die Anweisungen, beim Eingeben des Passworts wird **gar nichts** angezeigt.
+</hidden>
+<hidden SSH-Config speichern>
-===== SSH-Config speichern =====
 Damit die Port-Nummern nicht immer eingeben werden müssen, kann in der persönlichen ssh-Konfigurationsdatei (unter Linux ''~/.ssh/config'', wobei ''~'' für das Home Verzeichnis steht, unter Windows C:\User\Hans\.ssh\config) folgender Eintrag gemacht werden (wobei ''hans.muster'' entsprechend ersetzt oder die Zeile gänzlich gelöscht werden muss).
 <code txt>
@@ Line 69: / Line 101: @@
         Port 23
 </code>
+</hidden>