Adobe Dreamweaver — Responsive Webdesign

In diesem Kurs gestalten Sie Webseiten nach dem heute üblichen Standard des responsiven Designs: Über einen geteilten Bildschirm sehen Sie synchron, wie sich Ihr Layout gleichzeitig auf Desktop, Tablet und Smartphone auswirkt. Während Sie für den Computermonitor entwerfen, beobachten Sie unmittelbar das Verhalten auf den kleineren Endgeräten, sodass am Ende mehrere passend optimierte Darstellungen entstehen. Sie lernen, mit Adobe Dreamweaver strukturierte, normgerechte und gut wartbare Webseiten zu erstellen und dabei moderne Layouttechniken sowie unterstützende Werkzeuge einzusetzen. Der Kurs verbindet gestalterische Praxis mit dem technischen Verständnis von HTML und CSS. Schritt für Schritt entsteht so ein verlässlicher Arbeitsablauf von der ersten Struktur bis zur fertig veröffentlichten, responsiven Website.

Der Kurs führt vom Aufbau der Arbeitsumgebung über die zentralen Techniken des responsiven Designs bis zur Veröffentlichung. Jede Technik wird direkt an Beispielseiten angewendet, sodass das Zusammenspiel von Struktur, Gestaltung und Verhalten auf verschiedenen Geräten erfahrbar wird. Den Einstieg bilden die Arbeitsumgebung und die Grundlagen des responsiven Layouts.

• Menüs, Paletten, Bedienfelder und Voreinstellungen in Dreamweaver
• Layouts im Web und der Aufbau adaptiver, responsiver Seiten
• Adaptives RWD mit Media Queries und HTML5
• Navigation im responsiven Webdesign

Den technischen Kern bilden die modernen Layout- und Gestaltungstechniken, mit denen sich flexible Seiten umsetzen lassen.

• Flexbox und das CSS-Grid-Layout (display:grid)
• Das Framework Bootstrap für schnelle, responsive Strukturen
• Schriftarten, Typografie, Textformatierung und Silbentrennung
• Modals, Canvas und SVG zur Anreicherung der Seiten
• Optimierung von Bildern, auch für hochauflösende Monitore

Den Abschluss bilden interaktive Elemente sowie Veröffentlichung und Rechtliches.

• Formulare sowie Bildergalerien und Slider
• Aktuelle Möglichkeiten aus der CSS-Layoutpraxis
• Linkcheck, Überprüfung der Site, Webspace und rechtliche Aspekte
• Ein Ausblick auf aktuelle Entwicklungen und unterstützende Werkzeuge im Gestaltungsprozess

So entsteht aus einem Entwurf eine vollständige, auf mehreren Endgeräten funktionierende und veröffentlichungsreife Website. Im praktischen Teil setzen Sie ein durchgängiges Projekt um und durchlaufen dabei alle Schritte von der Struktur bis zur Veröffentlichung. So lernen Sie, gestalterische Entscheidungen und technische Umsetzung sinnvoll zu verbinden.

• Aufbau einer sauberen HTML-Struktur als Grundlage für wartbares CSS
• Gestaltung des Layouts mit Media Queries, Flexbox und Grid für verschiedene Breakpoints
• Einsatz von Bootstrap-Komponenten zur schnellen, einheitlichen Umsetzung
• Optimierung von Bildern und Schriften für Ladezeit und unterschiedliche Auflösungen
• Test der Seite über den Splitscreen für Desktop, Tablet und Smartphone
• Veröffentlichung auf Webspace, Linkcheck und Beachtung rechtlicher Vorgaben wie Impressum und Datenschutz

Ein wichtiger Lerneffekt ist das systematische Testen: Sie prüfen Ihre Seite fortlaufend auf den verschiedenen Endgeräten und korrigieren das Verhalten gezielt über die zugrunde liegenden Regeln. Ergänzend lernen Sie, wie moderne Adobe-Werkzeuge und unterstützende Funktionen wiederkehrende Aufgaben im Gestaltungsprozess vereinfachen. Am Ende verfügen Sie über einen nachvollziehbaren Arbeitsablauf, mit dem Sie responsive Webseiten eigenständig planen, gestalten, testen und veröffentlichen können.

