Deine Website ist online
Glückwunsch, deine Website ist online! Sie hat eine Adresse, die auf jedem Computer und jedem Handy der Welt funktioniert. Schicke sie deinen Freunden und deiner Familie und sieh sie dir auch auf deinem Handy an.
Die Website aktualisieren. Der Server hat seine eigene Kopie deiner Dateien. Wenn du die Dateien auf deinem Computer änderst, bleibt die Website online also, wie sie war. So aktualisierst du sie:
- Ändere die Dateien im Ordner auf deinem Computer und prüfe die Seite, indem du
index.htmlöffnest. - Öffne bei Netlify die Seite Deploys deines Projekts und ziehe den ganzen Ordner noch einmal auf den Bereich unten auf der Seite.
Die Adresse bleibt dieselbe, und die Besucher sehen die neue Version, wenn sie die Seite neu laden. Bewahre den Ordner gut auf: Er ist das Original deiner Website.
Das hast du in dieser Lektion gelernt:
- Eine Website ist ein Ordner voller Dateien. Die Startseite heißt
index.html, und Links und Stylesheets verwenden relative Pfade wiestyle.css, nie Pfade von deinem Computer. - Dateinamen schreibt man am besten klein, ohne Leerzeichen und Umlaute, weil viele Server
Style.cssundstyle.cssunterscheiden. - Jede Seite sollte einen eigenen Titel und eine Beschreibung in
<meta name="description">haben. - Hosting bewahrt deine Dateien auf einem Server auf und schickt sie an Besucher. Statische Websites wie unsere kann man kostenlos hosten, zum Beispiel bei Netlify oder GitHub Pages.
- Um die Website zu aktualisieren, änderst du die Dateien in ihrem Ordner und lädst den ganzen Ordner noch einmal hoch.
Wie es weitergeht. Das Kino hat eine Website, aber sie kann noch nichts: Das Programm ist eine feste Tabelle, und niemand kann ein Ticket buchen. Dafür ist JavaScript da. Im JavaScript-Kurs lernst du zu programmieren und am Ende, Seiten auf Klicks reagieren, Formulare prüfen und Daten laden zu lassen. Dann kehrst du zum Kino Sternenlicht zurück: Im nächsten Projekt lädt seine Programmseite das Programm aus einer Datendatei und lässt Besucher einen Tag wählen, Plätze aussuchen und Tickets buchen. Und sobald du die neuen Dateien hochlädst, kann auch deine Website online all das.
So schreibst du es:
Anweisungen
- 1
Stelle deine Website online, schicke jemandem ihre Adresse und mache, wenn du bereit bist, mit dem JavaScript-Kurs weiter.