Habe eine neue Homepage erstellt....

mescamesh · Beitrag von **mescamesh** » Mi 3. Mär 2004, 16:01

und würde mich freuen wenn die Web-Profis den ein oder anderen Tip hätten, was man anders machen könnte. Die farblich wechselnde Menüleiste ist allerdings tabu, war Wunsch des Auftraggebers

http://213.203.204.36/~pharmab/Kayser/

Oli K. · Beitrag von **Oli K.** » Mi 3. Mär 2004, 16:24

Hm, auf den ersten Blick würde ich vielleicht versuchen Style Sheets einzusetzen. Damit wäre beim Wechsel des Topics der Stilbruch nicht so krass. Ausserdem fände ich es übersichtlicher bei dieser Art von Layout eine "Navigationshistorie" aufzubauen. Sprich: Sowas wie "Home > Thema1 > Thema2 > ..." . Somit lässt sich leichter verfolgen, wo man sich befindet und weiss auch wie man wieder zurück kommt.

mescamesh · Beitrag von **mescamesh** » Mi 3. Mär 2004, 16:31

Hallo Oli!

Danke, daß Du mal auf die Seite geschaut hast. Meinst Du, daß ich die quick-links auf der Startseite auf jede Seite machen soll oder ist Dir auch die Hauptnavigation zu unübersichtlich? CSS hab ich eingesetzt, Änderungen sind jederzeit möglich

Oli K. · Beitrag von **Oli K.** » Mi 3. Mär 2004, 17:37

Stimmt, jetzt wo ich nochmal hinschaue...

Die Quicklinks sind ein Wenig verwirrend, weil nicht ganz klar ist, welche Navigation den Ton angibt. Ich persönlich finde Seiten bei denen man alles anklicken kann grauenvoll ... habe schon häufig erlebt, dass manche Kunden diese Art von Navigation verwirrend finden. Wenn Du die Quicklinks drinn lässt, würde ich deutlicher machen, dass es *nur* Quicklinks sind.

Ausserdem würde ich die Überschrift des jeweiligen Topics tiefer setzen. Ich finde, es muss nicht jeder direkt mitbekommen, wenn etwas nicht mehr angezeigt wird und sich dadurch das Layout verschiebt.

Wolle · Beitrag von **Wolle** » Mi 3. Mär 2004, 19:04

Hi,
bin zwar kein Web-Profi, aber mir fällt auf:

dass Du trotz CSS Tabellen und Blindgifs für das Layout verwendest - warum? Das müsste zum einen auch ohne Table gehen, zum anderen ist das nicht barrierefrei.

Hat ein IFrame wirklich Vorteile gegenüber einem normalen Frameset?

Die Schrift der Quicklinks und des Menüs ist zu klein. Die Überschrift über dem IFrame ist bei dem schraffierten Hintergrund nicht lesbar. Der Schriftzug "Navigation" ist m.E. überflüssig - was soll denn da sonst sein?

Gehört die Anfahrt etc. zur Lehre? Bis jetzt haben nur Forschung und Lehre einen Pfeil und nicht die anderen Überschriften im Menü. Mir ist aus dem Klicken dann klargeworden, dass der Pfeil heißt, dass noch mehr Links darunterliegen - aus dem optischen Eindruck erschließt sich das aber für mich nicht. Ich verbinde die Pfeile eher mit Hauptüberschrift, unter der eine Untergruppe sichtbar ist (also eben Anfahrt als Teil der Lehre).

Die Seitengestaltung ist insgesamt gut

- über die Farben der Menüs lässt sich aber tatsächlich streiten. Na ja, wenn es der Auftraggeber so wünscht ...

Gruß
Wolfgang

mescamesh · Beitrag von **mescamesh** » Mi 3. Mär 2004, 19:33

Hallo Wolfgang,

danke für die Hinweise. CSS ist zwar mächtig aber Tabellen sind unerläßlich (schließlich beinhaltet CSS ja sehr viele Definitionen für Tabellen). Das mit den iframes ist vom Zeitaufwand her optimal und sie sind flexibler als normale Frames (die von manchen Browsern ja auch nicht akzeptiert werden, wobei ich schon der Meinung bin, daß man in einem so schnellebigen Medium wie dem Internet sich leicht auf dem neuesten Stand halten kann).
Blindgifs sind sicherlich durch CSS zu ersetzen, aber da sie nur hier und da eingesetzt werden sind sie CSS-Einrückungen vom Zeitaufwand her aus meiner Sicht durchaus vorzuziehen (gibt es wirklich Browser die mit sowas Probleme machen)
An einem verständlicheren und größeren Menü arbeite ich...

