nicht angemeldet
Moin!
Nun habe ich einen erneuten Versuch unternommen, und einge Ratschläge
beherzigt. Bitte seid gnädig, ich habe mir wirklich Mühe gegeben.
Ja, etwas besser sieht es aus. Aber noch nicht wirklich _gut_.
Was micht optisch stört:
1. Der Farbverlauf im Hintergrund. Ist dort irgendwie unmotiviert, hat keine Aussage, keine Bedeutung fürs Design, ist einfach nur mal so da.
2. Die Schriftart des Fließtextes. Comic Sans MS ist keine vernünftige Schrift für Fließtext. Nimm entweder eine serifenlose Schrift wie Arial, Verdana oder Tahoma, oder eine Serifenschrift wie Times New Roman (gibts da auch neuere Alternativschriften zu, wie Verdana bei den serifenlosen?). Alles andere ist Spielkram, zumal Comic Sans MS nicht mal besonders lustig aussieht und durch tausendfache Verwendung einfach nur noch Brechreiz hervorruft.
3. Bei der Bilderseite hast du eine gestylte Überschrift "Ihre Gaststätte". Die sieht auch grausam aus: Comic Sans MS würde unter 2. schon kritisiert, weiterhin enthält die Schrift einen Farbverlauf und ist zudem noch sehr pixelig gestaltet. Anti-Aliasing heißt das Zauberwort, das ist in der Anwendung aber nicht ganz einfach, wenn man Transparenz zum Hintergrund benötigt.
Ich würde ja vorschlagen, alle Überschriften in der Schriftart von der Startseite "Krautwickel" zu machen - im gleichen Stil, in der gleichen Anordnung. Dann ist zumindest eine Konstante neben der Navigation enthalten.
4. Die Navigationsbuttons sehen schon ganz gut aus. Anti-Aliasing würde eventuell noch das i-Tüpfelchen darstellen, aber solange der Hintergrund farbverläuft, ist das schwierig.
Was bei mir nicht geht, sind die Mouseover-Effekte. Und ein Blick in den Quelltext offenbart, daß du dich da wirklich etwas dämlich angestellt hast: Für jede Grafik eine eignene Mouseover und eine eigene Mouseout-Funktion. Und diese prüft dann auch noch navigator.appName und navigator.appVersion, und ändert nur bei Netscapes >=3 und IEs >=4 die Bilder.
Warum schaust du dir nicht einfach mal das Javascript-Beispiel für dynamische Grafikbuttons in SelfHTML an und versuchst, mit einer einzigen Javascript-Funktion auszukommen und außerdem ein Skript zu kopieren, welches mit allen Browsern funktioniert, die Grafiken verstehen? http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
5. Du solltest mal dringend was gegen deinen HTML-Stil tun. Ein kleiner Auszug aus den Grausamkeiten: <center>, <font> <table height>, <td height>, onfocus="this.blur()". Der Validator bemängelt zunächst den fehlenden DOCTYPE, und ansonsten immerhin noch 17 Fehler (im ersten Durchlauf auf der Bilder-Seite). Ist ja im Prinzip garnicht mal schlecht, aber da sich ein Schachtelungsfehler darunter befindet, ist das auf jeden Fall überarbeitenswert.
Gut, daß da keine Frames mehr sind. Die sind in aller Regel überflüssig und machen das Projekt nur aufwendiger, als es eigentlich ist.
Ich habe auch nicht verstanden, wo Pixelgrafiken des Vorladens wegen angezeigt werden sollen. Ich sehe jedenfalls keine.
- Sven Rautenberg