🌍 Vom lokalen Projekt zur Website

Webspace, Domain und DNS verstehen

Einstieg: Worum geht es in diesem Kapitel?

Bisher hast du Webseiten lokal auf deinem eigenen Computer erstellt. Deine Datei index.html liegt in deinem Projektordner und kann im Browser geöffnet werden. Das funktioniert aber nur auf deinem Gerät.

Wenn andere Menschen deine Website im Internet aufrufen sollen, muss sie auf einem Webserver liegen. Außerdem braucht sie eine Adresse, die man sich merken kann, zum Beispiel eine Domain.

In diesem Kapitel geht es darum, wie aus einem lokalen HTML-Projekt eine erreichbare Website im Internet wird. Dabei geht es nicht nur um Technik, sondern auch um Besitz, Kosten, Zuständigkeit und Verantwortung.

Merksatz

Eine lokale HTML-Datei liegt auf deinem Computer. Eine veröffentlichte Website liegt auf einem Webserver und ist über eine Internetadresse erreichbar.

Vom lokalen Projekt zur veröffentlichten Website

Lokale Datei

Ein lokales Projekt liegt auf deinem eigenen Computer. Zum Beispiel:

html-einstieg/
├─ index.html
├─ style.css
└─ images/
   └─ bild.png

Wenn du index.html doppelt anklickst, öffnet dein Browser die Datei direkt von deiner Festplatte.

Die Adresse sieht dann ungefähr so aus:

file:///C:/Users/.../html-einstieg/index.html

Das ist keine Adresse im Internet, sondern ein lokaler Dateipfad.

Wichtig

Eine Datei, die du lokal im Browser öffnest, ist nicht automatisch online. Andere Menschen können sie nicht über das Internet aufrufen.

Website im Internet

Damit eine Website im Internet erreichbar ist, braucht man im einfachsten Fall:

• mindestens eine HTML-Datei
• Speicherplatz auf einem Webserver
• eine Adresse, unter der die Website erreichbar ist
• eine Person oder Organisation, die Zugriff und Verantwortung übernimmt

CSS-Dateien, Bilder und weitere Ressourcen sind für eine einfache Website nicht zwingend notwendig. Sie sind aber häufig Teil einer Website, weil sie Gestaltung, Inhalt und Benutzerführung verbessern.

Dieser Speicherplatz auf einem Webserver wird oft Webspace genannt.

Merksatz

Eine Website online zu stellen bedeutet: Dateien müssen auf einem erreichbaren Server liegen und über eine Adresse gefunden werden können.

Webspace und Webserver

Was ist Webspace?

Webspace ist Speicherplatz auf einem Server, der mit dem Internet verbunden ist. Dort liegen die Dateien deiner Website.

Wenn jemand deine Website aufruft, liefert der Webserver die passenden Dateien an den Browser aus.

Zum Beispiel:

index.html
style.css
images/logo.png

Der Browser lädt diese Dateien und stellt daraus die Webseite dar.

Merksatz

Webspace ist Speicherplatz für Websites auf einem Server.

Warum heißt die Startseite oft index.html?

Viele Webserver suchen in einem Ordner automatisch nach einer Startdatei. Sehr häufig heißt diese Datei:

index.html

Wenn du also eine Website unter einer Adresse öffnest, zum Beispiel:

https://example.com/

liefert der Server oft automatisch diese Datei aus:

index.html

Deshalb ist der Dateiname index.html für Startseiten besonders wichtig.

Typischer Fehler

Wenn die Startseite nicht index.html heißt, zeigt der Webserver möglicherweise keine Startseite an oder meldet einen Fehler.

Domain und Subdomain

Was ist eine Domain?

Eine Domain ist eine gut lesbare Internetadresse.

Zum Beispiel:

example.com

Menschen können sich solche Namen leichter merken als IP-Adressen.

Eine Domain verweist aber nicht direkt auf eine bestimmte Datei, sondern auf einen Server oder Dienst. Welche Website dort angezeigt wird, hängt von DNS-Einträgen und der Serverkonfiguration ab.

Merksatz

Eine Domain ist ein lesbarer Name für eine Adresse im Internet.

Was ist eine Subdomain?

Eine Subdomain ist ein zusätzlicher Bereich vor der eigentlichen Domain.

Beispiel:

inf.example.com

Hier ist inf die Subdomain.

Subdomains können verwendet werden, um unterschiedliche Bereiche zu trennen, zum Beispiel:

www.example.com
mail.example.com
inf.example.com

Eine Subdomain ist praktisch, wenn ein bestimmter Bereich einer Website getrennt erreichbar sein soll.

IP-Adresse und DNS

Was ist eine IP-Adresse?

Server im Internet sind über IP-Adressen erreichbar. Eine IP-Adresse ist eine technische Adresse eines Geräts oder Servers im Netzwerk.

