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/22 14:57] 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> | <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: |
- | * (Vorbereitung: | + | * (Vorbereitung: |
- | * Lege im Verzeichnis '' | + | |
- | * Zerlege folgendes in HTML-Teil (mit link zu CSS) und CSS-Teil: https:// | + | |
- | * Speichere ein jpeg-Bild im Ordner '' | + | * Zerlege folgendes in HTML-Teil (mit link zu CSS) und CSS-Teil: https:// |
- | * Zettel verteilen; dazuschreiben, | + | * Speichere ein (anständiges) |
- | * Schaue deine Seite an: | + | |
- | + | | |
- | * Ergänze Link zu Banknachbarn | + | * Schaue deine Seite an: Du findest sie von '' |
+ | * Nachtrag: | ||
+ | * 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 ====== | ||
Line 90: | Line 105: | ||
* 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. |