Kurzbeschreibung

Das »Coding« ist längst nicht mehr nur eine Aufgabe der Webentwickler. Auch Webdesigner müssen heutzutage HTML5- und CSS3 zumindest grundlegend beherrschen. Vor allem für das Responsive Webdesign sind rein grafische, statische Layouts in Photoshop oder Illustrator nicht mehr geeignet. Aber keine Angst! HTML5 und CSS3 sind nicht schwer zu erlernen.

In diesem Grundkurs zum Thema Webdesign lernen Sie wie Websites auf Basis von HTML5 und CSS3 entwickelt werden. Sie erfahren, wie HTML funktioniert und wie die verschiedenen Bereiche einer Website ausgebaut sind. Sie setzen Schriften, Farben und grafische Effekte ein und lernen viele praktische Tools und Hilfsmittel kennen, die Sie bei Ihrer Arbeit unterstützen. Anhand leicht verständlicher Übungen entsteht Stück für Stück ein Beispielprojekt, dass später auch im Internet veröffentlicht wird.

Ziel des Seminars ist es, alle notwendigen Grundlagen zu erlernen, um anschließend selbstständig und ohne große Schwierigkeiten tiefer in die Website-Gestaltung einsteigen und eigene Projekte realisieren zu können. Sie erfahren wie typische Fehler vermieden werden, wie Sie überprüfen können ob Ihr Code Schwachstellen aufweist und wie Sie Probleme selbstständig erkennen und beheben können.

Da Websites heute auf allen Displaygrößen (Smartphone, Tablet, Desktop etc.) funktionieren müssen, lernen Sie von Beginn an die Grundlagen des sog. Responsive Webdesigns kennen und sind somit bestens für die Zukunft gerüstet.

Agenda

  • Einführung in HTML5
    • Webstandards und Grundlagen
    • Syntax und Semantik
    • Inhalte auszeichnen und strukturieren
    • Das Document Object Model (DOM)
    • Validatoren und Hilfsmittel
    • Browserkompatibilität
    • Barrierefreiheit und Suchmaschinenoptimierung
  • Einführung in CSS3
    • Syntax
    • Selektoren
    • HTML und CSS verbinden
    • Vererbung
    • Die Kaskade
    • Das CSS Box Model
    • Browserkompatibilität
  • Beispielprojekt
    • Das HTML-Grundgerüst entwickeln
    • Inhalte strukturieren
    • Texte und Bilder
    • Listen und Navigationselemente
    • Farben und Hintergründe
    • Schriften und Webfonts
    • Floating und Positionierung
    • Verlinkungen und Anker
    • Grafiken und Effekte
    • Online-Tools und Hilfsmittel
    • Interaktionen und Animationen
    • CSS Media Queries
    • Responsive Webdesign Grundlagen
    • Design im Browser
    • Upload und Servergrundlagen

Durchführung

Wir können für das Seminar insgesamt 8 Apple iMacs bereitstellen. Wenn Sie Ihren eigenen Laptop nutzen möchten, bzw. können, geben Sie dies bitte bei der Anmeldung an. Die maximale Teilnehmerzahl ist 10.

Zielgruppe

Webdesigner, Mediengestalter sowie alle, die Websites planen und layouten. Das Seminar richtet sich an Teilnehmer ohne HTML- bzw. CSS-Kenntnisse.
Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf WordPress, Photoshop und Workflow-Optimierungen im Web Design spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Veranstaltungen zum Thema Web Design anzutreffen und unterstützt Web-Agenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Super sympathischer Dozent, sehr guter Workshop mit großem Lerneffekt.

November 2016, Christina Martens, Grafik/Web

Das Seminar „Responsive Webdesign“ am Freitag war eine echte Erleuchtung. Jonas Hellwig hat die Schulung gut strukturiert, zugänglich gestaltet und keine Fragen offengelassen.

Dezember 2014, Marco Sablotzki – Quelle

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.

Worauf warten Sie noch?

Sie haben bereits eine Idee für ein gemeinsames Projekt? Dann nutzen Sie unsere Online-Projektplaner!

Wir planen ein Web Design-Projekt
Wir planen ein Inhouse-Seminar

Bei allgemeinen Fragen, Anregungen oder Kritik nutzen Sie bitte das Kontaktformular.