HTML5 & CSS3 für Einsteiger

Kursbeschreibung ​

Träumst du davon, deine eigenen Ideen ins Web zu bringen oder moderne Webseiten nicht nur zu nutzen, sondern selbst zu bauen? Dieser praxisorientierte Kombinationskurs ist dein idealer Einstieg. Wir führen die beiden wichtigsten Sprachen des Internets zusammen: HTML5 für die Struktur und CSS3 für das Design.

Du lernst Schritt für Schritt, wie du Texte logisch strukturierst, Medien einbindest und mittels CSS Farben, Schriften und Abstände kontrollierst. Wir zeigen dir, wie du sauberen, semantischen Code schreibst, der auf jedem Endgerät glänzt – vom Smartphone bis zum Desktop. Nach diesem Kurs hast du das nötige Rüstzeug, um Webprojekte professionell von Grund auf zu gestalten oder bestehende Seiten präzise anzupassen.

Zielgruppe ​

Dieser Kurs richtet sich an alle, die ohne tiefe Vorkenntnisse in die Webentwicklung einsteigen möchten. Er ist ideal für angehende Web-Entwickler, Content Manager, KMU-Inhaber oder Marketing-Fachleute, die die visuelle und technische Kontrolle über Webinhalte übernehmen wollen.

Lernziele ​

Nach diesem Kurs kannst du:

• Die grundlegende Struktur einer Webseite verstehen und semantisch korrekt aufbauen.
• HTML-Elemente gezielt mit CSS-Selektoren ansprechen und gestalten.
• Das CSS Box-Modell sicher für Abstände, Rahmen und Grössen nutzen.
• Bilder und Medien barrierefrei und suchmaschinenfreundlich einbinden.
• Moderne Layout-Techniken wie Flexbox und CSS Grid sicher anwenden.
• Formulare für Benutzereingaben erstellen und validieren.
• Responsive Webseiten erstellen, die auf allen Geräten funktionieren.
• Fehler im Code mittels Browser-Entwicklertools effizient finden und beheben.

Kursinhalte (Stichworte) ​

• HTML5 – Das Gerüst:
  • Aufbau einer HTML-Seite & semantische Elemente (header, nav, main, etc.).
  • Textauszeichnung, Listen, Links und Tabellen.
  • Formulare und moderne Input-Typen.
• CSS3 – Der Stil:
  • Syntax, Kaskade und Spezifität.
  • Farben, Hintergründe und professionelle Typografie.
  • Box-Modell (Margin, Border, Padding).
• Layout & Interaktion:
  • Display-Eigenschaften & Positionierung.
  • Modernes Layouting: Intensiv-Einstieg in Flexbox und CSS Grid.
  • Responsive Design mittels Media Queries.
  • Debugging-Techniken und Code-Validierung.

Vorkenntnisse / Anforderungen ​

• Grundlegende Computerkenntnisse (Dateisystem, Browser-Umgang).
• Ein eigener Laptop ist für die praktischen Übungen zwingend erforderlich.
• Keine spezifischen HTML- oder CSS-Vorkenntnisse nötig – wir starten gemeinsam bei Null.

Methodik & Besonderheiten ​

Unsere erfahrenen Dozenten führen dich im persönlichen Präsenzunterricht in Grabs SG durch die Materie. Der Kurs ist stark "Hands-on" geprägt: Du entwickelst während der Ausbildung dein eigenes Projekt und profitierst von der Expertise aus echten Web-Agenturen. In kleinen Gruppen garantieren wir dir eine intensive Betreuung und massgeschneiderte Unterstützung.

Abschluss ​

Teilnahmebestätigung sowie Kurs-Zertifikat bei erfolgreicher Abschlussprüfung (vor Ort in Grabs).