Beispielhaft:

203.0.113.10

Menschen verwenden im Alltag meistens Domains. Computer arbeiten im Hintergrund aber mit IP-Adressen.

Hinweis

Die Domain ist der lesbare Name. Die IP-Adresse ist die technische Adresse.

Was macht DNS?

DNS steht für Domain Name System.

DNS sorgt dafür, dass eine Domain zur passenden technischen Adresse aufgelöst wird. Vereinfacht gesagt fragt der Browser:

Welche IP-Adresse gehört zu dieser Domain?

Das DNS-System liefert dann die passende Information zurück.

Merksatz

DNS übersetzt Domainnamen in technische Adressen.

DNS-Einträge

Damit eine Domain oder Subdomain auf den richtigen Webspace zeigt, braucht es passende DNS-Einträge.

Häufige Einträge sind:

A-Record
CNAME
MX-Record
TXT-Record

Ein A-Record zeigt auf eine IP-Adresse.

Ein CNAME zeigt auf einen anderen Namen.

Ein MX-Record ist für E-Mail-Zustellung zuständig.

Ein TXT-Record kann zusätzliche Informationen enthalten, zum Beispiel für Verifikation oder E-Mail-Sicherheit.

Für einfache Webspace-Projekte bekommt man vom Anbieter meist genaue Angaben, was eingetragen werden muss.

Wichtig

DNS-Änderungen sind nicht immer sofort überall wirksam. Es kann einige Minuten oder auch länger dauern, bis Änderungen überall angekommen sind.

Domainbesitz und Zuständigkeit

Wem gehört eine Domain?

Eine Domain gehört nicht einfach „dem Internet“. Sie wird von einer Person, Organisation, Firma oder Institution registriert. Diese Person oder Organisation ist für die Domain verantwortlich oder verwaltet sie zumindest.

Wichtig sind dabei mehrere Rollen:

• Wer ist Domaininhaber:in?
• Wer verwaltet die Domain technisch?
• Wer hat Zugriff auf die DNS-Einstellungen?
• Wer bezahlt die Domain?
• Wer ist für Inhalte auf der Website verantwortlich?

Diese Rollen können bei derselben Person liegen, müssen es aber nicht.

Wichtig

Wer Zugriff auf DNS-Einstellungen hat, kann beeinflussen, wohin eine Domain zeigt. Das ist eine technische und organisatorische Verantwortung.

Rolle von Registries und Registraren

Domains werden nicht völlig frei vergeben. Für viele Endungen gibt es Organisationen, die die jeweilige Domainzone verwalten. Eine solche Stelle nennt man häufig Registry.

Für die österreichische Domainendung .at ist zum Beispiel eine zentrale Vergabestelle zuständig. Die Domain wird aber oft über Anbieter registriert, die als Registrar oder Provider auftreten.

Vereinfacht:

Registry → verwaltet eine Domainendung
Registrar / Provider → verkauft oder verwaltet Domains für Kund:innen
Domaininhaber:in → nutzt oder besitzt die konkrete Domain

Merksatz

Domain, Webspace und Website-Inhalt sind unterschiedliche Dinge. Sie können beim selben Anbieter liegen, müssen es aber nicht.

Domaininformationen prüfen

Für viele Domains kann man öffentlich prüfen, welche Informationen zur Domain bekannt sind. Dafür gibt es WHOIS- oder RDAP-Abfragen.

Je nach Domainendung und Datenschutzregeln sind nicht immer alle Daten sichtbar. Besonders personenbezogene Daten können ausgeblendet sein.

Trotzdem kann man oft erkennen:

• welche Domain abgefragt wurde
• bei welchem Anbieter oder Registrar sie liegt
• welche Nameserver verwendet werden
• ob technische Informationen zur Domain sichtbar sind
• ob die Domain aktiv eingerichtet ist

Datenschutz-Hinweis

Nicht alle Informationen über Domaininhaber:innen sind öffentlich sichtbar. Das ist kein Fehler, sondern oft Absicht, um personenbezogene Daten zu schützen.

Kosten und Verantwortung

Welche Kosten können entstehen?

Eine Website kann sehr günstig sein, aber sie ist selten völlig „kostenlos“, wenn sie dauerhaft und professionell erreichbar sein soll.

Mögliche Kosten sind:

• Domain
• Webspace oder Server
• SSL-Zertifikat
• E-Mail-Adressen zur Domain
• Backups
• Wartung
• Updates
• Gestaltung oder Programmierung
• rechtliche Beratung oder Datenschutzprüfung

Manche Anbieter bündeln mehrere dieser Leistungen. Andere verrechnen sie getrennt.

Hinweis

Ein kostenloser Anbieter kann für Tests praktisch sein. Für eine offizielle Website sind Besitz, Datenschutz, Werbung, Verfügbarkeit und langfristige Kontrolle aber wichtige Fragen.

