Elya: Frage zu Layout

Beitrag lesen

Hallo Engelein,

Das hat dann zwar alles nichts mehr mit ordentlichem HTML/CSS nach Stand der Technik zu tun, aber das ist vermutlich nicht so wichtig (sonst hättest du nicht mit Photoshop angefangen, sondern mit einem Texteditor).

Das ist ja nun wirklich Unfug, nix für ungut. Was dabei rauskommt, wenn man mit einem Texteditor "designt", sieht man täglich auf diversen Seiten, deren Designer ständig die "Box im Kopf" haben.

@zinken: überlege, welche Elemente in HTML du sinnvollerweise für deine Bereiche einsetzt: Listen (ul/li) für Navigation, h1-h6 für Überschriften, p für Textabsätze, erst mal ganz ohne Design im Kopf. Überlege dann, wie Du Bereiche gruppieren mußt, um sie nach Deinen Wünschen zusammenzufassen und mit CSS "anfassen", also gestalten zu können. Also Navigationsliste z.B. links floaten, ein zusammenfassender Contentbereich, und ein Headerbereich.

Überlege dann, welche Hintergrundbilder, Abstände, Farben oder Ränder Du Deinen Elementen per CSS verpassen kannst, um die von Dir gewünschten Effekte zu erzielen. Als Grundlage am besten mal eins der Layouts in der http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig@title=CSS-Abteilung von SELFHTML nehmen. Wenn dann am Schluß alles nichts hilft, kann man auch mal ausnahmsweise ein paar Klassen mehr oder ein zusätzliches div-Element nehmen, um seine Gestaltungsziele zu erreichen. Aber dann kommst Du eh nochmal hier vorbei und fragst uns ,-)

Gruß aus Köln-Ehrenfeld,

Elya