Die Website hochladen

Bevor die Website online geht, gib jeder Seite eine Beschreibung. Sie ist ein meta-Element im Kopf der Seite, wie das <meta charset="utf-8">, das du aus dem HTML-Kurs kennst:

<meta name="description" content="Ein kleines Kino mit großen Filmen, in der Ulmenstraße seit 1932. Die Filme dieser Woche, das Programm und die Ticketpreise.">

Besucher sehen sie nicht auf der Seite, aber Suchmaschinen wie Google zeigen sie oft unter dem Titel der Seite in ihren Ergebnissen an, und Chat-Apps zeigen sie vielleicht, wenn du jemandem einen Link schickst. Zusammen mit dem Titel, der im Browser-Tab und als Überschrift eines Suchergebnisses erscheint, sagt sie den Leuten, was sie auf der Seite finden. Deshalb sollte jede Seite einen eigenen Titel und eine eigene Beschreibung haben. Unsere Seiten haben schon gute Titel: Kino Sternenlicht und Programm – Kino Sternenlicht. (Das kleine Bild im Tab, das Favicon heißt, ist optional: Ohne eines zeigt der Browser ein eigenes Symbol.)

Die Website online stellen. Wenn beide Seiten ihre Beschreibung haben, folge diesen Schritten. Sie finden außerhalb von Start Coder statt:

1. Erstelle auf deinem Computer einen Ordner, zum Beispiel kino-sternenlicht. Speichere die drei Dateien aus dem Editor darin, wie am Ende des CSS-Kurses: Füge den Code jeder Datei in einen einfachen Texteditor ein und speichere ihn unter demselben Namen wie im Editor. Prüfe, dass der Texteditor dem Namen nicht .txt angehängt hat.
2. Doppelklicke im Ordner auf index.html. Die Seite öffnet sich in deinem Browser mit ihren Farben, und die Links zwischen den Seiten funktionieren.
3. Erstelle ein kostenloses Konto auf netlify.com (ab 13 Jahren; wenn du jünger bist, erstellt es ein Elternteil).
4. Öffne nach der Anmeldung app.netlify.com/drop und ziehe den ganzen Ordner auf die Seite: den Ordner selbst, nicht die Dateien darin.
5. Wenige Sekunden später ist die Website online, unter einer Adresse, die auf .netlify.app endet. Öffne sie und probiere die Links aus. In den Einstellungen des Projekts kannst du seinen Namen ändern und damit den ersten Teil der Adresse, zum Beispiel in kino-sternenlicht-anna, falls ihn noch niemand genommen hat.