Verantwortung für Inhalte

Wer eine Website veröffentlicht, trägt auch Verantwortung für Inhalte.

Dazu gehören zum Beispiel:

• richtige und aktuelle Informationen
• Urheberrecht bei Bildern, Texten und Medien
• Datenschutz
• Impressumspflichten oder Kontaktangaben, falls erforderlich
• Sicherheit der Zugangsdaten
• regelmäßige Wartung

Wichtig

Eine Website online zu stellen bedeutet nicht nur: Dateien hochladen. Es bedeutet auch, Verantwortung für Inhalte, Zugriffe und Datenflüsse zu übernehmen.

Veröffentlichungsablauf

Der grundlegende Ablauf

Der Weg von deinem lokalen Projekt zur Website sieht vereinfacht so aus:

1. Du erstellst lokal deine HTML- und CSS-Dateien.
2. Du testest die Website im Browser.
3. Du lädst die Dateien auf einen Webspace hoch.
4. Eine Domain oder Subdomain zeigt auf diesen Webspace.
5. DNS sorgt dafür, dass die Domain zum richtigen technischen Ziel führt.
6. Der Webserver liefert index.html, CSS, Bilder und weitere Dateien aus.
7. Die Website ist online erreichbar.

Lokaler Ordner → Webspace → Domain/Subdomain → DNS → Webserver → Browser der Nutzer:innen

Wichtig

Beim Hochladen müssen Ordnerstruktur und Dateinamen erhalten bleiben. Sonst funktionieren Links, Bilder oder CSS-Dateien möglicherweise nicht mehr.

Upload per FTP

Was ist FTP?

FTP steht für File Transfer Protocol. Es ist eine Möglichkeit, Dateien von deinem Computer auf einen Server hochzuladen.

Häufig verwendet man dafür Programme wie FileZilla oder WinSCP.

Du brauchst meist:

• Serveradresse
• Benutzername
• Passwort
• Zielordner am Webspace

Sicherheit

Zugangsdaten zu Webspace oder FTP gehören nicht in Screenshots, Chatnachrichten oder öffentlich sichtbare Dokumente.

Worauf muss man beim Upload achten?

Beim Upload ist wichtig:

• Lade die richtige Datei hoch.
• Lade auch style.css hoch, falls deine Website eine externe CSS-Datei verwendet.
• Lade den Ordner images mit hoch, falls deine Website Bilder verwendet.
• Achte auf Groß- und Kleinschreibung.
• Achte darauf, dass die Startseite index.html heißt.
• Überschreibe keine fremden Dateien unabsichtlich.

Hinweis

Wenn eine Website online anders aussieht als lokal, fehlen oft Dateien oder Pfade stimmen nicht.

Typische Fehler

Die Seite ist nicht erreichbar

Mögliche Ursachen:

• Die Domain zeigt noch nicht auf den richtigen Server.
• Der DNS-Eintrag ist noch nicht aktiv.
• Die Dateien liegen im falschen Ordner.
• Es gibt keine index.html.
• Der Webspace ist nicht richtig eingerichtet.

Bilder werden nicht angezeigt

Mögliche Ursachen:

• Der Ordner images wurde nicht hochgeladen.
• Der Dateiname stimmt nicht genau.
• Die Dateiendung ist anders, zum Beispiel .jpg statt .png.
• Der Pfad im HTML ist falsch.

CSS wird nicht angewendet

Mögliche Ursachen:

• style.css wurde nicht hochgeladen.
• Die Datei heißt anders.
• Der Link im <head> ist falsch.
• Die CSS-Datei liegt in einem anderen Ordner.

Beispiel:

<link rel="stylesheet" href="style.css">

Diese Zeile funktioniert nur, wenn style.css im gleichen Ordner wie index.html liegt.

Arbeitsaufträge

🌍 Auftrag 1: Voraussetzungen und Verantwortung analysieren

Eine Website ist nicht automatisch online, nur weil jemand eine HTML-Datei erstellt hat. Damit sie öffentlich erreichbar ist, braucht es technische Voraussetzungen und klare Zuständigkeiten.

Aufgabe

Erstelle eine strukturierte Übersicht mit drei Spalten:

Technisch notwendig | Technisch optional / Inhalt & Gestaltung | Organisatorisch / rechtlich wichtig

Ordne mindestens folgende Begriffe sinnvoll zu:

HTML-Dateien
CSS-Dateien
Bilder
Webspace
Webserver
Domain
DNS-Eintrag
FTP-Zugang
index.html
Domaininhaber:in
Zugangsdaten
Kosten
Datenschutz
Urheberrecht
Wartung
Backups

Begründe bei mindestens drei Begriffen kurz deine Entscheidung.

Hinweis

Achte darauf, dass eine Website nicht nur aus Dateien besteht. Auch Zugriff, Besitz, Kosten und Verantwortung sind wichtig.

