3.5 Online stellen · AWA Campus

Versteh, was „online stellen“ heißt. Damit andere deine Seite sehen, muss sie auf einem Server liegen. Ein Server ist ein Rechner, der Tag und Nacht läuft und Webseiten an Besucher ausliefert. Einen Platz auf so einem Server nennt man Hosting. Netlify ist ein Anbieter, der kleine Seiten kostenlos hostet.

Prüf vorher, was auf der Seite steht. Was online ist, kann jeder auf der Welt sehen und abspeichern. Keine Adresse, keine Telefonnummer, keine Fotos von anderen ohne ihr Ja. Kinder besser gar nicht.

Pack einen sauberen Ordner. In deinem Projektordner liegen vielleicht noch andere Dinge, etwa „hallo.txt“ oder deine Sicherungen. Die sollen nicht ins Internet.

Sag Claude:Leg in diesem Ordner einen Unterordner ‚online‘ an und kopier nur die Dateien hinein, die für meine Startseite nötig sind, also index.html und das Foto. Prüf, dass die Seite aus diesem Ordner heraus richtig funktioniert und keine privaten Angaben enthält, die ich vielleicht übersehen habe.

Leg ein kostenloses Netlify-Konto an. Geh auf netlify.com und klick auf „Sign up“. Du kannst dich mit deiner E-Mail-Adresse anmelden. Wähl den kostenlosen Tarif („Free“). Ohne Konto geht es zwar auch, aber dann ist die Seite mit einem vorläufigen Passwort geschützt, bis du sie mit einem Konto übernimmst. Nicht übernommene Seiten können wieder verschwinden.

Zieh deinen Ordner auf Netlify Drop. Öffne app.netlify.com/drop, während du angemeldet bist. Öffne daneben den Finder (Mac) oder Explorer (Windows) und zieh den Ordner online mit der Maus auf die Fläche im Browser. Lass los. Nach ein paar Sekunden ist deine Seite live.

Öffne deine Adresse. Netlify zeigt dir eine Adresse, die auf .netlify.app endet, mit einem zufälligen Namen davor. Klick darauf. Öffne sie auch auf deinem Handy. Das ist deine Seite im Internet!

Gib ihr einen schöneren Namen. In der Übersicht deiner Seite bei Netlify kannst du den Namen ändern, etwa in „anna-startseite“ (zum Beispiel über „Customize“ und dann „Manage project name and cover image“, kann sich ändern). Dann heißt die Adresse anna-startseite.netlify.app, sofern der Name noch frei ist. Findest du die Stelle nicht:

Sag Claude:Ich habe meine Seite mit Netlify Drop hochgeladen. Wo ändere ich den Namen, damit die Adresse schöner wird? Ich bin Anfänger.

Später etwas ändern. Lass Claude die Seite wie gewohnt anpassen und die Dateien im Ordner „online“ aktualisieren. Dann öffnest du bei Netlify deine Seite, gehst auf „Deploys“ und ziehst den Ordner online erneut auf die Fläche unten. Die neue Fassung ersetzt die alte.

Kenn die Alternativen. Es gibt weitere kostenlose Wege, zum Beispiel GitHub Pages oder Cloudflare Pages. Sie brauchen mehr Schritte.

Denk ans Impressum. In Deutschland müssen viele Webseiten ein Impressum haben, also eine Angabe, wer hinter der Seite steckt, mit Name und Anschrift. Grob gilt:

Rein privat, nur für dich, Familie und Freunde, ohne Werbung und ohne etwas zu verkaufen: Dann ist meist kein Impressum nötig. Wo genau „rein privat“ endet, ist aber umstritten.
Geschäftlich, zum Beispiel für deinen Betrieb, deine Dienstleistung, mit Werbung oder Partner-Links: Dann brauchst du ein Impressum, oft auch eine Datenschutzerklärung.
Im Zweifel: Lass die Seite privat und teil die Adresse nur mit Menschen, die du kennst. Oder hol dir für eine geschäftliche Seite rechtlichen Rat.

Das ist ein allgemeiner Hinweis und keine Rechtsberatung. Claude ersetzt auch keine Anwältin.

Willst du tiefer einsteigen? Eine Website zeigt etwas – eine Web-App merkt sich etwas, mit Anmeldung und gemeinsamer Datenbank. Wie du so etwas sicher baust, zeigt dir die Vertiefung Deine eigene Web-App.

Hängst du irgendwo fest? Frag deinen Claude – so oft du willst, auch zu jedem einzelnen Schritt.

Sag Claude:Ich mache gerade die Lektion „3.5 Online stellen“ im AWA Campus und hänge bei diesem Schritt: … Erklär ihn mir bitte einfacher, Schritt für Schritt. Ich bin Anfänger.