icon-arrow-lefticon-arrow

Inhalt

HTML- und CSS-Kenntnisse werden mittlerweile in vielen Bereichen vorausgesetzt. Waren diese Sprachen in der Vergangenheit in erster Linie Web-Designern vorbehalten, so schreiben heute auch Designer und Redakteure regelmäßig HTML und CSS oder besitzen zumindest ein solides Grundverständnis um die Zusammenarbeit mit Kollegen unkomplizierter zu gestalten.

In diesem mindestens zweitägigen Grundkurs erlernen Sie wie Websites auf Basis von HTML5 und CSS3 entwickelt werden. Sie erfahren, wie HTML funktioniert, wie Sie Inhalte auszeichnen und wie die verschiedenen Bereiche einer Website aufgebaut 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 schreiben Sie den Code des gemeinsamen Beispielprojekts und lernen Schritt für Schritt alle HTML- und CSS-Grundlagen kennen, die notwendig sind um nach dem Seminar selbstständig tiefer in die Website-Gestaltung einsteigen 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.
Und da Websites heute auf allen Displaygrößen (Smartphone, Tablet, Desktop etc.) funktionieren müssen, lernen Sie von Beginn an die Grundlagen des Responsive Web Designs 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 Web Design Grundlagen
  • Design im Browser
  • Upload und Servergrundlagen

Voraussetzungen der Teilnehmer

Das Seminar richtet sich an Teilnehmer ohne HTML- bzw. CSS-Kenntnisse. Die einzelnen Übungen werden gemeinsam im Code-Editor erarbeitet, daher sind solide EDV-Kenntnisse Voraussetzung für dieses Seminar.


Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess 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 Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.


Kunden-Feedback zu unseren Inhouse-Schulungen

Jonas Hellwig from @_kulturbanause is showing us some cool web magic at pixelart.at - we're glad to have him here! #rwd #webdev

September 2015, Thomas Deinhamer ‏(@thomasdeinhamer) – Quelle

Super Seminar! Es wird ein breiter Überblick über responsives Webdesign gegeben. Zu empfehlen für alle, die mit Websites zu tun haben.

April 2019, Anika Donner, Projektmanagerin online, DEAG

Ich verneige mich! Wunderbarer Vortrag wie das mit dem Design im Web heute funktioniert!

August 2015, David Hellmann – Quelle

Das war ein wirklich toller WordPress-Workshop!

Januar 2016, Carsten Baucke, Mediengestalter – Quelle

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

November 2016, Christina Martens, Grafik/Web


Öffentliche Schulungen für Webdesigner

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir sind nicht auf eine Branche festgelegt und haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: