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 […]
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 […]
1. HTML-Grundlagen
Willkommen zu unserem Programmierkurs! In diesem ersten Teil konzentrieren wir uns auf die Grundlagen von HTML (HyperText Markup Language). HTML ist die Basis jeder Webseite und dient dazu, Inhalte zu strukturieren und darzustellen. Perfekt für Anfänger! 1. Was ist HTML? HTML ist eine Auszeichnungssprache, mit der du Inhalte wie Text, Bilder, Videos und Links auf […]