Hallo zusammen,

ich bin auf dem Gebiet noch relativ neu.. komm mehr aus der Funktionsschiene (php etc.)..
Jedoch muß ich wohl jetzt leider auch ans designen ran.

Folgendes Szenario:

Ein Grafiker erstellt eine PSD welche die Breite 1000px hat. Aus diesem PSD soll später eine XHTML + CSS Site gestaltet werden, welche halt durch slicen in einzelne kleine Bildchen getrennt wird.

Jedoch frage ich mich nun wirklich, wie man dies am einfachsten anstellt.
Geht man wirklich hin, und erstellt eine Vielzahl von Container, die den Grafikgrößen entsprechen von Hand? Oder gibt es dort so ein "geheimniss" was dies sehr vereinfacht.

Wenn ich mir vorstelle das ich ein xhtml dokument mit containern erstellen muss, welches so ca. 60-70 ineinander verschachtelte Container hat, wird mir doch irgendwie leicht anders...

Wie geht ihr soetwas an? Also ein PSD nach html bringen??

Danke für eure Tips

Man schreibt seinen Inhalt auf, zeichnet diesen Inhalt semantisch sinnvoll mit HTML aus.
Dann überlegt man sich, wie man das gewünschte Layout umsetzen kann. Dazu setzt man die vermutlich benötigten Hintergrundbilder in Elemente ein, die man bereits zuvor in seinen Code geschrieben hat. Vermutlich wird man hin und wieder noch ein weiteres Element hinzuschachteln müssen.
Erst bei diesem Vorgang ergibt sich, welche Teile des Entwurfs man in welche Teile zerschneiden muss.

Was ganz sicher nicht geht, ist irgendein Automatismus aus Photoshop.

Wenn du keine Erfahrung in dem Bereich hast, solltest du mit etwas Einfachem beginnen. So bekommst du die Grundlagen und ein Gefühl dafür, wie man "sowas" angeht.
Lektüreempfehlung: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ok Vielen dank erstmal...

Hatte mir das auch so vorgestellt.. nur irgendwie anders rum.. das ich erst das Bild "slice" und dann anhand der größen der Grafiken mein XHTML erstelle...

Ist das nicht vorteilhafter?

Nein, das ist genau falsch, denn das würde bedeuten, dass man beim Schreiben des HTML permanent nur die Gestaltung im Sinn hat. HTML hat aber die Aufgabe, den Inhalt seiner Bedeutung gemäß auszuzeichnen. Mit Gestaltung hat das erstmal nichts zu tun.
Google: "semantisches Markup".

"Layout mit CSS" heißt nicht, dass man Bildfragmente nebeneinander pappt. Das hat man früher mit Tabellen gemacht.
Die Umsetzung eines statischen Bildentwurfs in ein sinnvolles Weblayout erfordert mehr als ein bisschen "slicen". Ja, man wird Bildteile benötigen. Aber es wird Überlappungen geben und flexible Bereiche und und und. "Slicen" trifft das nicht -- man muss mit einer Photoshop-Vorlage sehr viel mehr anstellen, als nur zerschnipseln.
Wo man welche Bildteile einsetzen kann und wie sie aussehen ergibt sich daraus, welche Elemente und Bereiche man im HTML zur Verfügung hat -- nicht umgekehrt.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken