Du bist nicht angemeldet.

Design bewerten

Alex

EM2004 - Tippgott

  • »Alex« ist der Autor dieses Themas

Beiträge: 1 535

  • Private Nachricht senden

1

Mittwoch, 5. Februar 2003, 14:28

Design bewerten

Ich hab mal einen Entwurf für unsere neue Schul-Homepage gemacht, und wollte mal fragen, wie ihr ihn findet...

Klickst du hier

Zur Info: Die Seite ist eine Testseite.
Auf Links kann man natürlich klicken, sind aber alle derzeit funktionslos...

es geht hier nur um Design (Farben, Aufteilung, evtl. Navigationselemente), Übersicht und Funktionalität/Bedienbarkeit.
Verbesserungsvorschläge erwünscht ;)

Lasst den HTML-Validator bitte außen vor, darum kümmer ich mich später ;)
Was mir beim Validieren des CSS aufgefallen ist: Kann es sein, dass für color nicht mehr die Netscape-Farbnamen zugelassen sind? Der meckert bei color:darkblue; und color:steelblue; rum, obwohl beide laut SelfHTML zulässig sind und von NN angezeigt werden... ist das ein Fehler im Validator?
Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

Geri

Anfänger

Beiträge: 43

  • Private Nachricht senden

2

Mittwoch, 5. Februar 2003, 14:46

Na Ja: Viel kann man ja dazu nicht sagen. Ist ja bis auf 3 Tabellen
nur Text enthalten. Also Design kann ich keines finden.

Was mir auffällt: Bei er Tabelle (Sonstige Angebote) ragen die Links
über die Tabelle hinaus.

Mehr weiss ich im Moment auch nicht !

geri !
Signatur von »Geri« Die Wichtigsten Dinge im Leben sind nicht Dinge !!!

Chris

WSB-Gespenst

Beiträge: 2 010

  • Private Nachricht senden

3

Mittwoch, 5. Februar 2003, 15:03

Hi Alex,

Du solltest die Seite besser strukturieren, die eine Seite weist viel zu viele Informationen auf und ist zu lang.

Die Farbe der Tabelle oben und der Hintergrund passen gut zusammen, der dunkel blaue Hintergrund der Box bei Lehrer dagegen ist viel zu dominant. Das Logo eurer Schule/ eurer Stadt sieht leider sehr verpixelt aus, gibt es da nichts besseres?

Struktur fehlt als der Seite genauso wie eine vernüftige Navigation, die Farbwahl dagegen ist eigentlich ganz gut geglückt - nur ist wirklich noch nicht sehr viel da ....

Chris
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

4

Mittwoch, 5. Februar 2003, 17:47

RE: Design bewerten

Zitat

Original von Alex
Kann es sein, dass für color nicht mehr die Netscape-Farbnamen zugelassen sind?
Waren sie IMHO noch nie: http://www.w3.org/TR/html4/types.html#h-6.5 Es gibt 16 Farben mit Namen. Alles andere ist in #RRGGBB anzugeben. In CSS kann man das abkürzen zu #rgb, wobei jedes {r,g,b} zweimal zählt. Es sind halt nur "Netscape-Farbnamen". Aus Kompatibilitätsgründen solltest Du diese nicht benutzen.

Zitat

Der meckert bei color:darkblue; und color:steelblue; rum, obwohl beide laut SelfHTML zulässig sind
Wer hat gesagt, dass alles in SelfHTML stimmt? Es gibt halt diese Ungenauigkeiten, aufgrund derer ich auch mittlerweile eher von SelfHTML abrate. Zum lernen zu groß, als Referenz zu unpräzise.

mem :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Alex

EM2004 - Tippgott

  • »Alex« ist der Autor dieses Themas

Beiträge: 1 535

  • Private Nachricht senden

5

Mittwoch, 5. Februar 2003, 18:34

Die Seite ist nur deshalb so lang und "unstrukturiert", damit alle wichtigen Formatierungen (Tabelle, Box, Links, Liste mit den Geschichtl. Infos) erkennbar sind. Später wird die Geschichte (die hier auch nur in Auszügen darliegt) auf eine eigene Seite, vlt. sogar in ein eigenes Verzeichnis gepappt. Lehrer-Tabelle: dito.

Zu dem Schul-Logo suche ich noch was besseres.

Navigation: Ich hab drauf verzichtet (wollte mehr Platz für den Inhalt haben), meint ihr, man sollte unbedingt eine vollständige Navigation auf jede Seite machen? Ist in den meisten Boards ja auch nich ^^ und auf www.memowe.de fehlt sie auch. ;)
alternativ hab ich ein "Wechseln Zu"-Auswahlfeld gebastelt, das am Seitenende zu finden ist, und die meisten Sachen beinhaltet, und eine Sitemap (der Link ist am unteren Ende der Seite). Soll ich die noch oben verlinken und vllt. das Jumpto nochmal oben hinmachen?

Box: Hab im CSS einen Fehler gemacht: ul {padding:0em;} ist jetzt entfernt und den Hintergrund heller gemacht. Ist dieser so in Ordnung oder immer noch zu dominant?
***
Nur mal so angemerkt: www.hildegard-von-bingen-schule.de ist die alte Schul-HP... ist dieser Vorschlag dagegen schon ein Fortschritt oder eher ein Rückschritt?
Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Alex« (5. Februar 2003, 18:38)

Chris

