lessons learned. fürs nächste mal. schliesslich designst du ja nicht jeden tag ein blog.

• sichere das bestehende (und funktionierende!) layout - besser isses ;o)
• spiel mit dem vorhandenen stylesheet rum; färbe alle areas unterschiedlich ein (so bekommst nen schnellen überblick über geometrie und sichtbarkeit der verschiedenen div's)
• nun die formate und classes verstehen. notfalls kannst du nachschlagen bei SELFHTML: Kurzreferenz: CSS
• dein neues design - also das, was dir dazu durch den kopf geht - visualisierst du zuächst mal mit einem grafikprogramm ( maßstab 1:1) und optimierst es rei grafisch (anordnung und farben header, sidebars, content).
• erst wenn das farbschema passt, arbeitest du die details aus.
• merke: grellfarbige hintergründe sehen toll aus, sind aber gift für gepostete farbige bilder und die lesbarkeit der texte.
  fotoblog: eher dunkler hintergrund
  litblog: eher heller hintergrund.
• keine überraschung: weiss ist neutral - und langweilig.
• du erstellst EIN exaktes designabbild, d.h. alle grafischen elemente im selben file ( in layern strukturieren). das ist viel effizienter als verschiedene bilddateien zu handhaben, insbesondere bei den zig iterationen, die du machen wirst. du siehst das komplette design mit einem blick und merkst sofort, wenn etwas nicht passt.
• da du alle elemente im originalmaßstab und mit den richtigen abmesungen designst, bist du nach dem layouten fit im kopfrechnen.
• wenn du glaubst, es wäre perfekt:
  schneide die fürs html-design benötigten bilder aus und notiere die farbwerte für hintergrund- und textfarben aus dem grafischen layout.
• dann die bilder hochladen und das stylesheet entprechend der neuen geometrie und farbe modifizieren. page testen mit firefox und ie (kompatibilität, was ist das?).
• wenn du dich ungeschickt angestellt hast, dann kannst du nun beim verfassen neuer beiträge den text nicht mehr erkennen. ( also nicht vergessen: background-color für inputs separat setzen!).
• nun darfst du dich endlich über das gelungene werk freuen
• hmm, das layout der bilder sieht aus wie kraut und rüben? tja, dann müssen noch ein paar zusätzliche classes her.css machts möglich.
• du mußt jetzt nur noch lernen, irgendwann auch mal _fertig-sein_ zu können. hör endlich auf, an den details rumzudrehen!