HTML and CSS Reference
In-Depth Information
Kapitel 4
HTML5 als Designwerkzeug
4
Wie Sie bereits festgestellt haben, ist HTML5 in den letzten Jahren sehr mächtig
geworden. Viele neue Funktionen und Designoptionen sind, auch dank CSS3, heute
möglich. In diesem Kapitel werden Sie lernen, wie Sie HTML5 und CSS3 als Design-
werkzeug zur Gestaltung einsetzen. Als krönenden Abschluss entwickeln Sie dann
Ihr erstes eigenes Zeichenprogramm, welches nicht nur an einem Desktoprechner,
sondern natürlich auch auf einer Touch-Oberfläche funktioniert. Adobe Photoshop,
nimm dich in Acht!
4.1 Ordnung halten mit CSS-Rastersystemen
Stellen Sie sich folgendes Problem vor: Sie möchten Ihre WebApp sowohl für Smart-
phones als auch für Tablets anbieten. Das Layout soll sich für ein Hoch- oder Quer-
format automatisch ausrichten, je nachdem, wie der Benutzer das Endgerät in den
Händen hält. Des Weiteren arbeiten Sie mit vielen Texten und Bildern und möchten
die WebApp in kürzester Zeit veröffentlichen. Das alles schreit nach einem Raster-
system.
Abbildung 4.1
Ein zehnspaltiges Rastersystem
Rastersysteme sind unsichtbare Hilfslinien und Spalten, die es Ihnen leichter
machen, Inhalte anzuordnen (Abbildung 4.1). Jedem Magazin und jedem Buch liegt
ein solches Rastersystem zugrunde. Ein Rastersystem schafft zudem Konsistenz in
Search WWH ::
Custom Search