Bei dieser Rezension, war mir meine Verlobte Sudhapriya behilflich. Sie möchte damit beginnen, ihre eigene Website zu erstellen. Da sie als absolute Anfängerin startet und ich kein guter Lehrer bin, musste ein entsprechend geeignetes Buch in den Haushalt.

Auf der Suche nach Literatur, musste ich immer wieder feststellen, dass es nur sehr wenige Werke gibt, die als wirkliche Lernbücher geeignet sind. Oft sind die Bücher didaktisch nicht besonders gut aufgebaut. Hinzu kommt, dass man Einsteiger allzu schnell mit “dem X” (XHTML) verwirrt, CSS schon zu früh, zu komplex dazugegeben wird und andere Dinge, die man lieber erst mal außen vor lassen sollte.

Das gute Verständnis der grundlegenden Konzepte von HTML und CSS, sowie gut geeignete Fingerübungen, sind die Grundlage für spätere Erfolge. Das vorliegende Buch Webseiten erstellen für Einsteiger: Einführung in HTML, CSS, Suchmaschinen-Optimierung und jQuery
ist insgesamt sehr gut für den Einstieg geeignet.

Das beschreibt er sehr ausführlich. Es ist aber interessant zu sehen, wie eine Website überhaupt in’s Internet kommt.

Ein Zitat, direkt von Einsteigerin bzw. Leserin. Mit Hilfe dieses Buches konnte sie bereits die ersten kleinen Testseiten erstellen und erste Gehversuche mit ein wenig CSS machen. Sie hat das Buch zwar noch nicht gaz gelesen, aber bisher scheinen die Inhalte genau das zu versprechen, was der Titel in vier Worten zusammenfasst. Webseiten erstellen für Einsteiger.

Was für uns Profis zunächst als zu einfach oder ausführlich erscheint, erweist sich für Einsteiger aber oft als sehr hilfreich. Trotzdem ist das Buch in keiner Phase zu langatmig und kommt auf den Punkt. Das schlägt sich auch in der Seitenzahl nieder. Mit knapp über 350 Seiten ist es überraschend kurz.

Ich habe das Buch schon ganz durchgearbeitet und fasse das Ganze hier zusammen.

Inhalte

• Entwicklungs- und Testumgebung
• HTML lernen
• CSS lernen
• jQuery entdecken
• Suchmaschinenoptimierung

Bonbon: Illustrationen von Jojo Kretzschmar

Die zahlreichen Comic-Illustrationen von Johannes Kretzschmar, die den Leser durch die Kapitel begleiten sind nicht nur sehr witzig. Nein, ganz nebenbei haben sie einen didaktischen Zusatznutzen und sind Einsteigern dabei behilflich, die geschriebenen Inhalte besser verinnerlichen zu können.

Dem Buch sind fünf dieser Mini-Comics als Aufkleber beigelegt. Wer’s braucht.

Informationen zum Titel

Webseiten erstellen für Einsteiger: Einführung in HTML, CSS, Suchmaschinen-Optimierung und jQuery

• Broschiert: 354 Seiten
• Verlag: Galileo Press; Auflage: 1 (Februar 2008)
• Sprache: Deutsch
• ISBN-10: 3836211319
• ISBN-13: 978-3836211314

Außerdem gibt’s eine Website zum Buch.

Fazit

Hier und da hätte es doch etwas ausführlicher sein dürfen. So z.B. im Grundlagenteil, wo es um die Handwerkszeuge wie z.B. die Editoren geht.

Aber alles in allem ist es aus meiner Sicht als Profi und der meiner Freundin als Einsteigerin, ein gutes Buch zum Einstieg. Auch wenn ich im Prinzip natürlich alles kannte, war es mir zu keiner Zeit langweilig beim lesen. Dank der zahlreichen und witzigen Illustrationen. Diese sorgen auch dafür, dass das Erlernen der notwendigen Grundlagen nicht zu trocken ist und erleichtert wird.

Einsteigerin Sudha bestätigte zudem meine Einschätzung, dass dieses Buch sehr gut für Einsteiger geeignet sein kann.

Einführung in XHTML, CSS und Webdesign: Standardkonforme, moderne und barrierefreie Websites erstellen

In Buchform habe ich das Grundlagenkompendium gerade zum ersten Mal gelesen. Die Einführung in XHTML, CSS und Webdesign begleitet mich allerdings schon etwas länger. Die – immer noch verfügbare – Online Version, die die Grundlage dieses Buches bildete, war auch eine meiner wichtigsten Anlaufstellen, beim Einstieg in standardkonformes Webdesign.

Webautoren hatten, bevor es CSS und CSS-fähige Browser gab, keine andere Möglichkeit, als Inhalte und Anweisungen für deren Darstellung untrennbar und nicht unterscheidbar in ein Dokument zu schreiben.

Heute gibt es diese Möglichkeiten und Michael Jendryschik, weiß das mit Nachdruck zu vermitteln.

Aufbau und Vorgehensweise

Das Buch besticht durch seinen durchdachten und logischen Aufbau. Das vermittelte Wissen baut Schritt für Schritt aufeinander auf und kann dadurch sehr leicht verinnerlicht werden.

Die Kapitel werden mit sehr griffigen Definitionen und Beispielen eingeleitet. Auch dieses Vorgehen unterstützt die Leser dabei, die jeweils nachfolgenden Regeln und Erläuterungen besser verstehen zu können.

Die Kapitel

Michael Jendryschik erzählt die Geschichte des WWW aus Sicht der Webdesigner, er rüstet seine Leser aus, vermittelt grundsolide alle nötigen Grundlagen und regt zu kreativen Lösungsansätzen an.

Einleitung und Grundlagen

Dieser Teil bildet eine gelungene Einführung In Webdesign und die nötigen Grundlagen. Zugleich bildet er eine schöne Zeitreise zur Entstehung des WWW. Es werden alle Grundlagen, die Webdesigner neben den benötigten Techniken beherrschen sollten, vermittelt.

Hilfsmittel und Werkzeuge

Hier werden die Leser ausgerüstet. Neben vielen Hilfsmitteln, die das Leben als Webdesigner erleichtern, werden außerdem grundlegende Kenntnisse vermittelt, die dazu dienen die Arbeitsumgebung einzurichten. Zu den Tools gehören u.a. Editoren, Validatoren und Browsererweiterungen, die ausführlich besprochen werden.

XHTML und CSS

Nach der Einführung in grundlegende Konzepte und und Syntax der Auszeichnungssprache XHTML und der Stylesheet-Sprache CSS, gibt Michael Jendryschik Anweisungen und Tipps zum sinnvollen Einsatz der beiden Hauptsprachen der Webdesigner. Er bezieht außerdem eindeutig Stellung zu XHTML und empfiehlt ausdrücklich, dessen Einsatz der Verwendung von “normalem” HTML vorzuziehen.

(…) Mehrdeutigkeiten, die es schwierig machen können, HTML-Dokumente zu lesen und darin Fehler zu finden, vermeidet XHTML durch eine strengere und dadurch einfachere und intuitivere Syntax, die es Anfängern erleichtert, XHTML zu lernen, (…)

Dem schließe ich mich gerne und schon lange an. Von den, des erwähnten Artikels “Sending XHTML as text/html considered harmful”, Nachteilen oder Schäden durch XHTML, wie sie Ian Hickson nennt, konnte ich auch noch keine erfahren.

Die Beispielwebsite

Die nun exzellent ausgerüsteten Webdesigner, oder solche die es werden wollen, sollten nach den vermittelten Grundlagen in der Lage sein, eigene standardkonforme und zugängliche Websites zu erstellen. Das letzte Kapitel rundet das Werk mit einer Beispielwebsite ab: Die Kochbar. Eine saubere und schon sehr ansprechende Website als Meisterstück.

Schreibweise

Michael Jendryschik schreibt sachlich und effizient. Manchmal auch etwas verschmitzt, was ich nach dem persönlichen Eindruck von ihm erwarten durfte :-)

Ein Standardwerk

Dieses Buch ist ein Standardwerk!

Ich ermutige Sie hiermit ausdrücklich, das erworbene Wissen in der Praxis anzuwenden.

Ich ermutige “Sie” dieses Buch zu kaufen! Für Einsteiger und Umsteiger unbedingt zu empfehlen.

Titelinformationen

Einführung in XHTML, CSS und Webdesign: Standardkonforme, moderne und barrierefreie Websites erstellen

• Verlag: Addison-Wesley, München; Auflage: 2., aktualisierte und erweiterte Auflage. (15. Dezember 2008)
• Sprache: Deutsch
• ISBN-10: 3827327393
• ISBN-13: 978-3827327390

