hallo zusammen,

ich bin gerade dabei eine Seite über meine Heimatgemeinde und -region zu erstellen, welche überwiegend Bilder und geschichtliches bietet. Aktuelles gibts ja schon auf der offiziellen Seite.

Meine Seite findet ihr unter http://willstaett-online.freeprojekt.de.
Hier kommt ihr zur bereits neu erstellten Startseite. Folgt ihr den wenigen Links, dann kommt ihr auf Seiten mit dem alten Layout. Das möchte ich jedoch nicht weiter verwenden. Also nur die Startseite ist hier zum kritisieren
Weitere Elemente, auf der Startseite findet man ja nicht viel, findet ihr unter http://willstaett-online.freeprojekt...tart/index.php

So im großen und ganzen sollte sie so in der Art aussehen, aber ich bin noch nicht wirklich zufrieden damit. Was würdet ihr dran ändern oder so lassen?
CSS- und XHTML 1.0-valide ist es bereits. Wie schaut es eurer Meinung mit der hier schon viel gelesenen Barrierefreiheit aus?
Ich sitz jetzt schon paar Tage dran aber ich wüsste zurzeit wirklich nicht mehr was ich ändern sollt... kennt man ja, man sieht vor lauter Bäumen den Wald nicht mehr.

Kurz zum Aufbau:
Die Seite ist in verschiedene "Teildateien zerlegt", die mit <?php require("...") ?> eingebunden werden. Der Code ist komplett von Hand geschrieben im HTML-Editor Phase 5.

Dankeschön schonmal im Voraus für eure Tips
Gruß,
Prosac.

Eigentlich nicht schlecht, aber um es mit einem Satz auf den Punkt zu bringen: Zu viele Farben.
Wenn du schon Grün/Holz/Stein wählst, dann lass die Rot/Orange Kombination weg. Der Farbverlauf im Header Rot/Grünes Bild passt nicht ganz.
Ich würde für den Header ein Bild nehmen (wie du es links oben hast) und dieses mit einem Effekt, wie du ein Beispiel im Anhang siehst durchziehen. Der Übergang stimmt natürlich nicht. Den müsstest du weicher machen.

Unten wiederholt sich das Bild mit dem Fluss drauf bei einer Auflüsung von 1400px. Wenn es nach mir geht, könntest du den Footer ganz weglassen.
Die IP Adresse interessiert normalerweise niemanden. Und wen doch, der weiss wo nachsehen

Freundliche Grüsse,
Lloyd

Angehängte Grafiken

panorama1.jpg (33,1 KB, 18x aufgerufen)

__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }

du hast die Seite im IE6 angeschaut, oder?
Hab per CSS -> max-width festgelegt, dass der <div> maximal nur 950px breit sein soll, den Workaround für den IE hab ich da noch nicht berücksichtigt, kommt aber noch (hätt ich vielleicht dazu schreiben sollen ).

hm. Der Header hat mir auch schon Kopfzerbrechen gemacht, der gefiel mir nicht so ganz. Ist alles etwas hart und, hört sich jetzt vielleicht geschwollen an, die Harmonie fehlt.
Das Bild mit dem Effekt schaut schonmal gut aus. Mal schauen wie ich mich mit Ad. Ph. Elements2 austoben kann...

Die IP-Adr. ist nur als Spielerei da, aber Footer ganz weglassen... schaut dann doch etwas leer aus da unten, oder?

Wie kommt denn der Holzhintergrund wo Wetter und Neuigkeiten drin sind rüber? Wenn ich hier im Büro und zuhause auf dem laptop das ganze anschaue, dann ists ok, auf dem normalen PC mit Röhrenmonitor (5 J. alt) ist der Farbton recht stark (oder ist "grell" besser...) und vom steinigschwarzen Hintergrund sieht man keine "konturen" mehr.
Nach was sollte ich mich da richten, eher angepasst an TFTs oder doch noch an CRTs?

Ja, war IE6. Aber den Footer würde ich dennoch ganz weg lassen
Wenn du als margin-bottom auch den Abstand von oben und den Seiten gibtst, finde ich schaut es schön aus. Probier es mal aus und stell ein Screenshot hier rein, dann können wir ja Abstimmen

Wie gesagt, die Kombination Grün/Stein/Holz passt gut zusammen und gefällt mir auch. Wobei ich die Konturen gut sehe und bei mir auch die Farben passen (Sony x-black), mir aber vorstellen kann wie es auf verschiedenen alten Monitoren aussehen muss...
Nur eben das Rot/Orange im Header passt nicht. Aber schau mal auf www.templatemonster.com mal verschiedene Header an um dich inspirieren zu lassen und zu sehen was es alles für Möglichkeiten gibt, einen Header Hintergrund zu gestalten.

