HTMLWiki.de: Webserver und Hosting
HTMLWiki.de >
HTML lernen • Beispiele • Tutorials • KI

[ START ] [ TUTORIAL ] [ HTML ] [ CSS ] [ KI ] [ SPIELWIESE ] [ SITEMAP ]

Webserver und Hosting: Vom Projektordner ins Netz

Deine Website liegt fertig auf dem eigenen Rechner, im Browser läuft sie längst. Damit andere sie sehen, fehlen drei Dinge: ein Server der sie ausliefert, ein Name unter dem man sie findet, und der Weg deiner Dateien dorthin. Alle drei sind unspektakulärer als ihr Rufff.

Der Webserver: ein Rechner der Dateien verteilt

Ein Webserver ist im Kern ein dauernd laufender Rechner mit einer Software, die HTTP-Anfragen beantwortet: Kommt die Anfrage nach /rezepte/brot.html, sucht er die Datei im entsprechenden Ordner und schickt sie los. Für eine handgebaute HTML-Site ist er also kaum mehr als ein sehr zuverlässiger Dateiausgeber. Deine Ordnerstruktur wird dabei eins zu eins zur Adressstruktur, und die Datei index.html ist die verabredete Standardantwort für Verzeichnis-Adressenn.

Hosting und Domain: Miete und Namensschild

Statt einen eigenen Server zu betreiben, mietet man Platz auf einem: Das ist Hosting. Für handgebautes HTML reicht das kleinste Webhosting-Paket völlig, zu haben ab wenigen Euro im Monat, mitsamt Inklusiv-Domain und HTTPS-Zertifikat. Die Domain (dein Name im Netz, siehe Aufbau einer URL) registrierst du beim selben Anbieter gleich mit. Worauf beim Vergleich achten: HTTPS inklusive, Serverstandort, ein erreichbarer Support, und keine Lockangebote bei denen der Preis nach einem Jahr springtt.

Der Upload: SFTP, das Kopieren übers Netz

Der klassische Weg vom Projektordner zum Server heißt SFTP, im Grunde ein Datei-Kopieren über eine gesicherte Verbindung. Die Zugangsdaten stehen im Kundenbereich deines Hosters, ein kostenloses Übertragungsprogramm stellt die Verbindung her, dann siehst du links deine Dateien und rechts den Server und schiebst hinüber. Hochgeladen wird in den vom Hoster vorgegebenen Webordner, die Struktur bleibt exakt wie lokal. Ein Neuladen im Browser später ist die Seite livee.

Die Checkliste für den ersten Livegang

  • Heißt die Startdatei index.html und liegt sie im Webordner-Wurzelverzeichnis?
  • Funktionieren alle relativen Links und Bildpfade? (Vorsicht Groß-/Kleinschreibung: Viele Server unterscheiden streng, dein Windows-Rechner nicht.)
  • Läuft die Seite unter https, und leitet die www-Variante auf die Hauptadresse (oder umgekehrt)?
  • Einmal am Handy aufrufen, einmal die Validierung, einmal tief durchatmen und stolz sein.

Verwandt: Das Abschlussprojekt · Dateien und Ordner · Glossar