Responsive Webdesign mit HTML5 & CSS3 für Einsteiger

Responsive Webdesign mit HTML5 & CSS3 – Einstieg in die moderne Webentwicklung

In dieser Schulung erhalten Sie einen praxisnahen Einstieg in die Erstellung moderner, responsiver Webseiten mit HTML5 und CSS3. Sie lernen den vollständigen Workflow kennen – von der Projektplanung über die technische Umsetzung bis hin zu rechtlichen Anforderungen – und sind am Ende in der Lage, professionelle Webseiten nach aktuellen Standards eigenständig zu entwickeln.

Schulungsbeschreibung

Die Schulung vermittelt Ihnen theoretisches Grundlagenwissen und praktische Fähigkeiten rund um den Aufbau und die Entwicklung responsiver Websites. Sie erfahren, wie moderne Webprojekte geplant und strukturiert werden, wie die Kommunikation mit Kund:innen abläuft und welche Hosting-Optionen zur Verfügung stehen. Der Schwerpunkt liegt auf dem Kennenlernen und Anwenden von HTML5 und CSS3. Ergänzend behandelt die Schulung wichtige Themen wie Suchmaschinenoptimierung, Barrierefreiheit und Rechtssicherheit im Netz. Anhand praktischer Übungen festigen Sie Ihr Wissen direkt am Projekt.

Schulungsinhalte

• Was sind Internetseiten?
• Projektmanagement beim Webdesign
• Webstandards und Ihre Realität – HTML5 und CSS als Standards für Spezifikation vom W3C (World Wide Web Consortium)
• Geschichte von HTML und CSS
• Design und Funktion – Umsetzung gestalterischer und funktionaler Vorgaben
• Wie findet die Kommunikation zwischen dem Client und der Internetseite statt?
• Namensgebungs- / -vorgaben
• Ordnerstruktur bei Webprojekten
• HTML (Hypertext Markup Language) – die Auszeichnungssprache
• Aufbau und Struktur eines HTML-Dokuments – Box Model Layout
• Neuerungen in HTML5: Einbindung von SVG und MathML, strukturierende Elemente (section, nav, article usw.), Multimedia-Elemente, Formularelemente
• Anzeigen des HTML-Dokumentes im Browser
• Kennenlernen der einzelnen Seitenbereiche und der Tags
• Syntax und grundlegende Tags
• Format, Selektoren, Klassen und Attribute
• Listen
• Tabellen
• Links
• Absolute und relative Pfadangaben
• Bilder einbinden und ausrichten
• Multimediale Inhalte einbinden und ausrichten
• Was ist CSS
• Einführung in die Syntax
• HTML-Tags im CSS stylen
• Style IDs und Klassen
• Span & Divs
• Typographie bestimmen
• Inline Anweisungen
• Style Tag im HTML Head
• Ausgelagerte CSS-Datei
• Wiederverwendbarkeit
• Aufbau des ersten Seitenlayouts
• Aufbauen einer Seitennavigation
• Linkstatus und Effekte
• Media Queries
• Suchmaschinenoptimierung
• Performanceoptimierung im Quellcode
• Usability
• Barrierefreiheit nach WCAG
• Rechtssicherheit im Netz: TMG 5, Impressumspflicht, Haftungsausschluss, Datenschutzerklärung, Erstellen von Impressum, Haftungsausschluss und Datenschutzerklärung, Urheberrecht, DSGVO, Double-Opt-In-Verfahren, HTTPS-Verschlüsselung, Einbinden der Rechtshinweise

Zielgruppe und Vorkenntnisse

Diese Schulung richtet sich an Webdesigner:innen, Webprogrammierer:innen, Grafiker:innen, Mediengestalter:innen sowie Fachkräfte aus künstlerischen Berufen, die an der Konzipierung, Gestaltung und Umsetzung von Internetauftritten mitwirken und die dafür notwendigen Kenntnisse erwerben möchten. Grundlegende PC- oder Mac-Kenntnisse werden vorausgesetzt; Erfahrung im Umgang mit einem Browser ist von Vorteil.

Die Schulung wird als Präsenz-Schulung, Live-Online-Webinar oder individuelle Firmenschulung angeboten.

Inklusivleistungen:

Im Preis enthalten sind Ihr WissensPiloten-Zertifikat zum Download, Stift und Notizblock, sowie bei Schulungen in unseren Schulungszentren Mittagessen, kalte und warme Getränke und ein indiv. eingerichteter PC/Mac für jeden Teilnehmenden.

Förderung:

Bildungsscheck, andere Fördermöglichkeiten auf Anfrage.