🌍 Auftrag 2: Domaininformationen praktisch prüfen

Suche dir eine öffentlich erreichbare Website aus, zum Beispiel eine Schulwebsite, eine Nachrichtenseite oder die Website eines Vereins.

Verwende ein öffentliches Webtool zur Domainabfrage, zum Beispiel:

WHOIS-Abfrage bei nic.at

Für internationale Domains kannst du alternativ auch eine allgemeine WHOIS- oder RDAP-Abfrage verwenden:

ICANN Lookup

Aufgabe

Prüfe, welche Informationen zur Domain sichtbar sind.

Untersuche nach Möglichkeit:

• Welche Domain wurde abgefragt?
• Welche Domainendung wird verwendet?
• Welcher Registrar oder Anbieter ist sichtbar?
• Welche Nameserver sind eingetragen?
• Sind Informationen zur Inhaberin oder zum Inhaber sichtbar?
• Welche Informationen sind aus Datenschutzgründen möglicherweise nicht sichtbar?
• Gibt es Hinweise darauf, wo DNS verwaltet wird?

Dokumentation

<!--
Auftrag 2: Domaininformationen

Untersuchte Domain:

Domainendung:

Sichtbarer Registrar / Anbieter:

Nameserver:

Sichtbare Informationen zur Inhaberin / zum Inhaber:

Aus Datenschutzgründen nicht sichtbare Informationen:

Hinweis auf DNS-Verwaltung:

Eine offene Frage:
-->

Datenschutz-Hinweis

Gehe sorgfältig mit personenbezogenen Daten um. Wenn Namen oder Kontaktdaten sichtbar sind, schreibe sie nicht unnötig ab und veröffentliche sie nicht weiter.

🌍 Auftrag 3: Kosten und Kontrolle bewerten

Eine Website kann günstig wirken, aber trotzdem langfristige Kosten und Abhängigkeiten erzeugen.

Aufgabe

Wähle ein fiktives Beispiel:

private Portfolio-Website
Schulprojekt
Vereinswebsite
kleiner Webshop
Klassenblog

Beantworte dazu:

• Welche Kosten könnten entstehen?
• Welche Kosten fallen einmalig an?
• Welche Kosten fallen regelmäßig an?
• Wer sollte Zugriff auf Domain, DNS und Webspace haben?
• Warum wäre es riskant, wenn nur eine einzelne Privatperson alle Zugänge besitzt?
• Welche Aufgaben müssen auch nach der Veröffentlichung erledigt werden?

Dokumentation

<!--
Auftrag 3: Kosten und Kontrolle

Gewähltes Beispiel:

Mögliche einmalige Kosten:

Mögliche regelmäßige Kosten:

Sinnvolle Zugriffsverteilung:

Risiko bei nur einer verantwortlichen Einzelperson:

Aufgaben nach der Veröffentlichung:
-->

Hinweis

Denke nicht nur an das Online-Stellen. Eine Website muss langfristig erreichbar, aktuell, sicher und rechtlich sauber bleiben.

Wissensspeicher

Wichtige Begriffe

lokales Projekt Website-Dateien, die auf dem eigenen Computer gespeichert sind.

Webspace Speicherplatz auf einem Server, auf dem Website-Dateien liegen.

Webserver Server, der Webseiten und Dateien an Browser ausliefert.

Domain Lesbarer Name einer Website, zum Beispiel example.com.

Subdomain Zusätzlicher Bereich vor einer Domain, zum Beispiel inf.example.com.

IP-Adresse Technische Adresse eines Geräts oder Servers im Netzwerk.

DNS Domain Name System; übersetzt Domainnamen in technische Adressen.

DNS-Eintrag Eintrag, der festlegt, wohin eine Domain oder Subdomain zeigt.

A-Record DNS-Eintrag, der eine Domain auf eine IP-Adresse verweist.

CNAME DNS-Eintrag, der einen Namen auf einen anderen Namen verweist.

Registrar Anbieter oder Stelle, über die eine Domain registriert und verwaltet wird.

Registry Organisation, die eine Domainendung verwaltet.

WHOIS / RDAP Abfragemöglichkeiten, um technische und organisatorische Informationen zu Domains zu prüfen.

FTP Verfahren zum Übertragen von Dateien auf einen Server.

index.html Häufige Startdatei einer Website oder eines Ordners.

Pfad Weg zu einer Datei, zum Beispiel images/bild.png.

Abschlussgedanke

Der Weg von einer lokalen Datei zur Website führt über Webspace, Domain und DNS. Wer dieses Zusammenspiel versteht, erkennt, dass Veröffentlichung nicht nur eine technische Aufgabe ist. Es geht auch um Kosten, Zuständigkeit, Zugriff, Datenschutz und langfristige Verantwortung.