Es ist Zeit, mit dem Programmieren zu beginnen! In Lektion 9 unserer Full Stack Web Development-Serie erstellen wir deine erste Website von Grund auf neu.
Dies ist ein vollständiges Schritt-für-Schritt-Tutorial, in dem wir unsere Projektordner einrichten, unsere Bilder vorbereiten und unsere ersten Zeilen HTML-Code mit dem Texteditor Brackets schreiben. Du wirst die grundlegende Struktur jeder Webseite im Internet lernen und sehen, wie deine Arbeit mit einer Echtzeit-Vorschau zum Leben erweckt wird.
📌 Zeitstempel:
0:00:00 Einführung: Was wir heute bauen
0:01:05 Einrichten deines Projektverzeichnisses & Unterordner
0:02:40 Beste Praktiken für die Benennung von Ordnern (Kleinbuchstaben & Bindestriche)
0:03:45 Kostenlose Bilder von Unsplash.com beziehen
0:05:00 Bilder für das Web mit Microsoft Paint anpassen
0:06:10 Brackets starten & deinen Projektordner öffnen
0:07:55 Erstellen deiner index.html-Datei
0:09:20 Die DOCTYPE-Deklaration: Dem Browser mitteilen, dass es HTML ist
0:10:15 Die Struktur der HTML-, Head- und Body-Elemente
0:13:00 Die Bedeutung der Code-Einrückung
0:14:40 Meta Charset UTF-8: Deine Seite global machen
0:15:55 Hinzufügen eines Seitentitels für den Browser-Tab
0:17:35 Inhalte hinzufügen: H1-Überschriften und Absatz (P)-Tags
0:19:10 So fügst du Bilder mit dem IMG-Tag & Alt-Text ein
0:22:05 Live-Vorschau: Deine Website in Google Chrome sehen
Am Ende dieses Videos wirst du eine funktionale Webseite mit Text und Bildern auf deinem lokalen Rechner haben!
🔔 Abonniere, um am kostenlosen Platzierungs-Kurs 2026 teilzunehmen!
#WebsiteErstellen #HTMLFürAnfänger #ProgrammierenLernen #FullStackEntwickler #CodingTutorial #WebEntwicklung #HTML5 #Lektion9 #KostenloserPlatzierungskurs #BracketsEditor #WebDev2026