Kursbeschreibung
In diesem Kurs werden Techniken des reaktionsfähigen Designs mit CSS besprochen. Damit wird sichergestellt, dass Webseiten auf den Bildschirm des jeweiligen Geräts passen: Telefon, Tablet oder Desktop. Sie werden lernen, was der Viewport ist und wie Sie feststellen, welches Gerät verwendet wird. Außerdem werden Sie die Grid-Ansicht, Media-Queries, Container und die Verwendung von CSS für das Layout von Seiten untersuchen.
Was Sie lernen werden
- Im Viewport navigieren und bestimmen, welches Gerät verwendet wird
- Media Queries und Container anwenden, um Layouts auf verschiedenen Geräten anzupassen
- CSS Grid View zur Seite-Layout nutzbar machen
- CSS verwenden, um Seiten so zu gestalten, dass sie auf Telefon-, Tablet- und Desktop-Bildschirmen passen
- Responsive Web-Designs mit responsivem HTML und CSS-Frameworks erstellen
Wichtige Erkenntnisse
- Responsive Design mit CSS stellt sicher, dass Webseiten zur Bildschirmgröße des verwendeten Geräts passen, einschließlich Telefon, Tablet oder Desktop.
- Der Kurs erläutert, was der Viewport ist und wie man bestimmt, welches Gerät verwendet wird.
- Er untersucht Grid View, Media Queries und Container als Werkzeuge zum Gestalten von Seiten.
- Der Kurs behandelt die Verwendung von CSS, um Seiten responsiv zu gestalten.
Häufig gestellte Fragen
Was behandelt dieser Kurs?
Er behandelt Responsive Design-Techniken mit CSS, einschließlich des Viewports, der Bestimmung, welches Gerät verwendet wird, Grid View, Media Queries, Container und der Verwendung von CSS zum Gestalten von Seiten.
Was werde ich lernen zu tun?
Sie lernen, im Viewport zu navigieren, Media Queries und Container zu untersuchen und Grid View nutzbar zu machen.
Warum ist Responsive Design wichtig?
Responsive Design stellt sicher, dass Webseiten auf den Bildschirm des Geräts passen, das Sie verwenden: Telefon, Tablet oder Desktop.
Wie ist der Kurs strukturiert?
Der Kurs ist in vier Lektionen unterteilt: Responsive Design Part 1 bis Part 4.
Welche Fähigkeiten entwickelt dieser Kurs?
Er entwickelt Fähigkeiten in CSS Codes, CSS Frameworks, CSS Grid, Object Oriented CSS, Responsive HTML und Responsive Web Design.
