Schulhomepage Neugestaltung: Schulleiter überzeugen

[Whiz-zarD]

Wobei ich anmerken möchte, dass dies grundsätzlich möglich ist, aber die Vorlage (wie im großteil aller Fälle) nicht 1:1 umsetzbar ist. Das soll keine Kritik sein, sondern nur ein Hinweis für denjenigen, der diese Aufgabe übernimmt.

...

Das ist mir schon klar.
Für mich ist es aber wichtig, eine Vorlage zu besitzen, wie das Design aussehen soll. Daher mach ich immer erstmal ein Entwurf, damit ich die Seite vor meinen Augen sehen kann.
Wie man es nachher umsetzt bzw umsetzen kann, darüber mach ich mir erst später gedanken.

Naja, dies sollte auch kein endgültiges Design sein. Wer auch immer die Seite desigend kann ruhig die Photoshop Vorlage von mir bekommen.
Nur wollte ich damit zeigen, dass die Seite seriös rüberkommen muss und nicht quietschbunt mit vielen kleinen Bildchen.

Quietschbunte Seiten kann man zu einer bestimmten Thematik benutzen (wie z.B. Anime Seiten). Die sprechen auch nur ein bestimmtes Publikum an.

Aber besonders bei Schulen sollte man schon drauf achten, dass man wirklich ein breites Publikum anspricht. Von Jugendlichen, die sich über die Schule informieren wollen, ob diese Schule genau das richtige für sie ist, bis hin zu Lehrern, die sich an der Schule evtl. Bewerben wollen. Selbst 56k Modem User müssen berücksichtig werden. Es sollten so wenig Bilder, wie möglich vorhanden sein. Damit sich die Webseite auch bei 56 kbit/s relativ schnell aufbauen kann.

[FF]

Das ist erstmal nur ein Entwurf mit Photoshop.
Nun müsste man das Design zerstückeln und mit CSS zusammenbasteln.

...

Ganz davon abgesehen, das ich photoshop slicen für designs grausam finde...

ich mache da eine handgezeichnete vorlage/grundriss, und code dann direkt.

Aber besonders bei Schulen sollte man schon drauf achten, dass man wirklich ein breites Publikum anspricht. Von Jugendlichen, die sich über die Schule informieren wollen, ob diese Schule genau das richtige für sie ist, bis hin zu Lehrern, die sich an der Schule evtl. Bewerben wollen. Selbst 56k Modem User müssen berücksichtig werden. Es sollten so wenig Bilder, wie möglich vorhanden sein. Damit sich die Webseite auch bei 56 kbit/s relativ schnell aufbauen kann.

...

Leider wird solche schlichtheit oft in kombination mit grausamem code, hässlichen farbgebungen usw. verwendet...

[mitaki]

Das ist mir schon klar.

...

Hm, ich habe ein schelchtes Gewissen, nicht mehr viel dazu zu sagen, aber ich habe schon verstanden, was deine Absicht war und denke der Beitrag ist eher für Bluescreen geeignet

Ganz davon abgesehen, das ich photoshop slicen für designs grausam finde...

...

Ganz davon abgesehen, dass du ziemlich Mies als Autor bist, wenn du für das Design mehr als ein (gut, maximal drei) Bild(er) benötigst.

Leider wird solche schlichtheit oft in kombination mit grausamem code, hässlichen farbgebungen usw. verwendet...

...

Liegt leider am Klischeedenken schlicht -> wenig Qualität.

[NPC Fighter]

Ganz davon abgesehen, dass du ziemlich Mies als Autor bist, wenn du für das Design mehr als ein (gut, maximal drei) Bild(er) benötigst.

...

Ich kann dir schwer verfolgen, wenn du der Ansicht bist, dass mehr als drei Bilder automatisch auf einen schlechten Content hinweisen.

[Tessio]

Ich kann dir schwer verfolgen, wenn du der Ansicht bist, dass mehr als drei Bilder automatisch auf einen schlechten Content hinweisen.

...

War wohl eher so gemeint, dass Mitaki meint, dass Freierfall ein mieser Autor (im Sinne von coden und sowas.) ist, wenn er für das von Whiz-zarD gezeigte Design mehr als drei Bilder (Schullogo usw) braucht, da das meiste eh mit Backgroundcolors zu lösen ist.

[Bluescreen]

Hm, Whiz-zarD hat schon Recht, der Effekt wirkt zwar nett, aber nicht unbedingt zu einer Schulwebsite passend. Ein weiteres, wie ich finde gutes, Beispiel, wäre meiner Meinung nach (wie sollte es anders sein) die Seite meiner Schule, auch wenn sie beim Validator nicht wirklich toll abschneidet.

...

Was ich bei deiner Seite ein bisschen schade finde, ist das da Navigationselemente mit Bildern gemacht wurden, obwohl sie eigentlich nur Text enthalten.
Sie schneidet auch katastrophal beim Validieren ab, was aber schon gesagt wurde.
Die Mitte ist weiß, und die äusseren beiden 'Boxen' sind so gelblich mit grünem Text, was sich meiner Meinung nach beißt.

Ich finde das nicht so schlecht, aber Hellblau passt irgendwie einfach nicht.
Seite-meiner-Schule Da wird das auch verwendet, jedoch ist irgendwie die Einwirkung auf mich anders, könnte an den Farben liegen. Ich muss zugeben, dass ich, wenn ich etwas suche, es manchmal sehr lange dauert.

...

Du warst das mit der 'Kantonsschule Zug'? Mir ist aufgefallen, das man den letzten Menüpunkt nicht mehr richtig sehen kann, wenn man eine Auflösung von 800x600 Pixel verwendet, da ist auch kein Scrollbalken.

Ds entwickelt sich irgendwie zu einem "ich poste meine Schulhomepage-thread"!
Aber egal! Meine Schulhomepage:Link
Ich finde sie sieht seriös aus und sie wurde mit reiem HTML gemacht!
Kein PHP oder CSS vorhanden!
Ist recht einfach nachzubauen und sieht gut aus!

@Whiz-zarD: Ich finde deine Schulhomepage sieht überladen aus! Aber egal...

...

Also, dass mit dem CSS wurde ja schon gesagt. Nachteillig bei dieser Seite ist aber auch die invalidateheit, und die Verwendung von Frames.
Wer keinen Broswer mit Frame-Unterstützung besitzt (was zugegeben sehr selten ist), ist hier am Ende angelangt.
Schade ist auch, das bei manchen Menüpunkten der rechte Frame weiß ist, wärend der linke seinen blauton behält.

so, ich saß jetzt mal ne Stunde hab versucht, ein Design zu entwerfen.

ist zwar nichts aussergewöhnliches aber es zeigt IMO gut den Effekt von "Standarddesigns". (Ich bin kein großes Ass, was Webdesign angeht ^^")

...

Vom Hocker gerissen hat mich das jetzt nicht, war ja aber auch nicht der Zweck. Probleme geben wird's aber z.B. dann, wenn die 'Arbeitsgemeinschaften' Liste ausgeklappt wird, das sprengt ja die ganze Seite!

Selbst 56k Modem User müssen berücksichtig werden. Es sollten so wenig Bilder, wie möglich vorhanden sein. Damit sich die Webseite auch bei 56 kbit/s relativ schnell aufbauen kann.

...

Nun, wenn du unter 'relativ schnell' 10 Sekunden verstehst, kann ich ja beruhigt sein.


Gut, ich bin ja sofort bereit, das ganze an eure Wünsche anzupassen. Findet ihr, dass die Seite ohne die 'kindischen' und 'quitschbunten' Bildchen 'seriöser' aussehe? Ich kann sie ja mal zum Test rausmachen.
Bitte hört auf, euch über mein Farzusammenspiel zu ärgern! Gebt mir, wie schon früher gebeten, andere Farben dafür!

Ich hoffe, das wir etwas finden, mit dem alle einigermaßen zufrieden sind!

[Whiz-zarD]

Probleme geben wird's aber z.B. dann, wenn die 'Arbeitsgemeinschaften' Liste ausgeklappt wird, das sprengt ja die ganze Seite!

...

nö.
Wenn, dann musst du halt dein Menü dementsprechend anpassen.
z.B. der Menüpunkt "Kontakt" kann man entfernen und diesen Punkt kann man z.B. unten neben Impressum setzen.

und 10 Sekunden für den Seitenaufbau ist zu viel.

[Manni]

Gut, ich bin ja sofort bereit, das ganze an eure Wünsche anzupassen. Findet ihr, dass die Seite ohne die 'kindischen' und 'quitschbunten' Bildchen 'seriöser' aussehe? Ich kann sie ja mal zum Test rausmachen.
Bitte hört auf, euch über mein Farzusammenspiel zu ärgern! Gebt mir, wie schon früher gebeten, andere Farben dafür!

Ich hoffe, das wir etwas finden, mit dem alle einigermaßen zufrieden sind!

...

So wie ich bereits einmal gesagt habe: Verwende schwarz und weiß als Hintergrund bzw. Textfarbe. Beide Farben kannst du auch leicht variieren und bei einem blauen Design dem Weiß zum Beispiel einen leichten Blaustich geben. Dein menü kannst du natürlich trotzdem blau machen, allerdings solltest du auch da eine hellere Farbe vorziehen.
Des weiteren würde ich dir emfehlen, einfach einen Rahmen um den Inhalt zu machen. Die Bilder stören mich nicht weiter, ich finde sie sogar sinnvoll, da man sich so imo leichter auf der Seite zurrecht findet.

[Drakes]

Du warst das mit der 'Kantonsschule Zug'? Mir ist aufgefallen, das man den letzten Menüpunkt nicht mehr richtig sehen kann, wenn man eine Auflösung von 800x600 Pixel verwendet, da ist auch kein Scrollbalken.

...

Nein, so weit bin ich nicht(erst etwa seit einer Woche ein bischen XHTML). Das waren die vier (?vollzeit angestellten?) Informatiker dieser Schule. 800x600 hab ich schon lange nicht mehr gesehen, also könnt ich das auch nicht testen.(wills jetzt nicht bei mir extra kurz umstellen)

[mitaki]

Ich kann dir schwer verfolgen, wenn du der Ansicht bist, dass mehr als drei Bilder automatisch auf einen schlechten Content hinweisen.

...

Siehe Samogas' Antwort.

Was ich bei deiner Seite ein bisschen schade finde, ist das da Navigationselemente mit Bildern gemacht wurden, obwohl sie eigentlich nur Text enthalten.

...

Das schlimmste Dabei ist, dass deise Bilder keinen Alternativtext (heir wäre dieser mit dem Text auf dem Bild identisch) besitzen. blinde Eltern könnten hier diese Schule schelcht bewerten.

Probleme geben wird's aber z.B. dann, wenn die 'Arbeitsgemeinschaften' Liste ausgeklappt wird, das sprengt ja die ganze Seite!

...

Wieso sollte sie das? Die Navigation kann man durchaus so gestalten, dass sie die Seite nicht sprengt.

Nun, wenn du unter 'relativ schnell' 10 Sekunden verstehst, kann ich ja beruhigt sein.

...

Ok, 56kbps sind rund 7KB in der Sekunde. Inhalt allein sollte keine 5Kb ausmachen, Stilangaben keine 3KB, das wären 1,5 Sekunden. Der erste Aufruf dauert natürlich länger, aber wenn man Stilangaben und eventuelle Skripte auslagert und nicht direkt in den Quelltext setzt werden die folgeseiten wesentlich schneller geladen.

[Bluescreen]

Ich hab jetzt mal eine Version mit zwei verschiedenen Style(sheets) gebastelt,
um erstmal euren Farbwünschen nachzukommen.
Das Blau bereitet mir noch Sorgen, beim rot hab ich aber keine Probleme.

Ich bastel gerade an einer alternativ-Version für langsamere Verbindungen ohne Bilder, um auch mitaki's Wünschen nachzukommen. (Ich kann's ja nachvollziehen, eigentlich hat doch jeder mit 56k angefangen, oder?)

Zur neuen Version

Wer Firefox oder einen Vergleichbaren Broswer verwendet kann unter Ansicht und Websiten-Stil das zu verwendende Stylesheet, und damit das Farbenspiel, verändern.

Ich hoffe nicht nur auf Kritik, sondern auf Verbesserungsvorschläge!

[underdark]

Glückwunsch!
Sieht doch schon ganz gut aus.
Eine Sache, die mir aufgefallen ist: Wenn die Werbung erscheint verschwindet das Menü (dieses Problem löst sich aber, wenn du auf einem Server ohne Werbung bist).
Beim Ändern der Größe des Browserfensters springt das Menü ... kleiner Schönheitsfehler.
Ich weiß ja nicht, wies anderen geht, aber ich mag es weniger, wenn der Text über die ganze Seitenbreite geht, aber ich nehme an, dass du ohnehin noch zusätzlichen Content in einer zweite "Spalte" erstellen wirst.
Beim validieren erscheinen außerdem 4 Fehler, aber da du ja noch dran arbeitest, ist das nicht weiter schlimm.

[mitaki]

beim rot hab ich aber keine Probleme.

...

Sagt man dazu noch „rot“? Oder ist das englisch?
Es wirkt leider etwas trist und kontrastlos. Erinnert mich ein bisschen an die Seite der FH Landshut, die mir auch nicht so gut gefällt.

eigentlich hat doch jeder mit 56k angefangen, oder?

...

28.8kbps ftw. Mitakis bitte ohne Apostroph Und es waren nicht wirklich Wünsche, sondern nur Hinweise.
Mit den 11Kb deiner Seite bist du momentan auch noch im Rahmen.
Was zählt ist das erste Laden der Seite, da sollten 60Kb nicht überschritten werden, Bilder und ähnliches werden dann eh gecached, womit der Großteil wegfällt.
Für den besucher zählt ohnehin, dass er schnell an die Informationen kommt, wenn im Hintergrund noch Bilder geladen werden interessiert ihn das eigentlich nicht.

Beim Ändern der Größe des Browserfensters springt das Menü ... kleiner Schönheitsfehler.

...

Allerdings nur im Opera, hm.

Ich weiß ja nicht, wies anderen geht, aber ich mag es weniger, wenn der Text über die ganze Seitenbreite geht,

...

Nicht nur du. Maximal sind 80 Zeichen in einer Zeile lesbar, danach verliert man denn Zeilenfokus beim Wechsel.

aber ich nehme an, dass du ohnehin noch zusätzlichen Content in einer zweite "Spalte" erstellen wirst.

...

Zweite Spalte, ja. Ich wäre auch eher dafür, die Navigation an die Seite zu Stellen und serverseitig die Unterpunkte auszugeben.
Das ist die gewohntere Methode und kommt bei einer Seite wie dieser sicher besser an.

[Bluescreen]

Beim Ändern der Größe des Browserfensters springt das Menü ... kleiner Schönheitsfehler.

...

Das musst du mir genauer erklären (In welchem Broswer? Wobei gebau?).

Ich weiß ja nicht, wies anderen geht, aber ich mag es weniger, wenn der Text über die ganze Seitenbreite geht, aber ich nehme an, dass du ohnehin noch zusätzlichen Content in einer zweite "Spalte" erstellen wirst.

...

Joa, kann man drüber nachdenken - z.B. News?

Beim validieren erscheinen außerdem 4 Fehler, aber da du ja noch dran arbeitest, ist das nicht weiter schlimm.

...

Ja, das validieren hatte ich total vergessen. Jetzt stimmt's wieder.

Sagt man dazu noch „rot“? Oder ist das englisch?

...

Ich weiß, ich weiß - ich nenne es Rottöne.

Es wirkt leider etwas trist und kontrastlos. Erinnert mich ein bisschen an die Seite der FH Landshut, die mir auch nicht so gut gefällt.

...

Na, von der möchte ich mich aber distanzieren - aber wie bitte kontrastvoll ohne Augenkrebsgefahr?!

Menüspringen: Allerdings nur im Opera, hm.

...

Ich hab's probiert - konnte den Fehler nicht repruduzieren.

Nicht nur du. Maximal sind 80 Zeichen in einer Zeile lesbar, danach verliert man denn Zeilenfokus beim Wechsel.

...

Gut, dem kann ich mich anpassen.

Zweite Spalte, ja. Ich wäre auch eher dafür, die Navigation an die Seite zu Stellen und serverseitig die Unterpunkte auszugeben.

...

Ich weiß nicht - das kann sich so lange runterziehen.

Das ist die gewohntere Methode und kommt bei einer Seite wie dieser sicher besser an.

...

Meinst du? Ich weiß nicht...

Wegen meinen 'kontrastlosen' Farben bitte ich einfach darum, das ihr sie mir nach euren Wünschen modifiziert: CSS Blau & CSS Rottöne.

[Whiz-zarD]

Ich weiß nicht - das kann sich so lange runterziehen.

...

Dann musst du halt deine Navigation optimieren.
IMO sind da eh zu viele Unterpunkte enthalten.

[mitaki]

Na, von der möchte ich mich aber distanzieren - aber wie bitte kontrastvoll ohne Augenkrebsgefahr?!

...

Kontrast bedeutet ja nicht nur schwarz auf weiß, man sollte die Schrift einfach gut vom Hintergrund unterscheiden können. In deinem Rottonstil ist das Hintergrundgrau dem Schriftrot recht ähnlich und beide sind relativ dunkel.

Ich hab's probiert - konnte den Fehler nicht repruduzieren.

...

Verwende 9.1/win, du eine andere?

Meinst du? Ich weiß nicht...

...

Naja, Webseitenbesucher haben schon ein gewisse Erwartungshaltung, dazu gehört auch, dass sich die Navigation an der linken Seite befindet.
Das ist kein Argument, neues nicht auszuprobieren, aber eine Schulhomepage ist schon eher was konservatives.
Vorstellbar wäre z.B. eine Leiste oben, auf der die wichtigen Punke stehen und dann zusätzlich die Unterpunkte dieser Kategorien auf der linken Seite.

Ich muss Whiz-zarD auch ein bissschen recht geben, dass du zu viele Punkte darin hast, die dritte Menüebene könnte man sicher auf die entsprechenden Seiten verteilen.

[underdark]

Was hältst du von diesen Farben:
Vorschlag