Werkzeuge einrichten: Texteditor und Browser
Werkzeuge einrichten: Texteditor und Browser
~7 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026
Für dieses Tutorial brauchst du genau zwei Programme, und beide sind kostenlos: einen Texteditor zum Schreiben von HTML und einen Browser zum Anschauen des Ergebnisses. Sonst nichts.
Der Texteditor: Visual Studio Code
Ein Texteditor ist ein Programm zum Schreiben von reinem Text - anders als Word oder LibreOffice Writer fügt er keine unsichtbare Formatierung hinzu, die HTML durcheinanderbringen würde. Wir empfehlen Visual Studio Code (kurz "VS Code"), weil es kostenlos ist, auf Windows, Mac und Linux läuft und sehr viele Menschen damit arbeiten.
- Öffne im Browser die Seite
code.visualstudio.com. - Klicke auf den großen Download-Knopf für dein Betriebssystem (Windows, Mac oder Linux).
- Installiere das Programm wie jedes andere Programm auch (immer "Weiter" bzw. "Next" klicken).
- Öffne VS Code einmal, um zu prüfen, dass es funktioniert.
Tipp: Falls du VS Code aus irgendeinem Grund nicht installieren kannst oder möchtest: Auch der ganz normale Editor von Windows oder TextEdit auf dem Mac funktionieren - bei TextEdit musst du dann aber unter "Format" "Reinen Text" auswählen, sonst funktioniert es nicht.
Der Browser
Einen Browser hast du wahrscheinlich schon: Chrome, Firefox, Edge oder Safari funktionieren alle gleich gut für dieses Tutorial. Falls du dir unsicher bist, welchen du nehmen sollst: Jeder aktuelle Browser reicht völlig aus.
Einen Projektordner anlegen
Bevor wir die erste Datei schreiben, legen wir einen Ordner an, in dem unsere gesamte Webseite wohnen wird. Erstelle auf deinem Desktop (oder wo du magst) einen neuen Ordner mit dem Namen meine-webseite.
Öffne dann in VS Code diesen Ordner: Menü Datei > Ordner öffnen... und wähle deinen neuen Ordner aus. Auf der linken Seite von VS Code siehst du jetzt den (noch leeren) Ordner-Inhalt. Genau dort werden wir gleich unsere erste Datei erstellen.
Tipp: Benutze für Datei- und Ordnernamen am besten nur Kleinbuchstaben, Zahlen und Bindestriche, keine Leerzeichen und keine Umlaute (also meine-webseite statt Meine Webseite). Das ist keine Pflicht, aber es vermeidet spätere Probleme, wenn eine Webseite online geht.