HTML und CSS - Einstieg und Responsive Design

Responsive Design Schulung

HTML definiert die hierarchische Anordnung von Elementen auf Websites, wodurch ein semantisch klarer Aufbau von Texten, Bildern, Links und anderen Medienelementen möglich wird. CSS ermöglicht eine klare Strukturierung und Gestaltung von HTML-Dokumenten und unterstützt das responsive Webdesign.

HTML Kursinhalt

In dieser HTML Schulung lernen Sie die nötigen Grundkenntnisse kennen, um eigenständig strukturierte und ansprechende Webseiten zu erstellen. Nach dem Responsive Design Schulung sind Sie in der Lage, HTML5 und CSS3 effektiv zu nutzen, um Webinhalte geräteunabängig für Windows, iOS und Android zu erstellen und zu gestalten.

Zielgruppe CSS Training

Dieses CSS Seminar ist für Einsteiger und angehende Web-Entwickler und Web-Designer ohne Vorkenntnisse geeignet.

Power-Woche: JavaScript

Sie haben viel vor, aber wenig Zeit? Werden Sie mit der Power-Woche: JavaScript, HTML und CSS innerhalb 1 Woche zum Profi und sparen Sie 100€. Diese setzt sich aus diesem HTML Einsteigerkurs und "JavaScript Online Kurs" zusammen.

HTML Online Seminar

• HTML Grundlagen lernen
  Aufbau einer HTML-Seite
  HTML-Elemente und Tags
  Attribute - Zusätzliche Infos für HTML-Tags
  HTML-Tabellen erstellen
  Überschriften und Absätze strukturieren
  Listen und Aufzählungen
  Links, Bilder und Grafiken integrieren
  Audio- und Video-Elemente einbinden
• Semantische Elemente in HTML5
  Strukturierung, Gruppierung und Markierung
  header, nav, article, section, footer
• Formulare in HTML erstellen
  Eingabefelder
  Formular Attribute
  Formulare validieren
  Struktur und Layout trennen
  Eigene Vorschlagslisten (datalist)
• Grundlagen von Cascading Style Sheets (CSS)
  Aufbau einer CSS-Regel
  Selektoren und Deklarationen
  Abgerundete Ecken, Farbverläufe und Schatten
  Einfache Animationen mit Transitions
  CSS Funktionen und Regeln
  CSS in HTML-Dokumente einbinden
  Kaskadierung und Vererbung
• CSS-Layout-Typen und Positionierung
  Textformatierung (Schriftgröße, Farbe, Schriftart)
  Flexbox-Layout verstehen und anwenden
  Gestaltungsraster mit Grid-Layout
  Multiple Column Layout
  Positionierung von Elementen
• Responsive Web Design Grundlagen
  Einführung in Responsive Webdesign
  Desktop-First und Mobile-First Ansatz
  Media Queries
  Grafiken für unterschiedliche Auflösungen
• CSS Frameworks
  Übersicht zu Twitter Bootstrap
  Vordefinierte Klassen und IDs
  Einbindung