Alternativ kannst du auch meine Linksammlung an CSS Showcases verwenden, aber da sind zum grössten Teil hauptsächlich "exotische" Designs dabei und du brauchst im Grunde einen "standard business header background".

Edit: Link zu CSS Showcase Liste hinzugefügt.

Freundliche Grüsse
Lloyd

__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }

Wenn du den IE6 nutzt... ist bei dir zufällig der Footer auch etwas "verzogen" also die Kontakt- und Menüpunkte etwas weiter unten als die w3c-Icons?
Hier im Büro (Win2k) ist das komplett "verunstaltet", da fehlen teilweise die Hintergrundfarben: Im Header das Rot und weiter unten ist zwischen dem Footer und dem letzten Textteil der <body>-Hintergrund zu sehen, nicht der helle Holzhintergrund, wie es eigentlich sein sollte. Sobald ich auf neu laden klicke, ist alles wieder da. Zuhause im IE (WinXP) wird alles, bis auf das "verzogene", korrekt dargestellt.

hm. also du meinst, in meinem <div> namens "altogether" in dem alles drin ist, statt margin:30px 4% 20px 4% durchweg die 4% nehmen und den max-width mit 950px rausnehmen?

Hier die Screenshots mit IE6:
Willstätt Header
Willstätt Footer

Ich meine wenn du #Footer rausnimmst, musst du einfach darauf achten, dass immer noch 20px Stein bis zum unteren Viewport Rand übrig bleiben, aber das wäre sowieso so, wenn du den Rand unten mit margin über das #alltoghether hast. Und da du das hast, musst du daran nichts mehr ändern.

Schau mal den Screenshot Willstätt ohne Footer an. Schaut doch viel aufgeräumter auf, nicht?

__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde -
#me { position: absolute; }

Hm. das sieht ehrlich gesagt besch.... aus. Also der Header ist auf jedenfall noch verbesserbar.

Zum Footer:
Also mit sieht es nach mehrmaligem Betrachten auch nicht soooo doll aus, aber ohne auch. Irgendwie so "unabgeschlossen" wenn er nicht da ist. Glaube ich lass ihn, ersetze mal den Hintergrund wie er beim Datum ist, gestalte ihn etwas kleiner und schau drauf dass der IE6 auch alles so darstellt wie es gedacht ist.

Die Startseite sieht mir irgendwie zusammengewürfelt und zu unruhig aus. Weniger wäre da mehr.
Statt den Holz- und Strukturhintergründen würd' ich eine Farbe wählen, die mehr Ruhe reinbringt.

Du verwendest verschiedene Schriften: Times für die Überschrift und wohl Verdana oder Arial für den Text. Nimm einheitlich Verdana oder Arial.

Menue und header wirken vielleicht besser, wenn sie untereinander statt ineinander stehen.

Ist der Wetterbericht so wichtig, dass er ganz oben stehen muss, oder interesseren eher die Neuigkeiten?

Die Unterseite "Bildergallerie" hat ein völlig anderes Design. Sollte im Hinblick auf die "corporate idendity" einheitlich sein.

@prm:
Die Unterseiten sind nicht die wichtigen, erstmal nur die Startseite. Die Unterseiten werden dann, wenn ich die finale Gestaltung der Startseite habe, angeglichen.
ist also alles noch eine große Baustelle.

Meinst du generell die Hintergründe weglassen oder nur die auf der Rechten Seite (Datum, Navigation, Wetter, Neuigkeiten usw)?
Das Layout der Unterseiten war mein erster Gedankengang, da war es mir aber etwas zu "flach", deshalb dacht ich, bringst mit ein paar Hintergründen etwas "Struktur" mit rein.
Der Header wird auf jedenfall noch einmal überarbeitet, so in die Richtung wie es Don Quichote vorgeschlagen hatte, mit einem einzigen Bild...

Den content und die rechte Spalte würd' ich so vergrößern, dass sie mit dem header links- bzw. rechtsbündig sind und der helle Haupthintergrund überflüsslig wird. Dafür evtl. das weiß im content mit einem dezenten grau oder einer Pastellfarbe einfärben. Die rechte Seite würd' ich dann "ohne Holz" passend dazu farblich gestalten und wie bereits geschehen mit Rahmen arbeiten.