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. […]
9: Webseite mit Logo, Navbar, Sidebar und dynamischem Inhalt
In diesem Kapitel lernst du, wie du eine komplexere Webseite mit einem Logo, einer Navigationsleiste, einer Sidebar und einem dynamischen Inhaltsbereich erstellst. Die Sidebar dient als MenĂŒ, um zwischen verschiedenen Inhalten zu wechseln. 1. Grundaufbau der HTML-Seite HTML: 2. Beschreibung der Elemente Header mit Logo und Navbar Sidebar Hauptinhalt 3. Dynamik durch JavaScript Das JavaScript […]
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 […]
7: Responsive Design
Responsive Design ist ein Ansatz im Webdesign, der sicherstellt, dass eine Webseite auf allen GerĂ€ten gut aussieht â ob auf einem Smartphone, Tablet oder Desktop-Computer. In diesem Kapitel lernst du, wie du mit CSS ein responsives Design erstellst und verschiedene BildschirmgröĂen berĂŒcksichtigst. 1. Was ist Responsive Design? Responsive Design bedeutet, dass sich das Layout einer […]
6. Eine Webseite hosten â Wie funktioniert das?
In diesem Kapitel erfĂ€hrst du, wie du deine Webseite online stellen kannst. Das Hosten deiner Webseite macht sie fĂŒr jeden mit Internetzugang verfĂŒgbar. 1. Was ist Webhosting? Webhosting bedeutet, dass deine Webseite auf einem Server gespeichert wird, der rund um die Uhr mit dem Internet verbunden ist. Ein Server ist im Grunde genommen ein leistungsstarker […]
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 […]
2. HTML vs. HTML5 und EinfĂŒhrung in CSS
HTML vs. HTML5: Was ist der Unterschied? HTML5 ist die neueste Version der HTML-Spezifikation und bringt viele Verbesserungen und neue Funktionen mit. Hier sind die wichtigsten Unterschiede: 1. Neue Struktur-Tags HTML5 fĂŒhrt neue Tags ein, die den Code strukturierter und semantisch klarer machen: Beispiel: 2. Multimedia-UnterstĂŒtzung HTML5 hat integrierte Tags fĂŒr Audio und Video: 3. […]