Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:snr:informatik:glf23:html-css:filezilla [2024/01/08 20:32] Olaf Schnürer [Upload (= Hochladen/Kopieren) Ihres Webprojekts auf den Server (= Computer) des Tech-Lab] |
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 1: | Line 1: | ||
~~NOTOC~~ | ~~NOTOC~~ | ||
+ | |||
+ | ====== Einmal gemeinsam ====== | ||
+ | |||
+ | |||
+ | <WRAP center round box> | ||
+ | Ziele: (1) Lernen, wie man Code von W3Schools in HTML-Teil und CSS-Teil zerlegt; (2) Website hochladen auf den Tech-Lab-Server. | ||
+ | * (Vorbereitung: | ||
+ | * Kleine Website " | ||
+ | * Lege im Verzeichnis '' | ||
+ | * Zerlege folgendes in HTML-Teil (mit link zu CSS) und CSS-Teil: https:// | ||
+ | * Speichere ein (anständiges) jpeg-Bild im Ordner '' | ||
+ | * Das eigene Verzeichnis auf dem Tech-Lab-Server: | ||
+ | * Zettel verteilen; dazuschreiben, | ||
+ | * Schaue deine Seite an: Du findest sie von '' | ||
+ | * Nachtrag: Ergänze in '' | ||
+ | * Transfer der Website auf den Tech-Lab-Server: | ||
+ | * Download: [[https:// | ||
+ | * Achtung: Filezilla will beim Installieren Standardbrowser neu setzen: DECLINE! | ||
+ | * Installiere Filezilla und starte es. Dieses Programm dient dem Datentransfer zwischen deinem Computer (client) und Tech-Lab-Computer (Server) | ||
+ | * Verbinde dich mit Hilfe der folgenden Angaben mit dem Tech-Lab-Server: | ||
+ | * **Server/ | ||
+ | * **Username: gleich wie e-mail ohne @ksbg.ch** | ||
+ | * **Passwort (rechts auf den Papierstreifen): | ||
+ | * **Port 40199** (falls dieser nicht funktioniert, | ||
+ | * Struktur: links lokal, rechts auf Tech-Lab-Server | ||
+ | * Benenne **rechts** '' | ||
+ | * Finde Verzeichnis '' | ||
+ | * Nun sollte deine Webseite im Schulnetz öffentlich zugänglich sein. Schau sie dir z. B. per Handy an! | ||
+ | </ | ||
+ | |||
+ | ====== Ab hier als Erinnerung, wenn es ernst wird ====== | ||
+ | |||
<WRAP center round important> | <WRAP center round important> | ||
Line 71: | Line 103: | ||
* FileZilla **öffnet keine Dateien**. | * FileZilla **öffnet keine Dateien**. | ||
* In FileZilla sind **links** Dateien deines (lokalen) Computers sichtbar, **rechts** Dateien auf dem Computer des Tech-Labs. Im oberen Bereich ist jeweils der aktuell gewählte Ordner sichtbar, im unteren der Inhalt dieses Ordners. | * In FileZilla sind **links** Dateien deines (lokalen) Computers sichtbar, **rechts** Dateien auf dem Computer des Tech-Labs. Im oberen Bereich ist jeweils der aktuell gewählte Ordner sichtbar, im unteren der Inhalt dieses Ordners. | ||
- | * Ein Unterordner von '' | + | * Ein Unterordner von '' |
- | * Diese kannst du dir in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Du findest sie von '' | + | * Diese kannst du dir in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Du findest sie von '' |
- | * Benne in FileZilla die Datei '' | + | * Wenn du die alte Datei '' |
* In deinem Browser wird jetzt, wenn du einen Reload durchführst, | * In deinem Browser wird jetzt, wenn du einen Reload durchführst, | ||
* Mit "drag and drop" kannst du Dateien und Verzeichnisse zwischen deinem (d.h. lokalen) Computer, **links** sichtbar, und dem Server, **rechts** sichtbar, kopieren. | * Mit "drag and drop" kannst du Dateien und Verzeichnisse zwischen deinem (d.h. lokalen) Computer, **links** sichtbar, und dem Server, **rechts** sichtbar, kopieren. |