TK-5522.4-F - Webseitengestaltung Aufbau 4 - Responsive WebdesIgn 2

Zielgruppen:

keine Angaben

Fachliche Voraussetzungen:

keine Angaben

Technische Voraussetzungen:

Keine besonderen Anforderungen.

Systematik der Agenturen für Arbeit:

keine Angaben

Inhalte

Sprechen Sie Ihre Kunden mit einem Angebot an, das für Mobilgeräte und für Desktops optimiert ist. „Responsive Webdesign“ ist die Lösung für anpassungsfähige Website-Layouts, die auf die Auflösung des Ausgabegeräts reagieren.
Der Kurs bietet einen Einstieg in die Entwicklung responsiver Web-Layouts. Er richtet sich an Personen, die selbst ein Template mit HTML und CSS erstellen oder ändern möchten, bzw. mit Frameworks wie Bootstrap umgehen müssen. Auch wenn Sie mit einem CMS arbeiten und die Oberfläche eines Wordpress Themes bzw. eines Joomla oder Typo3 Templates erstellen oder anpassen möchten, liefert Ihnen der Kurs zur Umsetzung notwendige Kenntnisse.
Themen:
- Einführung
* HTML Grundstruktur und CSS des Beispiellayouts
* Einsatzbereiche von Flex und Grid
- Grid – Gitterdesign mit CSS realisieren
* Grid – Die Theorie
* Grid im Einsatz, für Abwärtskompatibilität sorgen
- CSS für Layouts – klassische Methoden
* absolute und relative Positionierung mit CSS
* optional: Floats und clearing Methoden
- Hamburger Menü für kleine Viewports
* Hamburger Menü erstellen
- Responsive Inhalte
* srcset für Bilder
* Picture Element

Beispiel-Website für Webseitengestaltung Aufbau 3 – 5: http://anjamorsch.de/test/responsive-projekt/ .