Die durchschnittliche Kundenbewertung bei Amazon liegt derzeit bei 5 Sternen, die ich ebenfalls gerne dafür vergebe.

Learn solid graphic design theory that you can simply apply to your designs, making the difference from a good design to a great one.

Vor allem von den Kapiteln

• Research and Ideas
• Typography
• Layout

erwarte ich mir am meisten. Gerade im Bereich Typografie für’s Web ist bei weitem nicht alles ausgereizt und es gibt noch vieles zu lernen.

Auf den gut 100 Seiten wird man natürlich nicht umfassendes Expertenwissen erwerben können. Die richtigen Ansatzpunkte sollte man sich davon aber versprechen können. Man wird sehen.

Auf der Website zum Buch gibt es bereits eine Leseprobe. Die Leseprobe kommt mit sechs Seiten vielleicht etwas schmal daher, macht aber trotzdem einen vielversprechenden Eindruck.

CSS ist nicht einfach.

So ist es. Die Grundregeln hat man schnell drauf, die nötigen Grundlagen für qualitativ hochwertige Ergebnisse erfordern allerdings noch etwas mehr Arbeit. Nach Durcharbeitung des Buches, sollten Webdesigner in der Lage sein, auch komplexere CSS-Aufgaben sicher zu meistern und kreativer mit CSS arbeiten zu können.

Aufbau und Inhalt

Das Buch gleidert sich in drei Hauptabschnitte.

• I CSS Prinzipien, die nicht selbsterklärend sind (z.B. horizontales und vertikales Positionieren, Floats, etc.)
• II Inkonsistenzen in Browsern und die Grundlagen des Debuggings
• III Die praktische Umsetzug von komplexen Layouts

Dieser Aufbau macht deutlich, dass es hier nicht mehr um die Grundregeln von CSS geht, das Buch also nur bedingt für Einsteiger geeignet ist. Die Regeln sollte man bereits verinnerlicht haben und sicher anwenden können. Der Fokus dieses Buches liegt darauf, komplexere Layouts erstellen zu können. Fehlerbeseitigung und -vermeidung (Debugging) sind ebenfalls zentraler Bestandteil der Inhalte.

Kapitel I

Das erste Kapitel ist eng an der Spezifikation zu CSS. Zur Erklärung der grundlegenden Konzepte wird die Spezifikation immer wieder referenziert und erläutert. So eignet es sich auch gut zum späteren Nachschlagen.

Gerade mangelhafte Grundlagenkenntnisse sind oft die Ursache für spätere Probleme. Nicht immer sind es die Renderinengines der Browser (v.a. des bösen IE), die für Darstellungsprobleme haftbar gemacht werden sollten. Wer den Unterschied zwischen Block und Inline nicht kennt, muss sich nicht wundern…

Kapitel II

Um erfolgreiches Debugging betreiben zu können, muss man das Problem beschreiben können. Eine Beschreibung des Problems setzt wiederum die umfänglichen Grundlagenkenntnisse (u.a. die Konzepte aus Kapitel I) voraus.

Es ist empfehlenswert, erst dann nach einer Lösung zu suchen, wenn man das Problem vollständig beschrieben hat. Sehr oft löst sich der Knoten bereits durch eine gute Beschreibung, schließlich muss ihr eine sorgfältige Beobachtung vorausgehen.

Hier werden lösungsorientiert die gängigen Browserbugs beim Namen gennannt und die Lösungsansätze aufgezeigt. Auch der Internet Explorer 8 ist Thema dieses Kapitels (Beta). Die Autoren gehen ausführlich auf die verschiedenen Darstellungsmodi des Neuen ein.

Die Leser erhalten außerdem Tipps zur Einrichtung einer Testumgebung. So z.B. mit VM-Ware, IE Standalone, Firebug etc. Eine gute Test-/Debugging-Umgebung ist auch Grundlage guten Handwerks.

Kapitel III

Kapitel III beinhaltet den praktischen Teil des Buches. Hier konzentrieren sich die Autoren v.a. auf Navigationen, Mehrspaltenlayouts und das Problem gleich hoher Spalten.

Videolektionen

Die beigelegte DVD enthält Lektionen zum Aufbau eines komplexen CSS-Layouts. Dabei kommt das YAML-Framework zum Einsatz.

Fazit

