Zuerst habe ich den Quellcode und die CSS-Datei der Startseite, in der man sich einloggt, kopiert und dann in Dreamweaver geöffnet.
Zunächst habe ich die Farben ausgetaucht und unsere schönen Doccheckfarben, vor allem rot, grau und weiß dafür benutzt.
Anschließend habe ich ein Bild mit unserem Doc entworfen, das dann später anstatt das Time-O-Meter-Bild eingefügt werden sollte. Dabei musste ich die Maße vom alten Bild übernehmen.
Sebastian hat das dann gepeichert und geladen etc. So konnte man sehen, was noch zu machen war. Ich musste das Bild in zwei separate Bilder teilen, einmal nur den Hintergrund und einmal den Doc mit transparentem Hintergrund, das ganze gespeichert, nochmal geladen. Sieht doch schon ganz gut aus.
Im nächsten Schritt kam dann die nächste Seite dran, nachdem man sich eingeloggt hat. Man konnte schon sehen, dass einige Stile von der Hauptseite übernommen wurden, viele aber auch noch nicht. Wieder hieß es diese anpassen. Also habe ich den Quellcode und CSS-Datei wieder in DW bearbeitet.
Sebastian half mir, wenn ich nicht mehr weiterwusste und mit einigen Tricks und Kniffen war dann gleich eine Farbe verändert oder einen Rahmen um die einzelnen Kästchen gezogen. Zum Beispiel, dass man einen Rahmen am besten über den screen.css einfügt und nicht versucht den Quellcode zu verändern. Kurz gesagt, ich hab noch viel zu lernen ;-)
Vorher:
Nachher im Doccheck-Stil:
Wieder hieß es speichern und die Seite war auf dem neusten Stand. Ich konnte wieder sehen, was ich anpassen musste. Einige Farben waren noch nicht richtig und morgen werde ich noch das Hauptmenü anpassen.
Ich freu mich auf Morgen
Bianca
