Krautwickel. Der nächste Versuch
Mike Roth
- design/layout
Hi Ihr alle,
sicher können sich einige von Euch daran erinneren, daß ich folgende
Page, diesen Dienstag, zum "Verreisen" freigegeben habe, was Ihr auch zahlreich gemacht habt.
Das ist die alte Page:
http://home.arcor.de/krautwickel
Nun habe ich einen erneuten Versuch unternommen, und einge Ratschläge
beherzigt. Bitte seid gnädig, ich habe mir wirklich Mühe gegeben.
ACHTUNG: Es funtzt nur der Menüpunkt "BILDER".
Der Hover bei "Anfahrt" ist grün, alle anderen grau. Bitte auch hierzu eine Meinung. Grün oder Grau ?
Hier die URL der neuen Page:
http://home.arcor.de/krautwickel/krautwickel2/index.htm
Danke für Eure Mühe
Gruß
Mike
Hi Mike
ich finde, das sieht doch schon um einiges besser aus. Ich würde mich jetzt halt noch für einen Grünton entscheiden. Jetzt sind gerade drei Grüntöne(Navigation bei onmouseover, Hintergrund und Titel) eingebaut. Ansonsten hat sich doch etwas getan. Das gelb war einfach zu krass. Mein Mozilla zeigt aber immer noch die Bilder, die du vorladen willst, als kleine Punkte unten an. Im IE ist das nicht zu sehen. Meiner Meinung nach war das jetzt schon mal ein großer Schritt in die richtige Richtung.
Au revoir Goofy
P.S. Ich verschwinde gleich in den Süden in Urlaub. hehe
Nicht neidisch werden!! Interessiert zwar keinen, aber mich freuts.
Hi Goofy
ich finde, das sieht doch schon um einiges besser aus. Ich würde mich jetzt halt noch für einen Grünton entscheiden. Jetzt sind gerade drei Grüntöne(Navigation bei onmouseover, Hintergrund und Titel) eingebaut. Ansonsten hat sich doch etwas getan. Das gelb war einfach zu krass. Mein Mozilla zeigt aber immer noch die Bilder, die du vorladen willst, als kleine Punkte unten an. Im IE ist das nicht zu sehen. Meiner Meinung nach war das jetzt schon mal ein großer Schritt in die richtige Richtung.
Ich nutze IE 5.5 und ich kann die 1x1 Pixel auch sehen (vorladen)
Das läst sich wohl nicht vermeiden.
Die grün Töne werde ich noch anpassen ( Wenn entschieden ist ob bei
onmouseover grün oder grau )
Ähm ? Hintergrund grün? Das sollten alles Blautöne sein, kein grün.
Gruß
Mike
Hi Goofy,
P.S. Ich verschwinde gleich in den Süden in Urlaub. hehe
Nicht neidisch werden!! Interessiert zwar keinen, aber mich freuts.
Ich vergaß: Schönen Urlaub :-)
Gruß
Mike
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
Hi Sven,
vielen Dank für Deine Ausführungen.
Ich habe auch nicht verstanden, wo Pixelgrafiken des Vorladens wegen angezeigt werden sollen. Ich sehe jedenfalls keine.
Links unten sieht man die 1x1 pix als schwarze Punkte.
Im IE 5.5 Jemand ne Ahnung wie ich das vermeiden kann?
Gruß
Mike
Hallo Mike,
nur ganz kurz: Ändere mal Deine Bildschirmauflösung auf mehr als 1024 x 768 ... das ist wohl nicht so gewollt, oder!?
Lg,
sunny
Hi Sunny
nur ganz kurz: Ändere mal Deine Bildschirmauflösung auf mehr als 1024 x 768 ... das ist wohl nicht so gewollt, oder!?
Danke, ich weiß das BG.JPG hat nur 1024 pix. Wenn ich diese
Version nutze, dann werde ich es ändern.
Gruß Mike