Keine Angst vor HTML und CSS: Frontend-Grundlagen für Technische Redakteure
- Workshop
- UX & Informationsdesign
-
Jennifer Czeschka
- STYRZ - Technische Redaktion e.K.
Inhalt
HTML- und CSS-basierte Ausgabekanäle gehören heute zum Alltag vieler Technischer Redakteur:innen – von Help-Systemen über Wissensportale bis hin zu browserbasierten Dokumentationsplattformen. Dennoch bleiben Aufbau, Darstellung und typische Layoutprobleme für viele eine Blackbox. Der Workshop vermittelt praxisnah die wichtigsten Grundlagen, um HTML- und CSS-Strukturen besser zu verstehen, mit Entwicklern besser zu kommunizieren und kleinere Anpassungen selbst vornehmen zu können.
Anhand konkreter Beispiele analysieren die Teilnehmenden typische Darstellungs- und Layoutprobleme in webbasierten Outputs. Gemeinsam werden HTML-Strukturen untersucht, CSS-Regeln nachvollzogen und einfache Änderungen direkt ausprobiert. Dabei steht nicht das Programmieren im Vordergrund, sondern das Verständnis dafür, wie moderne Frontend-Ausgaben funktionieren und wie Technische Redakteur:innen sicherer mit webbasierten Dokumentationssystemen arbeiten können.
Das lernen Sie
Die Teilnehmenden verstehen grundlegende HTML- und CSS-Konzepte, können typische Layoutprobleme analysieren und kleinere Anpassungen in webbasierten Dokumentationsoutputs selbst vornehmen.
Vorkenntnisse
Der Workshop richtet sich an Technische Redakteur:innen, die ihre webbasierte Dokumentation neu aufsetzen oder optimieren möchten. Programmierkenntnisse sind nicht erforderlich.
Die Teilnehmenden benötigen einen Laptop, auf dem ein Standard-Browser wie Chrome, Firefox, Edge oder Safari installiert ist. Es muss vorab sichergestellt sein, dass Zugriff auf das Browser-Entwicklungstool gegeben ist. Einfacher Test: Browser öffnen, > beliebige Seite aufrufen > rechte Maustaste > Klick auf "Untersuchen" bzw. "Element-Informationen" (MAC).
Falls das nicht klappt, müssen diese Funktionen für Webentwickler erst in den Browser-Einstellungen aktiviert werden.