Insgesamt ein solides Werk, das aufbauend an vorausgesetzten Grundkenntnissen von CSS, dabei behilflich sein kann, die eigenen CSS-Fähigkeiten auf die nächste Stufe zu befördern.

Der dritte Teil hätte noch etwas mehr Kreativität fördern können. Aber insgesamt nur ein relativ kleiner Makel. Ein gutes, solides Grundlagenbuch.

Infos zum Titel

• Gebundene Ausgabe: 400 Seiten
• Verlag: GALILEO PRESS; Auflage: 1 (29. August 2008)
• Sprache: Deutsch
• ISBN-10: 3836211386
• ISBN-13: 978-3836211383

Dan Browns Buch beschäftigt sich mit der Erstellung und Präsentation von “Deliverables” wie Wireframes, Sitemaps und Flowcharts für Webdesigner. Es gibt Webdesignern, Informationsarchitekten und Interaktionsdesignern einen praktischen Leitfaden zur Hand. Es geht dabei nicht nur um bessere Ergebnisse aus dem Webdesignprozess heraus. Gerade auch die Beschreibung und Erklärung von Designentscheidungen kann, durch die Befolgung der enthaltenen Tipps, deutlich erleichtert werden. So werden Webdesignprojekte transparenter, für alle am Projekt Beteiligten.

Inhalt

Kapitel eins und zwei beschreiben wichtige Dokumente, die es zu Anfang zu erstellen gilt. Dan Brown beschreibt den Aufbau, Sinn und Zweck der Dokumente, sowie ihren Platz im und Beitrag zum Prozess. Er beantwortet so auch die Frage danach, wann welche Informationen relevant werden, um somit Webdesignprojekte besser strukturieren und organisieren zu können. Er unterteilt die Dokumente in “User Needs Documents” (Stichwort User Centered Design) und “Strategy Documents” (Stichworte Annalyse und Entscheidung).

Das dritte Kapitel, der zentrale Abschnitt des Buches, beschäftigt sich dann mit den, im engeren Sinne, relevanten Dokumenten für den Designprozess: Sitemaps, Flowcharts, Wireframes und Screendesigns.

Er fasst sie als “Deliverables” zusammen. Eine direkte deusche Übersetzung dieses Terms ist, wie so oft, nicht zu finden. Das Wörtebuch schlägt schlicht “Ergebnisse” oder “lieferbare Ergebnisse” vor. Dan Brown definiert sie, für den Kontext des Buches, etwas treffender als:

A document created during the course of a web design project to facilitate communications, capture decisions, and stimulate innovation.

Mehrwert

Dan Brown beschreibt zunächst jeweils den grundsätzlichen Sinn und Zweck der einzelnen Dokumente. Dann geht er auf den Aufbau und verschiedene Variationen ein. So werden viele Leser eigene Methoden darin wiedererkennen. Oder aber auch Ansätze und Anregungen für die Verbesserung eigener Prozesse finden. Ganz nebenbei erhält man damit auch Argumente an die Hand, die es einem ermöglichen, anderen zu erklären, warum man dies und das dokumentieren muss. Denn zu oft stößt man leider noch bei vielen Menschen auf Unverständnis oder sehr sparsame Gesichtsausdrücke, sobald man die Worte Prozess und Dokumentation in den Mund nimmt. Doch kann man gut argumentieren und hat einen Prozess mit einem guten Ergebnis durchlaufen, sind die meisten danach positiv gestimmt.

Metadaten

• Taschenbuch: 368 Seiten
• Verlag: New Riders; Auflage: 1 (14. September 2006)
• Sprache: Englisch
• ISBN-10: 0321392353
• ISBN-13: 978-0321392350

Das im Galileo Verlag erschienene Buch CSS-Design von Heiko Stiegert ist ein gelungenes Grundlagenwerk zu Webdesign mit CSS.

Insgesamt ein sehr gutes Buch, das v.a. auch durch seine systematische Vorgehensweise besticht. Es dürfte wohl auch als Nachschlagewerk geeignet sein.

Inhalte und Aufmachung

Zum Beginn jedes Kapitels wird eine Zielsetzung für das darin folgende Tutorial formuliert. Ein wirklich guter Ansatz, um die Leser bei der Stange zu halten. Dann geht Heiko Stiegert so vor, wie man es auch in der Praxis am sinnvollsten macht. Er beginnt mit den grundlegenden Auszeichnungen in HTML und CSS und erweitert das Ganze dann Schritt für Schritt, bis hin zum in der Zielsetzung formulierten Wunschergebnis.

