10: Fortgeschrittenes JavaScript – Arbeiten mit dem Document Object Model (DOM)
In diesem Kapitel vertiefen wir uns in die Arbeit mit dem Document Object Model (DOM). Wir lernen, wie man Elemente auswählt, sie manipuliert und Fehler effektiv behandelt. 1. Was ist das DOM? Das DOM ist eine programmierbare Darstellung der HTML-Struktur einer Webseite. Es erlaubt uns, auf Elemente der Seite zuzugreifen und sie zu manipulieren. 2. […]
8: Einführung in JavaScript
JavaScript ist eine der wichtigsten Programmiersprachen im Web und ermöglicht interaktive und dynamische Webseiten. In diesem Kapitel lernst du die Grundlagen von JavaScript, wie du es in deine Webseite einbindest und erste interaktive Funktionen erstellst. 1. Was ist JavaScript? JavaScript ist eine Programmiersprache, die im Browser ausgeführt wird. Sie wird verwendet, um: 2. Einbinden von […]
5: CSS-Styles – Inline, Im Kopf und Externe Dateien
In diesem Kapitel lernst du, wie du CSS-Stile auf unterschiedliche Arten einbindest und wie die Vererbung und Verschachtelung von CSS-Regeln funktioniert. 1. Arten der CSS-Integration a) Inline-Stile Inline-Stile werden direkt im HTML-Tag definiert und sind nur für das jeweilige Element gültig. Beispiel: Vorteil: Schnell und einfach für einzelne Elemente. Nachteil: Unübersichtlich bei größeren Projekten. b) […]
4: Eine Navigationsleiste und Inhalte einbinden
In diesem Kapitel lernst du, wie du eine Navigationsleiste zu deiner Webseite hinzufügst und den Hauptinhalt darunter anordnest. Eine Navigationsleiste hilft Nutzern, sich auf deiner Webseite leichter zurechtzufinden. Schritt 1: Grundstruktur der HTML-Seite erstellen Erstelle eine neue Datei index.html und füge den folgenden Code ein: Erklärung des Codes Schritt 2: Weitere Seiten erstellen Erstelle eine […]
3. Eine einfache Navigation zwischen zwei HTML-Seiten erstellen
In diesem Kapitel lernst du, wie du zwei einfache HTML-Seiten erstellst und eine Navigation einfügst, um zwischen diesen Seiten zu wechseln. Schritt 1: Erste HTML-Seite erstellen Erstelle eine Datei namens seite1.html mit folgendem Inhalt: Schritt 2: Zweite HTML-Seite erstellen Erstelle eine zweite Datei namens seite2.html mit folgendem Inhalt: Schritt 3: Dateien testen Erklärung Mit diesen […]