[SilentBob]

hi!

ich bin ursprünglich in der welt des bewegten bildes zu hause und sattel langsam auf webdesign um. abgesehen von einigen html grundkenntissen und ein paar wordpress blogs bin ich noch sehr grün was die erstellung von internetseiten angeht. als kleine übung habe ich eine seite über meine person erstellt. das design ist sehr schlicht und soll erstmal nur auf html/css basieren. im anhang seht ihr einen entwurf meiner seite, den ich in photoshop erstellt habe. meine frage jetzt an euch: was ist der beste workflow um das ganze auf html/css zu übertragen ?

ganz besonders interessiert mich z.B.:

- lege ich den background als ganzes fertiges bild an oder sollte ich die bildelemente (pixelmuster, navigationsbalken etc) lieber separat mit transparenzkanal auf eine weisse HTML definierte fläche legen ?

was gilt es sonst noch zu beachten ?

hier die seite:




Uploaded with ImageShack.us

freu mich auf euer feedback!

danke!

[Zim]

Also erst mal soviel: den Navigationsbalken baust du bitte mit html und css nach und nimmst da kein Hintergrundbild aus deiner vorlage. Du wirst sonst die ganze zeit probleme haben.

Bei dem Pixelmuster ist die frage wie statisch es zu den Elementen im Vordergrund stehen soll? Darf sich das wenn man das Browserfenster verschiebt auch unter den text schieben etc?

Unterteil die Seite mal grob in Bereiche (in der Umsetzung divs) und überleg dir was passieren soll wenn der Browser die Größe ändert.

[SilentBob]

hi zim!
dank dir für deine antwort. der navigationsbalken hat eine lücke bzw. wird da wo das logo stehen soll unterbrochen. lässt sich das trotzdem problemlos bauen ?
die pixelmuster sollten sich eigentlich nicht unter den text schieben!

[Nimroy]

ja, lässt es sich. du solltest dich aber - soviel verrät mir die Frage - zwingend mit CSS (cascading Stylesheets) auseinandersetzen. Da sind elementare Lücken vorhanden.

[Zim]

Hmmm … ich höre so aus deiner Antwort das du noch nicht so viel Ahnung von css hast oder?
Lies dich da bitte was ein. Das was du da vorhast ist eigentlich keine große Sache.

Wenn du code hast kannst du ihn hier gerne reinstellen – zum drüberschauen und ggf. verbessern.