nicht angemeldet
Hallo Adam,
Mit Photoshop ein tolles Design zu kreieren ist nicht schwierig. Die Schwierigkeit besteht darin, das Design in einem Code sinnvoll umzusetzen.
Meine Design.psd ist nun fertig, alles klar soweit. Nur, wie setze ich das ganze sinnvoll und strukturiert um?
Erst mal überlegen, wie der Inhalt strukturiert in HTML umgesetzt wird: Überschriften, Navilisten, Textblöcke etc.
Dann überlegen, welche Deiner grafischen Elemente Inhalt transportieren: diese gehören mit ins HTML.
Dann ggf. Elemente mit divs so zusammenfassen, wie sie zusammengehören.
Grafische Elemente, die reine Deko sind, kannst Du - ggf. kachelnd (background-repeat) oder fest positioniert als CSS-Hintergründe an die bereits existierenden HTML-Elemente klemmen. Dabei helfen Dir meist sinnvolle margins und paddings für diese Elemente.
Erst wenn Du dann nicht hinkommst mit den existierenden HTML-Elementen, evtl. weitere divs oder spans in den HTML-Code einbauen, die weitere Deiner Grafikelemente transportieren können.
Das sind natürlich sehr allgemeine Tipps, aber ums Ausprobieren und nach einer Weile Erfahrungsammelns schon beim "scharf Draufschauen" sehen, wie's gehen könnte, wirst Du vermutlich nicht herumkommen.
Gruß aus Köln-Ehrenfeld,
Elya
We are drowning in information but starved for knowledge. John Naisbitt