Wolle · Beitrag von **Wolle** » Mi 3. Mär 2004, 20:03

Hi,

mescamesh hat geschrieben: CSS ist zwar mächtig aber Tabellen sind unerläßlich (schließlich beinhaltet CSS ja sehr viele Definitionen für Tabellen).

Da muss ich doch glatt widersprechen: man kann das Layout komplett ohne Tabellen gestalten, so dass auch Sehbehinderte den Inhalt erfassen können. Tabellen sollten lediglich da verwendet werden, wo wirklich tabellarische Dinge wie Daten präsentiert werden. - Leider bin ich derzeit noch zu faul, meine komplette HP auf ein tabellenloses Layout umzustellen

Ein Beispiel, wie es funktionieren kann findest Du (inkonsequent umgesetzt) auf meiner in Arbeit befindlichen Bilder-HP unter http://kulturserver-nrw.de/home/fricke/ - bei den Bildern (Großansicht) habe ich tatsächlich aus Faulheit auf Tabellen zurückgegriffen (aber welcher Sehbehinderte will schon kleine Fotos sehen

)
Das CSS-Layout habe ich aber nicht komplett selbst entworfen, sondern mit Hilfe von http://www.strangebanana.com/. Ich habe das Layout dann meinen Bedürfnissen angepasst.

mescamesh hat geschrieben: Das mit den iframes ist vom Zeitaufwand her optimal und sie sind flexibler als normale Frames (die von manchen Browsern ja auch nicht akzeptiert werden, wobei ich schon der Meinung bin, daß man in einem so schnellebigen Medium wie dem Internet sich leicht auf dem neuesten Stand halten kann).

Ist reine Geschmackssache

aber für ein Barrierefreies Webdesign sollte man auf Framesets sogar komplett verzichten. Und eine offizielle HP, die auch für Sehbehinderte, die mit einem Screenreader surfen, Informationen enthalten könnte, sollte barrierefrei sein

http://www.witch.de/blrichtlinien.php

mescamesh hat geschrieben: Blindgifs sind sicherlich durch CSS zu ersetzen, aber da sie nur hier und da eingesetzt werden sind sie CSS-Einrückungen vom Zeitaufwand her aus meiner Sicht durchaus vorzuziehen (gibt es wirklich Browser die mit sowas Probleme machen)

Ist ok, die Browser und Screenreader machen da wirklich eher keine Probleme. CSS-Einrückungen gehen aber letztendlich doch leichter (viel weniger Schreibarbeit) und sind in einem Rutsch anpassbar, wenn das Design geändert werden sollte.

Gruß
Wolfgang

mescamesh · Beitrag von **mescamesh** » Mi 3. Mär 2004, 20:28

Hallo Wolfgang,

nicht schlecht. Wußte nicht, daß Sehbehinderte ein Problem mit Tabellen haben

. Na ja ich bin halt kein gelernter Webdesigner/programmierer. Wenn ich 10€ die Stunde (160h pauschal veranschlagt) bekomme und ein bißchen Eindruck schinden will (kein Standard-Layout) ist der Zeitaufwand für so eine komplett tabellenfreie Darstellung doch recht aufwendig vor allem: man muß sich ja doch wieder einarbeiten und die kleinen Fehlerteufel sitzen am Anfang doch überall

...
Die Seite ist ja nicht für eine breite Öffentlichkeit sondern hauptsächlich für Studenten und Forscher (will jetzt nicht sagen, daß es da keine Behinderten gibt, bin ja selbst hörgeschädigt)
Aber nochmals Danke für die Hinweise, bei meiner nächsten Seite werde ich mir von Anfang an etwas mehr Gedanken machen...

ManU · Beitrag von **ManU** » Mi 3. Mär 2004, 20:43

Bei mir ist links neben dem Schriftzug "navigation" ein weißer, ein Pixel breiter Streifen sichtbar.

Der gesamte Navigationsbereich links erscheint mir etwas zu groß für den angebotenen Inhalt. Da ist soooviel Platz, daß die Navigation "unfertig" wirkt.

Die orangene Schrift oben ist etwas schwierig zu lesen, vor allem "Seminare" und "Skripte".

Etwas "hart" finde ich auch den dicken schwarzen Balken, der oben anstelle der orangenen Schrift erscheint, wenn ein Menüpunkt angeklickt wird.

Mehr zu "meckern"

finde ich nicht.

mescamesh · Beitrag von **mescamesh** » Mi 3. Mär 2004, 20:45

Hallo Manu,

hab gerade dran gearbeitet! Das mit den kleinen Links wird behoben. Ich schreibe im Moment das ganze Menü in eine Datenbank-Tabelle, dann ist endlich Ruhe, wenn ich was ändern will