09.08.2009
Design- und Coding-Tutorial - Teil 2
Heute möchte ich den zweiten Teil eines Tutorials vorstellen, das ausführlich und Schritt für Schritt zwei Aspekte des Webdesigns erklären. Er ist unter dem Titel “Coding a Clean & Illustrative Web Design from Scratch” bei sixrevisions.com veröffentlicht.
Im ersten Teil wurde mit einem Bildbearbeitungsprogramm ein grafischer Entwurf der Webseite erstellt.
Jetzt geht es darum, wie der als Photoshop-Datei vorliegende grafische Entwurf Schritt für Schritt nach xhtml und css umgesetzt wird. In der Erklärung wird nicht nur die Erstellung des Codes beschrieben, sondern es wird auch gezeigt, wie aus dem grafischen Entwurf die benötigten Bildelemente isoliert und abgespeichert werden, so dass diese dann als gestalterische Elemente in der Webseite Verwendung finden können.
Beide Teile sind für Freizeit-Designer geeignet, die bereits Grundlagenwissen bei der Webseitengestaltung erworben haben, aber beim Umsetzen eigener Ideen nicht richtig vorankommen.
Die Tutorials sind in englischer Sprache, aber reich bebildert. Also keine Hemmungen.