Die Inhalte

Der Autor Heiko Stiegert hat sein Handwerk gelernt. Das bringen die fundierten und präzisen Ausführungen zum Ausdruck. Die Reihenfolge der Kapitel folgt dabei einem schlüssigen Konzept. So führt der Autor über Überschriften, Navigation, Text und Bild hin bis zu komplexeren Disziplinen wie beispielsweise elastischen Layouts. Die Aufbereitung der Webinhalte für den Ausdruck findet ebenfalls in einem Kapitel Beachtung (Vielen Dank hier für die Nennung). Specials, wie etwa zum Thema Mikroformate (Microformats) runden das Ganze ab.

Auch werden, wo angebracht, neue CSS 3 Konzepte erläutert und erprobt. Auch wenn sie leider für die Praxis noch wenig taugen. Sie können aber nicht schaden und machen das Buch damit eigentlich kompletter.

Mancher Leser mag sich fragen, warum auch in diesem Buch wieder die Gründe für Webdesign mit CSS erörtert werden müssen und teilweise scheinbar recht profane Konzepte erläutert werden. Ich persönlich denke, dass man diese Seiten bei Bedarf auch überblättern kann. Trotzdem gibt es immer wieder Leser, die für solche Exkurse dankbar sind – das kann auch aus eigener Erfahrung bestätigt werden.

Der Untertitel “Tutorials für Einsteiger” ist etwas unglücklich gewählt. Wirkliche Einsteiger in Webdesign mit CSS könnten damit u.U. etwas überfordert sein. Muss aber nicht so sein. Nur ein kleiner Schönheitsfehler.

Aufmachung

Auch hier hat sich Galileo wieder für den farbigen Druck entschieden – zum Glück. Auch wenn ein solches Buch dann gleichmal ein Drittel mehr kostet. Das könnte zwar bei 40 Euro ein paar weniger Verkäufe bedeuten, das Resultat ist aber einfach schöner und teilweise auch übersichtlicher. Wie z.B. auch farblich abgehobene Codepassagen.

Aber auch ansonsten kann das Layout der Seiten überzeugen. Auch die seitlich angebrachten Infoboxen, bilden einen echten Mehrwert. Abbildungen werden gut dosiert zum Einsatz gebracht.

Weiter Informationen zum Titel

Metadaten

• Gebundene Ausgabe: 458 Seiten
• Verlag: Galileo Press; Auflage: 1 (Juni 2008)
• Aufmachung: Gebunden komplett in Farbe + DVD
• Sprache: Deutsch
• ISBN-10: 3836211556
• ISBN-13: 978-3836211550

Weitere Infos zum Buch unter CSS-Design .

Zum Autor

Heiko Stiegert ist Betreiber des Webstandard Blogs . Er ist seit 10 Jahren im Bereich der Webentwicklung tätig und seit 2007 “Invited Expert” der Working Group des W3C.

Fazit

Kaufempfehlung mit vier von fünf Sternen.

Beschreibung

Insgesamt kommt das Werk auf 302 Seiten und bildet die erste deutschsprachige Referenz zum Thema mobiles Webdesign. Es geht damit weiter in die Tiefe als beispielsweise das englische PDF-Buch “Mobile Web Design” von Cameron Moll.

“Mobiles Webdesign” gibt zunächst eine ausführliche Zusammenfassung der bisherigen Entwicklungen, geht auf bestehende Potentiale ein und beschreibt aktuelle Probleme und erfolgreiche Ansätze. Der ausführliche Praxisteil orientiert sich dann an den “Mobile Web Best Practices 1.0” Richtlinien und kommentiert diese zugleich zum besseren Verständnis.

Das Buch sollte in keinem Webdesigner-Regal fehlen. Zumindest dann, wenn man sich heute bereits konkret mit diesem Thema auseinandersetzen muss/darf.

Zum Inhalt

• Struktur, Design und Programmierung
• Umsetzung mit (X)HTML, CSS und PHP
• Standards und Best Practices

Metadaten

• Verlag: Galileo Press; Auflage: 1 (Juni 2008)
• Sprache: Deutsch
• ISBN-10: 383621153X
• ISBN-13: 978-3836211536

Website zum Buch

Unter www.mobiles-webdesign.com gibt es weitere Informationen zu diesem Buch.