Webentwicklung & Mediengestaltung

CSS, JavaScript & Webserver

Während HTML für die Struktur sorgt, hauchen CSS (Cascading Style Sheets) und JavaScript einer Website Leben ein. CSS gestaltet Farben, Abstände und responsive Layouts, während JavaScript dynamische Benutzerinteraktionen ermöglicht.

Wichtige Grundlagen und Merksätze

CSS-Selektoren & Box-Modell: Selektoren sprechen HTML-Elemente, Klassen (.klasse) oder IDs (#id) an; Box-Modell aus Content, Padding, Border und Margin
Responsive Webdesign: Media Queries passen Layouts flexibel an Smartphone-, Tablet- und Desktop-Bildschirme an (Flexbox, CSS Grid)
JavaScript im Browser: Manipulation des Document Object Model (DOM), Reagieren auf Nutzerereignisse (Klicks, Eingaben) und Formularvalidierung
Webserver-Hosting: Serversoftware (z. B. Apache, Nginx) lauscht auf Port 80 (HTTP) bzw. 443 (HTTPS) und liefert Webdateien an Clients aus

Interaktive Übungen (7)

CSS Gestaltung

Lade H5P-Modul...

Passende Arbeitsblätter & Kopiervorlagen

Möchtest du das Thema CSS, JavaScript & Webserver zusätzlich im Unterricht oder zu Hause auf Papier vertiefen? Auf EDUKI findest du passende Arbeitsblätter und Kopiervorlagen zum Download.

Arbeitsblätter zu CSS, JavaScript & Webserver auf EDUKI ➔