C
crephix
Guest
Moin,
ich habe mich extra mal registriert in der Hoffnung das ihr mir helfen könnt. Ich bin "Anfänger" auf dem Gebiet, habe mich aber bereits mit einigen Tutorials zum Bereich "Umsetzung" einer PSD zu XHTML / CSS eingelesen. Dummerweise verwenden diese Tutorials immer recht simple Designs (ausschließlich viereckige, einfarbige Flächen) die dann einige Fragen bei etwas "aufwendigeren" Design offen lassen.
Mich würde interessieren wie ich folgenden Kopfteil meines Designs am besten unterteile:
http://abload.de/img/tsdesignsslicesjjul.jpg (Mit eingeblendeten Slices)
http://abload.de/img/tsdesignssliceqhsqh.jpg (ohne eingeblendete Slices)
Auf dem Bild sieht man ca. meinen Grundgedanken wie ich intuitiv gesliced hätte. Zum einen habe ich den Header als ein gesamtes Bild gesliced und darunter die Buttons einzeln gesliced (wobei ich der Text nicht auf dem Bild sein soll). Nun ich habe bei den oberen Buttons (Home, Ts3 Verwalten etc.) in meinen Augen 2 verschiedene Buttons: Einmal habe ich den ausgewählten (oder Mouseover) Menüpunkt nämlich in dunkel und einmal in hell. Also möchte ich die zwei Buttons als einzelnes Bild slicen.
Beim "Submenü" (also dort wo About us, Community etc. drin steht) bin ich mir derzeit sehr unsicher. Mein Gedanke war dort, dass ich nur ein kleines Bild von der linken sowie rechten Ecke/Seite mache und zwischen diesen zwei Bildern eine Fläche in HTML bzw. CSS definiere. Ist das eine gute Idee oder sollte man dies besser anders lösen?
Auch die Trennlinie mit dem wiederholdenden Muster wirft Fragen auf. Im Prinzip kann ich dort doch eine z.B. 10x3px Grafik machen die sich in der Breite so lang wiederholt, bis die gewünschte Breite erreicht ist? Nicht anders habe ich sie in Photoshop ja entworfen. Ist das in diesem Falle sinnvoll um Ladezeit bzw. Bilder zu reduzieren oder denke ich da zu aufwendig ?
Wenn ich weiß wie ihr das ganze angehen würdet, wäre das ein riesen Vorteil für mich. Die letztendliche Umsetzung bekomme ich schon zu recht gewurstelt.
Vielen dank im voraus,
crephix
ich habe mich extra mal registriert in der Hoffnung das ihr mir helfen könnt. Ich bin "Anfänger" auf dem Gebiet, habe mich aber bereits mit einigen Tutorials zum Bereich "Umsetzung" einer PSD zu XHTML / CSS eingelesen. Dummerweise verwenden diese Tutorials immer recht simple Designs (ausschließlich viereckige, einfarbige Flächen) die dann einige Fragen bei etwas "aufwendigeren" Design offen lassen.
Mich würde interessieren wie ich folgenden Kopfteil meines Designs am besten unterteile:
http://abload.de/img/tsdesignsslicesjjul.jpg (Mit eingeblendeten Slices)
http://abload.de/img/tsdesignssliceqhsqh.jpg (ohne eingeblendete Slices)
Auf dem Bild sieht man ca. meinen Grundgedanken wie ich intuitiv gesliced hätte. Zum einen habe ich den Header als ein gesamtes Bild gesliced und darunter die Buttons einzeln gesliced (wobei ich der Text nicht auf dem Bild sein soll). Nun ich habe bei den oberen Buttons (Home, Ts3 Verwalten etc.) in meinen Augen 2 verschiedene Buttons: Einmal habe ich den ausgewählten (oder Mouseover) Menüpunkt nämlich in dunkel und einmal in hell. Also möchte ich die zwei Buttons als einzelnes Bild slicen.
Beim "Submenü" (also dort wo About us, Community etc. drin steht) bin ich mir derzeit sehr unsicher. Mein Gedanke war dort, dass ich nur ein kleines Bild von der linken sowie rechten Ecke/Seite mache und zwischen diesen zwei Bildern eine Fläche in HTML bzw. CSS definiere. Ist das eine gute Idee oder sollte man dies besser anders lösen?
Auch die Trennlinie mit dem wiederholdenden Muster wirft Fragen auf. Im Prinzip kann ich dort doch eine z.B. 10x3px Grafik machen die sich in der Breite so lang wiederholt, bis die gewünschte Breite erreicht ist? Nicht anders habe ich sie in Photoshop ja entworfen. Ist das in diesem Falle sinnvoll um Ladezeit bzw. Bilder zu reduzieren oder denke ich da zu aufwendig ?
Wenn ich weiß wie ihr das ganze angehen würdet, wäre das ein riesen Vorteil für mich. Die letztendliche Umsetzung bekomme ich schon zu recht gewurstelt.
Vielen dank im voraus,
crephix
Zuletzt bearbeitet von einem Moderator: