PSD-Tutorials.de - Bücher / Technik-Ecke - Webdesign mit CSS – Designer-Techniken für kreative und moderne Webseiten

Webdesign mit CSS – Designer-Techniken für kreative und moderne Webseiten

Bibliografische Angaben:
ISBN 978-3-89721-712-6/O`Reilly/Köln 2007/2. Auflage/29,90- Euro/236 Seiten

Niveau:
Für Webdesigner und -entwickler, die bereits Kenntnisse in HTML/XHTML besitzen und CSS bereits angewendet haben – Syntax, Validität und Semantik sind keine unbekannten Begriffe oder jene vom Hörensagen.

Thema:
Anhand von 30 Beispielen werden Praxisanwendungen von CSS Schritt für Schritt mit den verwendeten Codes erklärt.

Autor:
Jens Meiert & Ingo Helmdach: Meiert ist Spezialist für standardkonforme, anspruchvolle Webentwicklung, Barrierefreiheit, Usability und Informationsdesign und Autor verschiedener Fachartikel zum Thema. Helmdach ist Designer im Bereich Konzeption und Webdesign und aktiv bei verschiedensten Internetprojekten beteiligt.

Inhalt:
Zu HTML/XHTML gehört CSS. Viele Darstellungstags in HTML gelten als veraltet und sollten nicht mehr angewendet werden. Für die Darstellung von Webseiten wurde CSS vom W3C eingeführt. Eindrucksvoll bietet das Webprojekt CSS Zengarden einen Überblick, wie sich ein bestehender HTML-Code wieder und wieder in seinem Design mit der Änderung im CSS-Dokument eindrucksvoll und stilsicher verändern lässt. Wer gutes CSS einsetzen will, der erhält mit diesem Buch eine praktische Anleitung für die verschiedensten Projekte innerhalb der Website.

Inhalt:

1. Seitenvorlagen
2. Listen und Menüs
3. Formulare und Tabellen
4. Effekte, Hingucker und Zaubereien

Die vier Teile fassen thematisch insgesamt 30 Kapitel zu den verschiedensten Anwendungen und Problemen bei Websiteumsetzungen. Zu Beginn gibt es eine große Designübersicht, in der jede Webseite je Kapitel aufgelistet wird. Allein darin erkennt der Leser schon, dass es sich dabei um moderne Beispiele handelt – wie jene, die es tatsächlich im Web gibt.

Im ersten Teil beschreiben die Autoren die Umsetzungen von Fließ- und Spaltenlayouts, Fotogalerien, Web-Büchereien und Konsolen. Im Teil der Seitenvorlagen geht es um vollständige Webseiten und weniger um einzelne Techniken. Hier gehen die Autoren auch noch vermehrt auf die Struktur (HTML) einer Webseite ein.
Der zweite Teil dreht sich um Listen und Menüs innerhabl von Webseiten. Die Workshops beziehen sich auf die Erstellung einer Blognavigation, einer Sitemap, einer Bildernavigation, eines Fotoalbums, eines Veranstaltungskalenders und weiterer Navigationen. Trotz der ähnlichen Struktur der Listenelemente verdeutlichen die Autoren, wie vielfältig das CSS in der Gestaltung der Webseite sein kann.
Darauf folgen die Anwendungserklärungen für eine Vergleichtabelle, einem Balkendiagramm, einem Newsletterformular, einem Kommentarformular, einem Forenregistrierungsmodul sowie zwei weiterer tabellarischer Auflistungen. Teil 3 ist somit für die Gestaltungsmöglichkeiten von Formularen und tabellarischen Daten. Nach diesen eher funktionellen und inhaltlichen CSS-Elementen geht es im letzten Teil um Effekte, Hingucker und Zaubereien mit CSS. Darin werden unter Anderem Image-Map, abgerundeten Ecken, Bilder im Fließtext, Bildunterschriften und Zitat, die im Fließtext eingebettet sind, erläutert. Der Webdesigner und -entwickler wird hier mögliche Elemente für den Baukasten der besonderen Herausforderungen finden. Es geht um grafische Feinheiten, die etwas für das Auge sind.

Vom inhaltlichen Teil bietet das Buch einen reichhaltigen Fundus an Workshops, indem das denkbare an Webdesignanwendungen mit CSS besprochen wird. Die Aufbereitung folgt, wie schon erwähnt, dem Workshopstil. Zu Beginn wird das jeweilige Projekt mit Bild vorgestellt, der Schwierigkeitsgrad und das Ziel der Umsetzung benannt. Und dann geht es schon los. Im Wechsel von Beschreibungen und HTML/CSS-Quelltexten durchquert der Leser gemeinsam mit den Autoren die Seiten und kann am Rechner die einzelnen Schritte nachbauen bis zum Ergebnis. Auf einer eigens für das Buch eingerichteten Webseite finden sich erfreulicherweise die vorgestellten Designs mit den Quelltexten und Bildern zum Download. Am Ende eines jeden Kapitels finden sich zwei Abschnitte, einen mit dem CSS-Quelltext im Überblick und einen zu Referenzen zum Thema. So kann der geneigte Leser weitere Informationen zum besprochenen Thema recherchieren. Kritikpunkte aus der ersten Auflage wurden ebenfalls berücksichtigt.

Das Buch ist hat einen interessanten Satzspiegel. Mit zwei Spalten – in der Randspalte finden sich nützliche Hinweise –, einer angemessenen Bebilderung in Farbe und einer ansprechenden Typografie liest sich das Buch sehr angenehm.

Mit diesem Buch gelingt es jeden, bestehende Defizite in der Anwendung von CSS zu begrenzen und die Klaviatur für überzeugendes Design in standardkonformen Webseiten zu erhöhen. Einige Projektbeschreibungen hätten aber umfangreicher sein können, manchmal sind die Erklärungen zu knapp. Da bleibt es dem Leser gelegentlich nur üblich, in den Referenzen nach Antworten zu suchen. Auch scheinen manche Punkte etwas unglücklich daher, wie z. B. die Berücksichtigung der XHTML2-Spezifikation, was Probleme bei der Abwärtskompatibilität in einige Browsern auslösen dürfte. Dennoch darf sich der Leser an die Beispiele orientieren. Die Autoren zeigen in ihnen Vorlagen, die sich gerne in eigenen Designs mit einer persönlichen Note des Erstellers wiederfinden dürfen. Sie geben dem Anwender das nötige Handwerkszeug mit, um die Wünsche auch mit CSS umsetzen zu können.

Fazit: Gerade mit dem überzeugenden Workshopstil schafft es das Buch, den Leser vollends für CSS-Elemente zu überzeugen. Die vorgestellten Projekte sind modern und ansprechend und dürfen sich gewiss als Anleitung für eigene Projekte des einen oder anderen Lesers erfreuen.

Zum günstigen Anbieter
Der Link "Zum günstigsten Anbieter" führt zu einem externen Internetauftritt, der nicht mehr zu dem Internetangebot von PSD-Tutorials.de gehört.