Eine HTML-Website erstellen Sie, indem Sie eine Textdatei mit HTML-Code schreiben, sie als index.html speichern und bei einem Hoster hochladen. HTML legt die Struktur fest, also Überschriften, Absätze, Bilder und Links. CSS bestimmt das Aussehen. Für eine einfache Visitenkarte im Netz reicht das völlig. Sobald ein Formular Daten speichern, ein Login geschützte Bereiche öffnen oder ein Kalender Termine verwalten soll, brauchen Sie mehr als HTML: ein Backend auf einem Server.
Wie eine HTML-Datei aufgebaut ist
Jede Seite folgt demselben Grundgerüst. Diese kleine Datei können Sie in jedem Texteditor schreiben und im Browser öffnen:
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tischlerei Brandt</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Tischlerei Brandt</h1>
<p>Möbel nach Maß aus regionalem Holz.</p>
<a href="kontakt.html">Kontakt</a>
</body>
</html>- Im head stehen Titel, Zeichensatz und der Viewport-Eintrag, damit die Seite auf dem Handy richtig skaliert.
- Im body steht der sichtbare Inhalt, gegliedert mit Elementen wie h1, p, img und a.
- Die Datei style.css enthält Farben, Schriften und Abstände.
- Jede weitere Seite ist eine eigene Datei, die Sie über Links verbinden.
Schritt für Schritt zur eigenen HTML-Seite
- Inhalte festlegen: welche Seiten, welche Texte, welche Bilder.
- Eine Vorlage wählen oder das Grundgerüst oben übernehmen und mit Ihren Inhalten füllen.
- Mit CSS gestalten und die Seite im Browser in der Handyansicht prüfen.
- Einen Hoster für statische Seiten wählen und die Dateien hochladen.
- Die eigene Domain verbinden und ein HTTPS-Zertifikat aktivieren.
- Impressum nach § 5 DDG und Datenschutzerklärung ergänzen, wenn die Seite geschäftsmäßig ist.
Wo reines HTML an Grenzen stößt
Eine HTML-Seite ist statisch. Sie zeigt allen Besuchern dasselbe und kann von sich aus nichts speichern. Ein Kontaktformular braucht deshalb einen Dienst, der die Nachricht annimmt. Ein Login, eine Terminbuchung oder ein Kundenbereich brauchen ein Backend mit Datenbank. Außerdem wiederholen sich Kopfzeile und Menü auf jeder Seite, und jede Änderung müssen Sie in allen Dateien nachziehen.
Die Alternative: beschreiben statt Code schreiben
Ein KI-Builder nimmt Ihnen diese Arbeit ab, erzeugt aber kein Bündel aus reinen HTML-Dateien. VibeDream baut aus Ihrer Beschreibung eine App mit React im Frontend und FastAPI im Backend. Das Backend kann Formulardaten speichern und geschützte Seiten bereitstellen. Den Code sehen Sie im Code-Tab, Sie können ihn als ZIP herunterladen oder mit GitHub synchronisieren. Das ist dann ein React-Projekt, keine einzelne index.html. Wer ausdrücklich nur HTML-Dateien für einen eigenen Hoster möchte, ist mit dem Weg von Hand oben besser bedient.
Erstelle eine Website für die Tischlerei Brandt in Regensburg: Startseite mit Leistungen, Referenzen als Bildergalerie und ein Kontaktformular, das jede Anfrage speichert und auf einer passwortgeschützten Seite /admin anzeigt. Schlicht, warm, Holztöne, zuerst fürs Handy. Alle Texte auf Deutsch.Hosting und eigene Domain
Eine handgeschriebene HTML-Seite laden Sie bei einem Hoster für statische Seiten hoch und verbinden dort Ihre Domain. Bei VibeDream ist das Hosting im Rahmen fairer Nutzung enthalten: Mit Put it online ist die Seite nach etwa 1 bis 3 Minuten unter einer vibedreams.ai-Adresse erreichbar, eine eigene Domain verbinden Sie über einen TXT- und einen CNAME-Eintrag als www-Adresse. Jede Veröffentlichung kostet 5 Credits, die Tarife stehen auf der Preisseite.
Welche Programme und Builder es sonst gibt, vergleicht Programm zum Erstellen von Websites. Wie ein KI-Website-Generator arbeitet, zeigt KI-Website-Generator, und die allgemeinen Schritte stehen in Eigene Website erstellen.