WSB-Gespenst

Beiträge: 2 010

  • Private Nachricht senden

6

Mittwoch, 5. Februar 2003, 18:52

[z] meint ihr, man sollte unbedingt eine vollständige Navigation auf jede Seite machen?[/z]
Ein eindeutiges "Ja", von meiner Seite. Schließlich will ich von jedem Punkt der Webseit so schnell und so einfach wie nur möglich zu einem anderen Bereich kommen können.

[z]Ist in den meisten Boards ja auch nich ^^ und auf www.memowe.de fehlt sie auch.[/z]
Wenn Du genau hinschaust hat man z.B. auf dem WSB sehrwohl die möglichkeit zu jedem Bereich zu springen und auch auf Mirko's Webseite kann man wenn man sich erstmal in einem der vielen Hauptbereiche befinden bequem über die Links oben navigieren.

[z]Nur mal so angemerkt: www.hildegard-von-bingen-schule.de ist die alte Schul-HP... ist dieser Vorschlag dagegen schon ein Fortschritt oder eher ein Rückschritt?[/z]
z.Z. ist die bisherige Webseite um längen besser, da sie Inhalt besitzt. Dein Entwurf hat noch nichts was man mit der bestehenden Seite vergleichen könnte.

Chris
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

Alex

EM2004 - Tippgott

  • »Alex« ist der Autor dieses Themas

Beiträge: 1 535

  • Private Nachricht senden

7

Mittwoch, 5. Februar 2003, 19:38

Da SSI irnkwie schei#e ist (mangelnde Server-Unterstützung, sonst hätt ich schon die gesamte Site hochgeladen), wollte ich fragen, ob mir jemand in folgendem Thread eine Schritt-für-Schritt-Anleitung zu Includes mit Phase 5 geben kann...

http://webstyleboard.de/wsb/thread.php?threadid=2581&sid=
Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

Alex

EM2004 - Tippgott

  • »Alex« ist der Autor dieses Themas

Beiträge: 1 535

  • Private Nachricht senden

8

Mittwoch, 5. Februar 2003, 21:40

http://www.alexurban.mynetcologne.de/hil…ngen-gymnasium/

so, ein paar Inhalte (aber noch nicht alle) sind da. Ich konnte leider nicht alle Links checken, und die Schülerzeitung ist z. B. noch nicht online (gibt nichtmal eine gedruckte oder handgeschriebene ^^), bestimmte Unterseiten existieren noch nicht, und viele Texte werden noch neu geschrieben, sind also nur Dummy-Texte oder so.
Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

Chris

WSB-Gespenst

Beiträge: 2 010

  • Private Nachricht senden

9

Mittwoch, 5. Februar 2003, 21:52

Na das schaut doch schon viel besser aus :)

Was mir bei dem jetztigen Aussehen auffällt ist, dass der obere Teil der Website sehr gut aussieht, die Qualität aber dann etwas abnimmt, weil eine Integrierung des inhaltlichen Bereichs in das Design nicht vollständig gegeben ist. So wäre vielleicht unten eine vergleichbare Leiste wie oben als "Abschluss" sinnvoll.

Genauso solltest Du auf die Zentrierung der Überschriften verzichten, ich glaube wenn die links neben das Logo hinpackst sieht es noch nen Stück besser aus. :rolleyes:

Chris
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

ARESOL

Profi

Beiträge: 1 050

  • Private Nachricht senden

10

Mittwoch, 5. Februar 2003, 22:16

hi, ich glaub zwar, dass ich mich langsam zum Board-Muffel hinbewege :D, aber ihr müsst mir glauben bitte ich bins nicht...

Sorry, aber mir gefällts überhaupt nicht. Ich mag dieses triste nicht, die Farbwahl ist zwar gut, aber das restlich Aufteilung, die Schriftart in Größe 12 Arial, wäre schön ein bisschen kleiner.
Das Menü oben ist auch nicht wirklich ansprechend. Dann die Links im Text auch noch gefettet *grrrr*, sorry, aber ich mags nicht
Signatur von »ARESOL« wieder da

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

11

Donnerstag, 6. Februar 2003, 08:37

Zitat

Original von ARESOL
die Schriftart in Größe 12 Arial, wäre schön ein bisschen kleiner.
Die Schriftart und -größe hast Du Dir selbst so eingestellt. Alex gibt für den Fließtext weder einen bestimmten Font noch eine bestimmte Größe vor. Es wird also genau die (Sans-serif-)Schriftart und -größe verwendet, die in Deinem Browser eingestellt ist und das sollte eigentlich die Einstellung sein, die für Dich am besten lesbar ist. Wenn sie das nicht ist, verändere Deine Voreinstellung.

mem, heute Klausur schreibt und nicht zu einem ausführlichen Feedback kommt.
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

ARESOL

Profi

Beiträge: 1 050

  • Private Nachricht senden

12

Donnerstag, 6. Februar 2003, 15:13

mmmhh, meine Schriftart ist auf Mittel eingestellt und ich benutze den IE 6.0, jaja ich weiß Microschrott...

Mir gefällt die Seite halt einfach nicht, so ein design passt zu einer Schul-Homepage nicht, sorry, aber manchmal gefällt einem einfach was nicht, und ich habe mich ja nicht nur zur Schriftgröße geäußert ;-)

..:ARESOL
Signatur von »ARESOL« wieder da

Lesezeichen: