Dateien hochladen & online stellen

Alles was du wissen musst – Schritt für Schritt.

Wie funktioniert das?

Du hast zwei Seiten:

upload.dicke.work Dateien hochladen (Passwort nötig) sami.dicke.work Deine Seiten ansehen (öffentlich)

Was du bei upload.dicke.work hochlädst, erscheint automatisch bei sami.dicke.work.

1 Einloggen

  1. Öffne upload.dicke.work im Browser
  2. Benutzername und Passwort eingeben
  3. Auf Login klicken
Passwort vergessen? Frag Paul.

2 Ordner erstellen

  1. Klicke oben rechts auf das + Symbol
  2. Wähle Neuer Ordner
  3. Gib einen Namen ein, z.B. meine-seite
Keine Leerzeichen oder Umlaute im Namen verwenden. Statt „Meine Seite" → meine-seite

3 Code von ChatGPT holen

Du musst keinen Code selber schreiben. Frag einfach ChatGPT!

  1. Gehe zu chat.openai.com (oder öffne die App)
  2. Schreib z.B.: „Erstelle mir eine schöne HTML-Seite mit einem Countdown bis zum 28. Februar"
  3. ChatGPT zeigt dir einen Code-Block – klicke dort auf Copy code

So sieht das in ChatGPT aus:

html 📋 Copy code 
<!DOCTYPE html>
<html>
<head>
    <title>Meine Seite</title>
</head>
<body>
    <h1>Hallo Welt!</h1>
</body>
</html>

Klicke auf Copy code oben rechts am Code-Block.

4 index.html erstellen

Jetzt erstellst du die Datei direkt im Browser:

  1. Gehe zurück zu upload.dicke.work
  2. Öffne deinen Ordner aus Schritt 2
  3. Klicke auf + → Neue Datei
  4. Tipp als Dateiname: index.html
  5. Es öffnet sich ein Textfeld (der Editor)
  6. Drücke Strg + V um den Code einzufügen
  7. Klicke auf Speichern (Disketten-Symbol oben)
Wichtig: Die Datei muss exakt index.html heißen – alles kleingeschrieben, kein .txt am Ende.
Alternative: Du kannst auch auf deinem Computer eine Textdatei erstellen, in index.html umbenennen, den Code reinkopieren und per Drag & Drop ins Browserfenster ziehen.

5 Anschauen

Deine Seite ist jetzt online! Kann bis zu 1 Minute dauern.

Hochgeladen in Erreichbar unter
Ordner schmusi → index.html sami.dicke.work/schmusi/
Ordner fotos → galerie.html sami.dicke.work/fotos/galerie.html
index.html ganz oben sami.dicke.work

Schema: sami.dicke.work/ordnername/

Gut zu wissen

Aktion Wie
Datei aktualisieren Gleiche Datei nochmal hochladen – wird überschrieben
Datei löschen Datei auswählen → Papierkorb klicken
Datei bearbeiten Datei anklicken → direkt im Browser bearbeiten
Ganzen Ordner hochladen Ordner vom PC ins Browserfenster ziehen

Probleme?

Fehler Lösung
403 Forbidden Es fehlt eine index.html – erstelle eine (Schritt 4)
404 Not Found URL prüfen – Groß-/Kleinschreibung beachten
Bilder fehlen Bilder in denselben Ordner hochladen
Seite lädt nicht 1 Minute warten, dann F5 drücken

Kurzfassung

  1. Auf upload.dicke.work einloggen
  2. Ordner erstellen
  3. ChatGPT nach Code fragen & kopieren
  4. index.html erstellen & Code einfügen
  5. Unter sami.dicke.work/ordnername/ ansehen