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

Top Dozent mit sehr umfangreichem Know-how. Ich habe sehr viel gelernt. Danke!

November 2016, Tatiana Teusch, Entwicklerin, GDV e.V.

Vielen Dank für die sehr kurzweiligen, spannenden Seminartage. Ich werde vielen von dem Gelernten direkt in meinen Projekten berücksichtigen. Auf konkrete Fragestellungen habe ich effiziente Antworten erhalten.

April 2017, Ann-Kathrin Fischer, Projektleitung/Konzeption/Layout, soldan kommunikation

Dieser interessante Workshop gehalten von Jonas Hellwig (kulturbanause.de) brachte viele neue Erkenntnisse in Sachen Workflow im Response Webdesign.

Juli 2014, Nina Evers – Quelle

Super lockerer Workshop mit einer tollen Balance zwischen Zuhören und selber Ausprobieren. Hat sehr viel Spaß gemacht!

November 2018, Jessica Lyschik, WordPress-Theme-Entwicklerin, selbstständig

Vielen Dank für die tolle Unterstützung in 2020!
Ob mit Schulungen, Workshops oder der Umsetzung einer Wordpress-Seite habt ihr immer ausgezeichnete Arbeit geleistet.
Jonas und das Team waren konstant schnell, freundlich, transparent und professionell.
Wir freuen uns auf die weitere Zusammenarbeit!

Dezember 2020, Isabel Pfab, UX/UI Designer, Miele & Cie. KG


Themenverwandete Schulungsthemen

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