HTML5 und CSS3 Schulung für Einsteiger
Dein Einstieg in das moderne und responsive Webdesign
In diesem HTML5 und CSS3 Grundlagenkurs bieten wir dir einen umfassenden Einblick in die moderne Webseitengestaltung und du lernst die ersten Schritte mit HTML5 (Hypertext Markup Language) und CSS3 (Cascading Style Sheets). HTML5 bildet dabei das Fundament für Webseiten und ermöglicht die Erstellung strukturierter Dokumente. Browser interpretieren die hier definierten Befehle und Informationen, um Webseiten anzuzeigen.
HTML5 strukturiert Webinhalte, CSS3 gestaltet hingegen ansprechende Designs. Zusammen bilden sie die Basis für moderne Webseiten und sind fundamental für eine gute User Experience (Benutzererlebnisse).
CSS3 ermöglicht die visuelle Anpassung der mit HTML5 strukturierten Inhalte und Informationen und wird in ständiger Weiterentwicklung durch Definitionen des World Wide Web Consortium (W3C) und der Web Hypertext Application Technology Working Group (WHATWG) verbessert. Du lernst in unserer Schulung den Einsatz der jeweils aktuellen Technologien.
Stylesheets mit CSS3:
Unser HTML5 und CSS3 Grundlagenkurs vermittelt dir die wesentlichen Grundlagen über HTML5 und CSS3. Insbesondere CSS3 hat sich als Stylesheet-Sprache für die Gestaltung strukturierter Dokumente in der Webdesign-Branche seit den 90er Jahren durchgesetzt und bietet viele kreative Möglichkeiten für deine Layouts. Wir beginnen in dieser Schulung mit einer Einführung in die Möglichkeiten von HTML5 und führen dich dann Schritt für Schritt in die Anwendung von Cascading Style Sheets (CSS3) ein.
Du lernst die wichtigsten Deklarationen kennen und wie du diese verwenden kannst. Angefangen von der Umsetzung von mehrspaltigen Layouts für Desktop und Tablet bis hin zu linearisierten Layouts für Smartphones zeigen wir dir die verschiedenen Vorgehensweise für den responsiven Aufbau und die professionelle Gestaltung von Webseiten. Du erfährst in diesem CSS Grundlagenkurs auch, wie CSS Styles für typische HTML Komponenten wie Formulare oder die Navigation aufgebaut werden.
Mit unseren erfahrenen Trainer:innen baust du typische Codebeispiele auf, die du dann in der Praxis in deinem Unternehmen einsetzen kannst. Typische Probleme wie die der unterschiedlichen Browserversionen werden dabei ebenso berücksichtigt wie deine persönlichen Ziele und Anforderungen deines Arbeitsumfelds. Das perfekte Zusammenspiel von HTML5 und CSS3 steht dabei stets im Mittelpunkt.
HTML5 und CSS3 für die Praxis lernen:
Durch zahlreiche praxisorientierte Übungen begleiten wir dich bei der Erstellung deiner eigenen modernen Webseite. Wir beginnen mit der konzeptionellen Planung und führen dich Schritt für Schritt durch den gestalterischen und inhaltlichen Prozess bis hin zu den rechtlichen Anforderungen (DSGVO, etc.).
Du kannst in dieser Schulung lernen, wie du professionell gestaltete Webseiten erstellst und setzt so den Grundstein für deine Zukunft im Webdesign oder Marketing. Das Grundlagen-Wissen über HTML5 und CSS3 ist in vielen Bereichen gefragt. Auf Wunsch ergänzen wir die Inhalte auch mit den Themen Javascript und jQuery.
Lernziel:
Die aktuellen Webtechnologien HTML5 und CSS3 lernen
In dieser praxisorientierten Schulung für Einsteiger lernst du modernes Webdesign mit HTML5 und CSS3 zu entwickeln. Du kannst hier auch deine bisherigen Kenntnisse vertiefen und die Kursinhalte an deine Bedürfnisse anpassen. Du erhältst so ein tiefes Verständnis für die Architektur und das Zusammenspiel von HTML5 und CSS3. Wissen, das du bei deinen Webprojekten, egal ob CMS, App oder Website, sehr gut einsetzen kannst.
Wir unterstützen dich auch nach der Schulung bei etwaigen Fragen und begleiten dich bei deinen Projekten.
HTML5 und CSS3 Kurs Inhalte
- Einführung in Webtechnologien
- HTML5 (Hypertext Markup Language) – die Auszeichnungssprache verstehen
- Grundlagen der HTML-Programmierung
- Aufbau und Struktur von HTML-Dokumenten
- Doctype, Zeichensätze, Codierung
- Die richtige Syntax
- Farben, Verläufe und Hintergründe
- Texte gestalten
- Kommentare
- Die wichtigsten HTML-Tags und Exoten
- Die HTML5 Struktur-Elemente (section, nav, article usw.)
- Inline- und Block-Tags
- Tabellen definieren
- Eigenheiten von Webbrowsern berücksichtigen
- Best Practise Guide – Aufbau und Layout moderner Websites
- Editoren für HTML und CSS
- Einführung Barrierefreie HTML-Seiten nach WCAG2.1 und BITV2.0
- ARIA Attribute
- Einführung in CSS3
- Einführung in die Syntax von CSS3
- Das Boxmodell verstehen und anwenden
- HTML5-Tags mit CSS3 formatieren und stylen
- IDs und Klassen
- Selektoren
- Inline-Anweisungen
- “Style”-Tag im Header
- Externe CSS-Dateien verknüpfen
- Ein Layout mit CSS3 aufbauen
- Einsatz von Floating Layouts
- Eine Navigation mit CSS3 definieren
- Seiten mit Flexboxes und Grids layouten
- Komponenten und „Zustandsklassen“ für Navigation und Formulare
- CSS Effekte
- Einführung in das Responsive Web-Design
- Links einbinden
- Multimedia einbinden
- Layoutregeln
- Media Queries
- Responsive Bilder
- Fonts einbetten
- Suchmaschinenoptimierung
- Code-Optimierung
- Praxisbeispiel: “Eine eigene Website aufbauen”
- Einführung und Praxis Formulare
- DSGVO
- Urheberrecht
- Das DoubleOpt In-Verfahren
- Impressum und Datenschutzerklärung
- Hosting Grundlagen
- Eime Website zum Provider hochladen
- Grundlagen FTP und SFTP
- Browserhacks
- Tipps und Tricks
- Empfehlung: 2 bis 3 Tage – je nach Wissensstand und deinen Zielen (oder z. B. 1 Tag Auffrischung)
- Die Schulungstage müssen nicht als „Block“ gebucht werden. Freie Einteilung der Schulungstage möglich.
- Wir stellen dir auf Wunsch deinen individuellen Kursplan zusammen
- inkl. Zertifikat
- inkl. Lernunterlagen
- inkl. Übungs- und Beispieldateien
- inkl. 30 Tage kostenlosen Support nach der Schulung
- Schulungszeiten
- 9:00 – 16:00 Uhr (8 x 45 min.) oder nach Absprache
- Teilnehmer:innen ohne oder mit geringen Vorkenntnissen in HTML und CSS
- Mediengestalter:innen
- Grafik-Designer:innen
- Mitarbeiter:innen aus Marketing und Werbung
- Social Media Manager:innen
- Mitrabeiter:innen aus der Unternehmenskommunikation
- Gute allgemeine PC- oder Mac-Kenntnisse
- Browser und Internet-Kenntnisse
ONLINE-SCHULUNG
- Windows-PC oder Mac mit Soundkarte, aktuelles Windows-Betriebssystem – aktuelles macOS
- Internet-Zugang über DSL / Kabel (Bandbreite mind. 256 Kbit/s, ab 512Kbit/s empfohlen)
- Aktueller, moderner Browser wie z. B. Google Chrome, Mozilla Firefox, Microsoft Edge oder Apple Safari
- Headset (Lautsprecher und Mikrofon alternativ) und Webcam (können wir gegen eine kleine Leihgebühr zur Verfügung stellen)
- Zweiter Bildschirm empfehlenswert, aber nicht zwingend notwendig
- Wir bieten MS Teams, Zoom, WebEx, Jitsi und BigBlueButton (Open-Source) als Videokonferenzlösung an
Weitere Kurse zum Thema Web-Design und -Entwicklung:
- HTML5 & CSS3 Grundlagenkurs
- Adobe Dreamweaver Grundlagen Schulung
- WordPress für Einsteiger
- WordPress Kurs | Website Gestaltung und Design
- JavaScript Grundlagen Schulung
- React JS Schulung
- FIGMA ‒ UX/UI Design Schulung
- Adobe ‒ XD UX/UI Design Schulung
- Adobe Animate Schulung
- Progressive Web-Apps ‒ Entwicklung
- PHP 8 Grundlagen ‒ Schulung
- 3D Echtzeit-Anwendungen entwickeln