Die Weiterbildung eignet sich für gestalterisch und medial Tätige, die Webseiten professionell umsetzen möchten.

• Grafikerinnen und Designer für Print und Web sowie Mediengestalter
• Marketingfachleute und Beschäftigte in Werbeagenturen, Redaktionen und Verlagen
• Fotografen mit eigenen Studios und Werbeabteilungen größerer Firmen
• Mode-, Textil-, Industrie-, Produkt- und Verpackungsdesigner mit Interesse am Web

Der Kurs ist stark praxisorientiert: Sie entwerfen, testen und überarbeiten Seiten direkt im Splitscreen und sehen die Auswirkungen auf verschiedenen Endgeräten sofort. Laut den vorliegenden Angebotsdaten wird er überwiegend als Combined Learning angeboten, also als Mischung aus angeleitetem Unterricht und betreuten Übungsphasen, in der Regel in Vollzeit.

Die Dauer richtet sich nach Anbieter und Zeitmodell. Die ausgewerteten Termindaten zeigen überwiegend eine Spanne von mehr als einem Monat bis zu drei Monaten in Vollzeit. Das klar umrissene Thema lässt sich gut als Modul innerhalb einer breiteren Mediengestaltungs- oder Webentwicklungs-Qualifizierung belegen.

Zum Abschluss erhalten Sie in der Regel ein trägerinternes Zertifikat beziehungsweise eine qualifizierte Teilnahmebescheinigung, die die behandelten Inhalte ausweist. Eine herstellerseitige Adobe-Zertifizierung gehört nicht automatisch dazu, kann je nach Anbieter aber ergänzend möglich sein; die konkrete Bezeichnung des Nachweises unterscheidet sich je nach Bildungsträger.

Responsive Webseiten sind heute der Standard, weil ein großer Teil der Nutzung über Smartphones und Tablets erfolgt. Wer Seiten so gestaltet, dass sie auf jedem Endgerät funktionieren, liefert genau das, was Auftraggeber und Arbeitgeber erwarten. Die Kombination aus gestalterischem Blick und solidem Verständnis von HTML, CSS, Flexbox, Grid und Bootstrap macht Sie für Web- und Mediengestaltung vielseitig einsetzbar und erleichtert die Zusammenarbeit mit Entwicklung und Redaktion. Da Dreamweaver die Arbeit an Struktur und Gestaltung in einer Oberfläche bündelt, lassen sich Ergebnisse schnell umsetzen und veröffentlichen. Für gestalterische Quereinsteiger ist der Kurs ein praxisnaher Weg, das eigene Portfolio um gefragte Web-Kompetenzen zu erweitern. Da heute ein Großteil der Zugriffe über mobile Endgeräte erfolgt, ist das mobile-first gedachte, responsive Arbeiten kein Zusatz mehr, sondern Grundvoraussetzung jeder modernen Website. Das hier erworbene Verständnis von sauberem HTML, durchdachtem CSS und flexiblen Layouts ist zudem übertragbar: Es bildet die Grundlage, um sich später auch in Content-Management-Systeme, Baukästen oder andere Editoren einzuarbeiten, und erleichtert die Zusammenarbeit mit Entwicklung und Redaktion. Ob in einer Agentur, in der Werbeabteilung eines Unternehmens oder freiberuflich: Wer responsive Seiten zuverlässig umsetzen und veröffentlichen kann, bietet eine Leistung an, die konstant nachgefragt wird. Für Arbeitsuchende ist die Weiterbildung bei AZAV-zertifizierten Trägern in der Regel über einen Bildungsgutschein förderbar; je nach persönlicher Situation kommen außerdem das Qualifizierungschancengesetz, die Berufsförderung der Bundeswehr, Leistungen zur Rehabilitation oder Förderungen der Deutschen Rentenversicherung in Betracht.