icon-arrow-lefticon-arrow

Kurzbeschreibung

Das »Coding« ist längst nicht mehr nur eine Aufgabe der Webentwickler. Auch Designer 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. Es handelt sich dabei auch eigentlich gar nicht um Programmiersprachen, sondern um Auszeichnungssprachen.

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 der Code Schwachstellen aufweist und wie Sie Probleme selbstständig erkennen und beheben.

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

Sie bekommen für das Seminar einen iMac zur Verfügung gestellt. Sie können jedoch auch Ihr eigenes Laptop nutzen. Bitte geben Sie dieses 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 UX/UI-, Frontend- & Responsive Design hat er sich auf WordPress 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 Webdesign anzutreffen und unterstützt Digitalagenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Der Workshop zu SVG-Grafiken war spannend, zukunftsweisend und in einem breiten Arbeitsumfeld bereichernd. Jonas Hellwig gibt einen umfassenden Einblick in Anwendungsgebiete und fokussiert gekonnt die individuell relevanten Schwerpunkte. Ein intensiver und wertvoller Lehrgang – besonders an der Schnittstelle zwischen Gestaltung und Entwicklung, der zu neuen Ansätzen motiviert und mir als Designer technische Möglichkeiten verständlich und zugänglich macht.

April 2017, Miriam Stepper, Grafik-Designerin, infoclick.ch

Für mich das ideale Seminar um mich auf dem Gebiet des Responsive Design in der Theorie fit zu machen. Der Wissensanteil und Lerneffekt war sehr groß.

April 2017, Lars Zacharias, Business Analyst

Ihr Kommentar zu diesem Termin

Ihr Kommentar zu diesem Termin

Bei Fragen, Anregungen oder Kritik zu diesem Termin, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

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: