Schulhomepage Neugestaltung: Schulleiter überzeugen [Archiv]

Bluescreen

18.11.2006, 10:32

Einen wunderschönen guten ag euch allen, die den Thread ansehen.

Also, meine Schule hat eine Website. Frontpage. Ich bin dieses Jahr in der SMV, und hab das Schulwebsite-Gremium gegründet. Leider hat mein Schulleiter gedacht, wir wollten die Website nur aktualisieren, und nicht neugestalten, und ich suche deshalb Argumente, ihn von der schlechten Qualität der Seite zu überzeugen.
Ich bitte euch, mich dabei zu unterstützen, mir neue Argumente zu geben und meine zu verbessern.

Die Website ist mit dem wohl schlechtesten WYSIWYG-Editor aller Zeiten erstellt: MS Frontpage.
Die Website wird (zumindest bei Firefox & Nescape) im Quirksmodus angezeigt (Bild (http://de.geocities.com/welt_der_skripte/schulseite/screen1.gif))
Die Seite ist in höchstem Sinne invalide, ich hab mal nen Screenshot gemacht:
http://de.geocities.com/welt_der_skripte/schulseite/screen7s.gif (http://de.geocities.com/welt_der_skripte/schulseite/screen7.gif)
Titel der Seite ist: Neue Seite 1
Schul-Logo wird nur beim Internet-Explorer korrekt angezeigt: Bild (http://de.geocities.com/welt_der_skripte/schulseite/screen6.gif)
(Ich hab das von Screenshots zusammengeschnibbelt und den jeweiligen Broswer druntergeschrieben)
Katastrophale Tabellen-Positionierung:
http://de.geocities.com/welt_der_skripte/schulseite/screen4s.gif (http://de.geocities.com/welt_der_skripte/schulseite/screen4.gif)
Unsinnige Bilder, die überhauptnichts mit dem Thema zu tun haben:
http://de.geocities.com/welt_der_skripte/schulseite/screen5s.gif (http://de.geocities.com/welt_der_skripte/schulseite/screen5.gif)
Unübersichtlicher, schandhafter Quelltext (ansehen (http://de.geocities.com/welt_der_skripte/schulseite/schlechter_quelltext.htm)).

So, das waren nun mal meine Argumente. Wie sollte ich diese meinem Lehrer verständlich machen? Denn von Valide, DOCTYPEs oder Quirksmodus hat er ja noch nie was gehört?

Bitte versteht mich hier nicht falsch: Ich möchte ihn nicht fertig machen, sondern davon überzeugen, dass es Zeit ist die jetztige Seite abzuschaffen.

NPC Fighter

18.11.2006, 11:42

Hinweis: Um meine anonymität zu wahren, habe ich alle Links zu unserer Schulseite qelöscht.

Und du erwartest, dass hier irgendwelche Leute neue Argumente für eine Erneuerung der Seite finden, die sie sich gar nicht ansehen können?

Grundsätzlich aber ist es Schulleitern scheiß egal, wenn man ihnen sagt, dass ihre Frontpage Seite invalid ist, überflüssigen Quelltext aufweist oder keinen Doctype hat.
"Solange es läuft." <- Bekommst du in 90% aller Fälle gesagt.
Du musst deinem Lehrer klar machen, dass die ganze Sache benutzerunfreundlich ist.
Da wäre zum Beispiel das Problem, dass !IE-Benutzer die Seite / Bilder nicht korrekt angezeigt bekommen. Oder du bringst, dass der viele überflüssige Quelltext die Ladezeiten für Benutzer mit schlechterer Verbindung in die Höhe schießen lässt (heute kein sonderlich großes Problem mehr, aber das ist immerhin ein Lehrer. Wenn du dich nicht total blöde anstellst, kannst du das dem schon verklickern.). Auch eine Möglichkeit wäre das Anmerken der fehlenden Garantie einer richtigen Anzeige in allen Browsern durch invaliden Code. Vorlesebrowsern haben Probleme mit Frontpage Code, was sehbehinderte Menschen ausgrenzt.
Und so weiter und so fort. Sei kreativ. Oder gib uns einfach den Link zu der Seite. o.o

raian

18.11.2006, 11:47

Nundenn.

Erstmals solltest du ihm klar machen, das eine gute Schulhomepage besser für das Image der Schule an sich ist.

Ein schlechtes Design und vorallem eine Homepage die nur im IE funktioniert ist definitiv keine gute Vorraussetzung für die SYmpatie der Besucher.

Dann solltest du ihm klar machen, das FrontPage schlechte Homepages produziert und ihm als Laien leicht übertriebene Ansichten darlegen, die selbst er verstehen muss. Wobei man bei Frontpage nichteinmal übertreiben muss....

Und dann solltest du uns noch sagen, welche Argumente du alles hast, die, die du jetzt vorgestellt hast sind leicht armselig weil sie den Otttonormalverbraucher nicht interessieren. ;D

Bluescreen

18.11.2006, 12:46

Ich glaube mein Schulleiter lässt sich schon überzeugen, die ganze SMV ist auch für einen Neue Seite.

OK, also gut: Schaut euch die Seite bitte auch selbst an: www.amgs.de

drunken monkey

18.11.2006, 14:09

Hm, sieht insgesamt echt nicht so aus, als würde ein Laie da irgendwelche gröberen Mängel entdecken. ó_Ò Oder als würde es viele geben, die du ihm leicht begreiflich machen kannst.

OK, das Logo und die Symbole unter "Kontakt" (http://upload.npcfighter.de/files/35/262temp1.png) sehen schon eher scheußlich aus, und unter "Berichte" sollte man unbedingt echte Thumbnails verwenden, aber sonst...<_<' Das verlangt nur einige kleine Korrekturen, nicht wirklich ein komplettes Redesign. Sonst sieht sie ja eigentlich gut aus.

Musst halt echt versuchen, ihm die komplizierteren Probleme irgendwie klar zu machen. http://www.multimediaxis.de/images/smilies/old/szuck.gif Aber ich kann schon verstehen, dass er da erstmal nicht sonderlich erpicht darauf ist.

NPC Fighter

18.11.2006, 14:12

Sonst sieht sie ja eigentlich gut aus.

Findst? ^^"

Bluescreen

18.11.2006, 14:16

Sieh dir die Seite mal Nachts im dunkeln an - wegen diesem Dunkel-Blau muss man ja direkt zum Augenartzt!

drunken monkey

18.11.2006, 14:25

Findst? ^^"
Eigentlich schon, ja. Ich mag Blau. ^^
Auf jeden Fall würde ich sie vom Aussehen und der Funktionalität sicher nicht als erneuerungsbedürftig klassifizieren, und darum geht's ja.

mitaki

18.11.2006, 14:35

Zunächst muss ich raian zustimmen. Ihr seid ein Gymnasium, wenn eure Webseite nicht in allen Gängigen Browsern richtig funktioniert, mach das einen schlechten Eindruck.
Außerdem verwendet ihr bisher Frames, klatscht aber nicht-Framefähigen Browsern nur eine Mitteilung hin, dass diese nicht unterstützt würden.

Ich weiß nicht, ob ihr PHP oder SSI verwenden könnt, wenn ja würde ich dazu raten, da eine Frameseite nicht per SuMa gefunden werden kann (vor allem wenn sie mit Seite Eins betitelt ist).

Für validen Code spricht auch die genannte Trafficverringerung (Berichteweise bis 50% Einsparung), allerdings weis ich nicht, ob da bei euch ein Kostenfaktor besteht.

18.11.2006, 18:16

Im grunde hast du die Argumente schon, musst sie nur noch Lehrerfizieren.
Übertreib dabei ruhig ein bisschen ;)
1. Der Überflüssige QUellcode lässt die seite VIIEEEl länger bei den armen 28k Modem bestizern Laden...... :rolleyes:
2. Alte Browser Benutzer bekommen die Frames ned zu sehen
3. Leute die nicht den IE benutzen sehen eine schlechte Seite
4. Das alles ist ENORM schlecht für den Ruf einer Schule :rolleyes:

sag deinem Informatiklehrer, er soll halt n gutes Wort beim Direx einlegen.
Es sei denn, er ist ein totaler trottel und/oder er hat die Site gemacht ;)

Bluescreen

18.11.2006, 19:15

sag deinem Informatiklehrer, er soll halt n gutes Wort beim Direx einlegen.sry, aber wir haben keinen!
Ich bin normalsterblicher an einem normalen Gymnasium!^^

Whiz-zarD

18.11.2006, 20:37

sorry, aber die seite suckt.
Das Blau ist zu dunkel, die Schrift wirkt dadurch zu viel hell -> Augenkrebsgefahr!
Die ganzen Comicbildchen (die auch nicht einmal gut aussehen) gehen einen tierisch auf die Eier.
Der Quelltext ist viel zu lang.
Die Schriftart ist ekelhaft. Comic Sans MS ist keine geeignete Schrift, wenn man ein Gynmasium vorstellen will.
Überall stehen komische Zahlen ohne Sinn. ( z.B. unter "Hausführung" "Auf diesem zum inneren Pausenhof hin gelegenen Gang befinden sich die Kursräume der Oberstufe.4")

Alles in Einem kommt mir die Seite, wie eine Seite für ein Kindergarten oder Grundschule vor. Von Kinder, für Kinder.

Bluescreen

18.11.2006, 21:18

Crash-Override

18.11.2006, 23:08

Entwirf doch einfach mal vollkommen inoffiziell privat einen Designbeispiel. Normalerweiße sollte etwas schön grafisches besser wirken (vor allem im Vergleich zur jetzigen Seite).
Wenn das nix bringt könnt ihr ja das alte Design nehmen und die Technik dahinter nachbessern (PHP etc).

Bluescreen

10.01.2007, 13:38

Entwirf doch einfach mal vollkommen inoffiziell privat einen Designbeispiel.Dies ist geschehen! Inoffizielle Schulhomepage (http://bluescreenpage.bl.funpic.de/Schulhomepage/)
Anklicken lässt sich momentan nocht nichts, ausser 'Allgemeines'. Wie findet ihr die Navigation mit den Bildchen? Sie unterliegen der CreativCommonts 2.5 Lizens, der Link zum Urheber kommt dann in's Impressum.
Meinen Vertrauens/Klassenleher konnte ich schon von der Seite überzeugen.

Wenn das nix bringt könnt ihr ja das alte Design nehmen und die Technik dahinter nachbessern (PHP etc).Das birgt ein kleines Problem: Die Seite liegt anscheinend auf dem 'BelWü' Bildungsserver.
Habe ich da Zugriff auf PHP oder Datenbanken (MySQL...)? Werd mich mal umhören!

Edit: Jo, das hab ich gemacht, und bitte:
Apache 2
Suexec
Mysql 4
PHP 5
Perl 5

Wenn ich also PHP-Dateien ausführen wollte, müsste sie in diesem Pfad hochladen?
Pfad zum htdoc: /srv/www/virtual/12345/www.testit.de/vhostdata/htdoc
(Siehe Original (http://www.belwue.de/services/webhosting.html))
Könnte das jemand schnell lesen, ich komm nicht ganz mit! Ist man beim Hochladen sowieso gleich in den HTDocs?

malu

10.01.2007, 14:16

Crash-Override

10.01.2007, 14:25

Ansonsten... öhm, ja, recht schlicht...

Hät ich jetzt auch gesagt. Ein Header über dem Ganzen würde vielleicht was bringen, aber die Navi ist echt klasse, vorallem die kleinen Bilder.

10.01.2007, 14:52

einerseits gibt es wemig was mich an webseiten mehr aufgeilt, als solche menüs, die auch noch mit css gemacht wurden.
ist zwar ned von dir, aber trotzdem toll.

Aber hey,d en link will ich mal sehn, afair war soetwas immer nicht-ie kompatibel, aber deins geht o.o

das von malu beschriebene problem war bei mir auch ein mal, allerdings nicht reporoduzierbar, grade beim ausproieren blieb es da (ebenfalls opera)

ein header wäre nicht schlecht.

Bluescreen

10.01.2007, 15:10

Hm, mir ist bei der Navi was aufgefallen. Wenn man erst den Mauszeiger auf die Navi führt und dann wieder runterschiebt, verschwindet die Navi und kommt nicht wieder. Ansonsten... öhm, ja, recht schlicht...
Browser war Opera 9.10
Mhmm, ich hab das ganze aber auch auf Opera 9.10 getestet. Nun, ich hab es wieder getan, deinen Fehler aber nicht wieder reproduzieren können.
Ich bin mit dem Mauszeiger auf die Navi, und hab ihn dann nach unten gezogen, sodass die Navigationsleiste, die 'herausgekommen' ist, wieder verschwand - nichts unnormales passierte.

Beim Netscape Navigator 7.1 DE funktionierts auch nicht; da arbeite ich noch dran. Habt ihr ne' Idee?

Hät ich jetzt auch gesagt. Ein Header über dem Ganzen würde vielleicht was bringen, aber die Navi ist echt klasse, vorallem die kleinen Bilder.Ein Header mit Bild kommt noch. Allerdings hatte ich noch keinen Zugang zu unserem Digitalen Schullogo, ihr wisst ja wie aus meinem Ersten Post, das das Logo seltsam gespeichert sein muss, da es ausser beim IE sch**** aussieht.

einerseits gibt es wemig was mich an webseiten mehr aufgeilt, als solche menüs, die auch noch mit css gemacht wurden.
ist zwar ned von dir, aber trotzdem toll.Gut, da magst du recht haben, aber ich habe einfach nach einem Menü gesucht, das valide (Strict! Jipiee!) ist, und auf möglichst vielen Broswern läuft.
Ausserdem war es schon schwer, das Menü für meine Zwecke zu modifizieren & mit Bildern zu versehen!

Aber hey,d en link will ich mal sehn, afair war soetwas immer nicht-ie kompatibel, aber deins geht o.o
Kein Problem (Steht der nicht auch in der CSS-Datei?):
http://www.cssplay.co.uk/ (http://www.cssplay.co.uk/menus/final_drop.html)

das von malu beschriebene problem war bei mir auch ein mal, allerdings nicht reporoduzierbar, grade beim ausproieren blieb es da (ebenfalls opera)Ja, fast wie bei mir!

ein header wäre nicht schlecht.s.o.

Edit:
Ich glaube, ich weiß woher das mit dem Navi-Leiste ausblenden beim Opera kommt: Sie wurde jetzt bei mir beim weg-klick auf die Werbung mit ausgeblendet.
Da wir auf dem BelWü aber keine Werbung haben müssen, löst sich das Problem.

Manni

10.01.2007, 18:51

Super Design, wobei mir allerdings die farbe nicht so recht gefallen will...
Ich würde dir raten, einfach weißen Hintergrund mit schwarzer schrift zu verwenden, das wirkt immer noch am seriösesten und ist am besten lesbar. :D

Außerdem würde ich um den Inhalt der Seite noch eine Box machen. Aber wie schon gesagt, ansonsten inst das Design :A.

Drakes

10.01.2007, 19:03

Ein Header mit Bild kommt noch. Allerdings hatte ich noch keinen Zugang zu unserem Digitalen Schullogo, ihr wisst ja wie aus meinem Ersten Post, das das Logo seltsam gespeichert sein muss, da es ausser beim IE sch**** aussieht.

Mach doch vorläufig, bis du das richtige Bild bekommst, einfach Screenshot und dann Einfügen und Ausschneiden in der Bearbeitungssoftware.

Übrignes, ich kann ja verstehen, dass ihr etwas gegen Frontpage habt, da wurde bei mir damals nicht mal das DOCTYPE eingefügt, aber trotzdem wollte ich mal eure Meinung zu folgender Page wissen[bezüglich Design usw.] ich hab sie mal mit Frontpage gemacht, hab jetzt auch angefangen xhtml zu coden, aber geht jetzt nur um Aussehen: Click (http://www.web-space.tv/drakes/ksz3h/home.htm) (ihr müsst vielleicht zweimal draufgehen, damits die Datei findet, wegen der Werbung werdet ihr falsch weitergeleitet)

Die schwarzen Abstände waren mal nicht, und das Gelbe ist wo ich die Maus hatte. Natürlich wirds bei den meisten nicht angezeigt also: Click (http://img54.imageshack.us/img54/5415/pagebc3.jpg)

Bluescreen

10.01.2007, 19:09

Mach doch vorläufig, bis du das richtige Bild bekommst, einfach Screenshot und dann Einfügen und Ausschneiden in der Bearbeitungssoftware. Das geht nicht, weil der BG beim IE ja dunkelblau ist, was nicht zu meinem jetzigen passt.

Übrignes, ich kann ja verstehen, dass ihr etwas gegen Frontpage habt, da wurde bei mir damals nicht mal das DOCTYPE eingefügt...Und selbst wenn... valide wird es dadurch auch nicht!

Drakes

10.01.2007, 19:12

Das geht nicht, weil der BG beim IE ja dunkelblau ist, was nicht zu meinem jetzigen passt.
Soll ichs transparent machen und dann dir schicken?

Und selbst wenn... valide wird es dadurch auch nicht!

Das war ja auch nur ein Beispiel.

Bluescreen

10.01.2007, 19:13

Soll ichs transparent machen und dann dir schicken?Wenn du grad' nicht's besseres zuv tun hast - OK...

Drakes

10.01.2007, 19:18

Wenn du grad' nicht's besseres zuv tun hast - OK...

Das Bild war schon Transparent. hier (http://img235.imageshack.us/img235/9020/image002dl6.gif)

Ich konnte es zuerst nicht abspeichern aber mit Firefox hab ich so ein tooles Tool, womit alle Adressen der Bilder angezeigt werden, dann hab ich die Adresse in den IE genommen und abgespeichert. Für Qualität kann ich nichts, ich hab eigentlich ja nichts verändert.

Bluescreen

10.01.2007, 19:50

Ja, witzig, danke, aber so komm ich auch ran.
Ach ja, kleiner Tipp: Beim Firefox kannste auch mit Rechtsklick auf das Bild und 'Grafik speichern unter...' die Date lokal speichern, oder mit 'Grafikadresse kopieren' ihren INet-Pfad kopieren, aber sag's keinem.

Das Problem mit der Qualität lässt sich also so auch nicht lösen, ich hatte mich schon so darauf gefreut - Trotzdem Danke.

Ausserde bitte ich dich, das Bild aus Imageshack zu löschen, da du geltendes Urheberrecht verletzt.

mitaki

10.01.2007, 20:47

Aber hey,d en link will ich mal sehn, afair war soetwas immer nicht-ie kompatibel, aber deins geht o.o
Der Grund warum es funktioniert, und warum ich CSS-Play inzwischen recht kritisch gegenüberstehe ist, dass für dieses "CSS-Menü" grässlichste HTML-Verschandelung notwendig ist. Diese wird zwar innerhalb von Conditional Comments gemacht, aber es ist alles andere als schön.
Vor allem ist es gefährlich, weil unerfahrene Benutzer dies gerne übernehmen ohne zu wissen, was sie eigentlich tun.

Ich persönlich hätte einfach den alten IEs JavaScript aufgedrängt. IE 6 verschwindet eh bald auf ein Minimum und die paar IE Benutzer (5.x ist eh schon weg) haben dann meist JavaScript noch aktiviert (obwohl sie eigentlich niemanden mehr kümmern [sollten]).

Zu diesem Bild: In welchem Format ist es denn gespeichert?

@Drake: Für eigene Webseiten gibt es den Vorstellungsthread (http://www.multimediaxis.de/showthread.php?t=67912). ;)

Bluescreen

10.01.2007, 20:50

Der Grund warum es funktioniert, und warum ich CSS-Play inzwischen recht kritisch gegenüberstehe ist, dass für dieses "CSS-Menü" grässlichste HTML-Verschandelung notwendig ist. Diese wird zwar innerhalb von Conditional Comments gemacht, aber es ist alles andere als schön.
Vor allem ist es gefährlich, weil unerfahrene Benutzer dies gerne übernehmen ohne zu wissen, was sie eigentlich tun.Wen meinst du mit unerfahrenen Benutzern? Etwa solche Leute wie mich?

..morgen mehr...

NPC Fighter

10.01.2007, 20:52

Ausserde bitte ich dich, das Bild aus Imageshack zu löschen, da du geltendes Urheberrecht verletzt.

Uh, dann hoffe ich mal, dass mich deine Schule nicht direkt verklagt. :rolleyes:

http://npshare.de/files/35/5101/c.gif

mitaki

10.01.2007, 21:07

Wen meinst du mit unerfahrenen Benutzern? Etwa solche Leute wie mich?
Nicht zwangsläufig. Stu Nicholls verspricht mehr als er bieten kann und tricks damit die Leute aus.
Wenn du dir im klaren darüber bist, welche Konsequenzen der Einsatz dieses Verhaus mit sich zieht und diese mit den Vorteilen abgewägt hast. Dann nicht.

@NPC, warum gibst du ihm Gift, wenn er Ping besser verträgt (http://mitaki.annexis.org/pub/c.png).

NPC Fighter

10.01.2007, 21:29

Nicht zwangsläufig. Stu Nicholls verspricht mehr als er bieten kann und tricks damit die Leute aus.
Wenn du dir im klaren darüber bist, welche Konsequenzen der Einsatz dieses Verhaus mit sich zieht und diese mit den Vorteilen abgewägt hast. Dann nicht.

@NPC, warum gibst du ihm Gift, wenn er Ping besser verträgt (http://mitaki.annexis.org/pub/c.png).

Solange du auf Alphatransparenz verzichtest, ist mir das egt. scheißegal.
Noch dazu bekommen IE 6 Benutzer (zu denen sicherlich ein Großteil der Zielgruppe dieser Seite zählt) ein nicht allzu schönes Gesamtbild vorgesetzt.

mitaki

10.01.2007, 21:34

Solange du auf Alphatransparenz verzichtest, ist mir das egt. scheißegal.
Alphatransparenz würde sich hier nur dann schlecht auswirken, wenn du uninformierterweise keine Hintergrundfarbe angegeben hast. Wäre diese gegeben fällt der IE darauf zurück, anstatt auf das schnöde Grau.

Noch dazu bekommen IE 6 Benutzer (zu denen sicherlich ein Großteil der Zielgruppe dieser Seite zählt) ein nicht allzu schönes Gesamtbild vorgesetzt.
Was meinst du damit? Könntest du nebenbei schnell im Messenger auf die Linie gehen?

Drakes

11.01.2007, 15:59

Ausserde bitte ich dich, das Bild aus Imageshack zu löschen, da du geltendes Urheberrecht verletzt.

Entschuldigung, hab ich vergessen. Wie kann ichs löschen?

In welchem Format ist es denn gespeichert?
gif, hättest aber selber nachschauen können.

Whiz-zarD

11.01.2007, 18:49

rgb

12.01.2007, 17:05

Bluescreen

12.01.2007, 17:14

Ich frag mich, was einige Leute hier an dieser neuen Seite so toll finden?
Das ach so tolle Menü ist fürn Arsch. Bei Opera verschwindet dieses Menü komplett und lässt sich nicht mehr anklicken. Bei jedem Browser werden diese Menüs immer anders interpretiert und sorgen meist für Fehler.Also, ich kann mich rgb nur anschließen, bei mir hatt's auch überall funktioniert.
Der Fehler im Opera wird durch das Werbe-'Fenster' produziert.
Da wir aber (wie bereits gesagt (http://www.multimediaxis.de/showthread.php?p=1681579#post1681579)) auf unserem eigentlichen Server für die Homepager BelWü keine Werbung haben, löst sich das Problem von selbst.

Auch bin ich eher ein Fan von den klassischen Navigationen.Ist deine Meinung.

Und da du anscheinend eh nur diese Navi von irgendwo kopiert hast und gar nicht weisst, wie diese überhaupt funktioniert, würde ich dir auch die klassische Navi empfehlen.Es ist bestimmt nicht so, als hätte ich keine Ahnung, wie's funktioniert. Das Menü ist an sich schon sinnvoll & verständlich aufgebaut. Die Fülle von verschiedenen Tags aber macht das ganze schwer leserlich, sodass man sich nur mit Mühe einarbeiten kann.

Und die Farben verursachen Augenkrebs.
Es herscht absolut keine Harmonie zwischen den Farben.
Die Hintergrundfarbe sticht sofort ins Auge und bei längerem Hinschauen tut diese Farbe sogar noch in den Augen weh.Also, ich fürchte ich kann mir wirklich keine Farben aussuchen, die bei anderen ankommen. Also, bitteschön, dann schlagt mir doch bitte andere vor, damit dem armen Whiz-zarD nicht mehr so die Augen wehtun.

Also, so, wie es jetzt ist, zeigt es nicht grad von seriösität.Inwiefern?

Whiz-zarD

12.01.2007, 17:38

Inwiefern?
Bis jetzt sieht es einfach nur stümperhaft aus.
Allein die ganzen kleinen Bildchen bei jedem Menüpunkt sieht echt kinderhaft aus.
Ich mein, dies soll eine Seite für ein Gymnasium sein.
Also eine Schule mit höheren Ansprüchen.
Allgemein bei Schulwebseiten steht seriösität an oberster Stelle.

Ich schlage dir vor, dass du dir erstmal ein paar Seiten von universitäten und Hochschulen anschaust und dann erstmal ein Design mit einem zeichenprogramm entwirfst, bevor du überhaupt mit der Seite anfängst.
Vielleicht bemerkst du ja, dass die meisten Seiten in weiss/grau gehalten sind.

12.01.2007, 18:51

Allgemein bei Schulwebseiten steht seriösität an oberster Stelle.

Das sieht man den Seiten zwar in den seltensten fällen an, aber naja^^

Ich schlage dir vor, dass du dir erstmal ein paar Seiten von universitäten und Hochschulen anschaust

mal ein positivbeispiel, wie manns machen kann ;D
www.avd-ge.de (die seite meiner schule)

edit: tippfehler.

Bluescreen

12.01.2007, 18:54

Bis jetzt sieht es einfach nur stümperhaft aus.Na, danke...

Allein die ganzen kleinen Bildchen bei jedem Menüpunkt sieht echt kinderhaft aus.Wieso denn dass? Da sind doch keine Gummibärchen abgebildet? Mit solchen Bildchen kann man sich viel besser zurechtfinden.
Ich mein, dies soll eine Seite für ein Gymnasium sein.
Also eine Schule mit höheren Ansprüchen.

Allgemein bei Schulwebseiten steht seriösität an oberster Stelle.Wieso verdammt wirk die unseriös? Wieso?

mal ein positivbeispiel, wie manns machen kann ;D
www.avg-ge.de (die seite meiner schule)Na, das Positivbeispiel ist bei mir durchgefallen. "Seiten-Ladefehler".
Prüf nochmal die Link-Adresse, ich konnte die Seite jedenfalls nicht angucken.
Edit: Erledigt.

Whiz-zarD

12.01.2007, 19:11

der Link heisst www.avd-ge.de ^^

viele kleine Bildchen machen das Ganze Kinderhaft.
Schulwebseiten müssen jeden ansprechen können. Dafür braucht man ein neutrales Design. Jeder muss sich bei der Seite zurechtfinden können.
Kleine Bildchen tragen dazu aber nicht bei. Im gegenteil! Sie verursachen desorientierung.

Vielleicht versuch ich heute abend mal ein kleines deisgn zu entwerfen, was du dann auch benutzen kannst, wenn es dir/euch gefällt.

Bluescreen

12.01.2007, 19:23

Na, ich will ja nix sagen, aber die drei netten Mädels die mir beim Aktuellen sofort ins Auge gesprungen sind, machen das ganze wirklich seriös... ^^

Und so umgehauen hat mich die Seite jetzt auch nicht.
Das sieht, nimms mir nicht übel, aber auch so nach 'standard' aus.
Eurer Titel ist meimer Meinung nach schon ein bisschen arg lang.

Aber das sie rein gecodet ist, das kann ich dir nicht abnehmen.

Barney

12.01.2007, 21:24

Drakes

12.01.2007, 21:51

Ich finde das nicht so schlecht, aber Hellblau passt irgendwie einfach nicht.
Seite-meiner-Schule (http://web.kanti-zug.ch/) 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.

Das sieht, nimms mir nicht übel, aber auch so nach 'standard' aus.

Das ist bei Schulen genau der Effekt, der es haben sollte, imo.

Satyras

12.01.2007, 22:38

Ds entwickelt sich irgendwie zu einem "ich poste meine Schulhomepage-thread"!
Aber egal! Meine Schulhomepage:Link (http://www.schulserver.hessen.de/frankfurt/leibniz/index.htm)
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!

@Freierfall: Ich finde deine Schulhomepage sieht überladen aus! Aber egal...

Whiz-zarD

12.01.2007, 22:41

Das ist bei Schulen genau der Effekt, der es haben sollte, imo.

jop. Und genau darum geht es hier.
Ein neutrales Design, was jedermann anspricht und nicht nur einer kleinen Gruppe von Jugendlichen. Bei Webdesigns ist es wichtig, dass man ein breites Publikum anspricht.
Mir geht das so, wenn ich ne Seite erwische, wo nur Bildchen durch die Gegend ploppen,
dann schliess ich sofort die Seite, weil ich kein Bock hab, mir sowas antunzumüssen

so, ich saß jetzt mal ne Stunde hab versucht, ein Design zu entwerfen.
http://img482.imageshack.us/img482/9882/v2ki0.th.jpg (http://img482.imageshack.us/my.php?image=v2ki0.jpg)
ist zwar nichts aussergewöhnliches aber es zeigt IMO gut den Effekt von "Standarddesigns". (Ich bin kein großes Ass, was Webdesign angeht ^^")

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

öhm ...Meine? O_o
ich glaub, du meinst Freierfall ;)

mitaki

12.01.2007, 22:49

Ich finde sie sieht seriös aus und sie wurde mit reiem HTML gemacht!
Kein PHP oder CSS vorhanden!
Diese Seite wurde zwar mit etwas gemacht, dass aus weiter entfernung mit HTML ähnlichkeit hat, aber ganz sicher nicht mit irgendeinem bekannten HTML Standard verwant ist.
Letzteres ist sogar sehr schlecht (auch wenns gar nicht stimmt). HTML strukturiert, CSS formatiert. Beides ist wichtig.
Aber gut, du kannst ja wohl nichts für die Webseite deiner Schule ^_^

@Whiz-zarD: (Ich hasse es, dass deaktivierte Bilder nur das Thumbnail verlinken >.>) Egal, das Design sieht auf dem verpixelten Bildchen ganz nett aus, nur dass um den Inhalt nochmal ein dunklerer Bereich ist wirkt etwas irritierend imho.

Drakes

12.01.2007, 22:51

Mit was hast du dieses Design gemacht, nur HTML? oder CSS? würd mich interessieren.

Whiz-zarD

12.01.2007, 22:55

@Whiz-zarD: ... Egal, das Design sieht auf dem verpixelten Bildchen ganz nett aus, nur dass um den Inhalt nochmal ein dunklerer Bereich ist wirkt etwas irritierend imho.

naja, man kann den Rahmen noch etwas heller machen und den Rahmen etwas verkleinern. Aber der Rahmen müste schon bleiben, um die hellen Farben etwas abzuschwächen.

Mit was hast du dieses Design gemacht, nur HTML? oder CSS? würd mich interessieren.

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

mitaki

12.01.2007, 23:16

naja, man kann den Rahmen noch etwas heller machen und den Rahmen etwas verkleinern. Aber der Rahmen müste schon bleiben, um die hellen Farben etwas abzuschwächen.
Nein, denke nicht. Habe das Bild in originalgröße anzeigen lassen können und denke so passt das schon. Nur dass die Navigationsleiste nach dem Inhalt aufhört erinnert doch sehr an Tabellen.

Mit was hast du dieses Design gemacht, nur HTML? oder CSS? würd mich interessieren.
Grundsätzlich solltest du davon ausgehen, dass Designs mit Hilfe von CSS erstellt werden. Alles andere sind großteils Relikte der frühen Neunziger (des letzten Jahrzehnts, Jahrhunderts und Jahrtausends).

Nun müsste man das Design zerstückeln und mit CSS zusammenbasteln.
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.

Whiz-zarD

12.01.2007, 23:43

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.

13.01.2007, 00:00

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

13.01.2007, 00:18

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

13.01.2007, 10:17

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

13.01.2007, 10:27

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

13.01.2007, 11:33

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 (http://www.kag.meckenheim.de/), 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 (http://web.kanti-zug.ch/) 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 (http://www.schulserver.hessen.de/frankfurt/leibniz/index.htm)
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.
http://img482.imageshack.us/img482/9882/v2ki0.th.jpg (http://img482.imageshack.us/my.php?image=v2ki0.jpg)
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

13.01.2007, 11:46

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

13.01.2007, 12:01

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

13.01.2007, 12:15

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

13.01.2007, 18:27

Ich kann dir schwer verfolgen, wenn du der Ansicht bist, dass mehr als drei Bilder automatisch auf einen schlechten Content hinweisen.
Siehe Samogas' Antwort (http://www.multimediaxis.de/showpost.php?p=1684342&postcount=54).

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

22.01.2007, 16:32

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 (http://bluescreenpage.bl.funpic.de/Schulhomepage/Bau%20FARBTEST/farben.htm)

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

22.01.2007, 16:43

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

22.01.2007, 17:15

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 (http://www.fh-landshut.de/), 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

22.01.2007, 17:39

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 (http://www.fh-landshut.de/), 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 (http://bluescreenpage.bl.funpic.de/Schulhomepage/Bau%20FARBTEST/amg_blue.css) & CSS Rottöne (http://bluescreenpage.bl.funpic.de/Schulhomepage/Bau%20FARBTEST/amg_red.css).

Whiz-zarD

22.01.2007, 17:48

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

22.01.2007, 18:04

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

22.01.2007, 18:36

Was hältst du von diesen Farben:
Vorschlag ("http://wellstyled.com/tools/colorscheme2/index-en.html?compl;18;0;330;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0)

Bluescreen

23.01.2007, 15:36

Dann musst du halt deine Navigation optimieren.
IMO sind da eh zu viele Unterpunkte enthalten.Ich fürchte wir werden uns nicht einig.

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.Puh, änhlich? Naja, ich kann's noch gut erkennen, werd's aber mal anpassen.

Verwende Opera 9.1/win, du eine andere?Jupp, ich auch. 9.10 - Win32 (Plattf.)

Naja, Webseitenbesucher haben schon ein gewisse Erwartungshaltung, dazu gehört auch, dass sich die Navigation an der linken Seite befindet.Na, das ist hier doch auch nicht gegeben. Da stort sich auch keiner dran.

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.[QUOTE]Ich denk drüber nach.

[QUOTE]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.Ist eine Möglichkeit. Ich habe sowieso nich nicht die vollständigen Punkte & Unterpunkte bekommen, da kann sich sowieso noch was verändern, über die Menge darf man jetzt nicht streiten.

Was hältst du von diesen Farben:
http://wellstyled.com/tools/colorscheme2/index-en.html?compl;18;0;330;0.1;0.9;0.75;... (http://wellstyled.com/tools/colorscheme2/index-en.html?compl;18;0;330;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0.5;-0.9;0.5;0.5;0.1;0.9;0.75;0.75;0)
Mhmm, nichts - mindestens nicht viel. So "Mädchen Rosa" + grün?
Naja, mal schauen. Der Link ist übrigens auch ein bissl lang gewesen.

underdark

23.01.2007, 16:24

Mhmm, nichts - mindestens nicht viel. So "Mädchen Rosa" + grün?
Naja, mal schauen. Der Link ist übrigens auch ein bissl lang gewesen.

http://i79.imagethrust.com/t/777630/colors.png (http://i79.imagethrust.com/images/3giq/view-image/colors.html) http://i79.imagethrust.com/t/777631/wp.png (http://i79.imagethrust.com/images/3gir/view-image/wp.html)

Bin ich jetzt farbenblind. Hab gedacht ich hätt ähnliche Farben gewählt wie du in deinem Rottöne CSS hattest. Nur eben etwas mehr Kontrast.
Was den Link angeht: Kann ich halt schlecht kürzen ... Is aber auch sowas von egal.

Bluescreen

23.01.2007, 16:29

http://i79.imagethrust.com/t/777630/colors.png (http://i79.imagethrust.com/images/3giq/view-image/colors.html) http://i79.imagethrust.com/t/777631/wp.png (http://i79.imagethrust.com/images/3gir/view-image/wp.html)

Bin ich jetzt farbenblind. Hab gedacht ich hätt ähnliche Farben gewählt wie du in deinem Rottöne CSS hattest. Nur eben etwas mehr Kontrast.Hast du dir gerade einen kleinen Fehler eingestanden, oder war das anders gemeint?

Was den Link angeht: Kann ich halt schlecht kürzen ... Is aber auch sowas von egal.Na, wenigstens den Linktext im Forum - der killt das Layout.

underdark

23.01.2007, 17:06

Hast du dir gerade einen kleinen Fehler eingestanden, oder war das anders gemeint?
Ok, es is dunkler, aber der Farbton is immer noch der gleiche (jedenfalls auf meinem Bildschirm, aber da gibts ja bewiesenermaßen Unerschiede)... Aber lassen wir das. Gefällt dir nicht, muss es auch nicht, ist ja kein Problem.

Na, wenigstens den Linktext im Forum - der killt das Layout.
Sorry! :eek: Hat in Opera ganz normal ausgesehen. Entschuldigung and alle FF-Benutzer.

Bluescreen

23.01.2007, 18:01

Ok, es is dunkler, aber der Farbton is immer noch der gleiche (jedenfalls auf meinem Bildschirm, aber da gibts ja bewiesenermaßen Unerschiede)... Aber lassen wir das. Gefällt dir nicht, muss es auch nicht, ist ja kein Problem. Nein, ihr habt ja recht.
Den Aspekt mit den Bildschirunterschieden könnte eine Ursache sein - ich muss glaub ich mal korrigieren.

Der Test hat bei mir nicht ganz hingehauen:
http://upload.wikimedia.org/wikipedia/commons/a/a7/Farb-Check-RGB.png (http://de.wikipedia.org/wiki/Gammakorrektur)

Werde mal auf anderen PCs testen.

Tessio

23.01.2007, 19:46

Nein, ihr habt ja recht.
Den Aspekt mit den Bildschirunterschieden könnte eine Ursache sein - ich muss glaub ich mal korrigieren.

Ja, das kenn ich nur zu gut.
Als ich endlich mit nem Design für ne Games-Seite für RPGs, Action-Adventures etc fertig war (das Design hielt sich in einem schönen kaffeebraun, sah herrlich aus) und ich meinen neuen PC bekam, ähnelte das Design beim ersten Betrachten eher der Stufe eines brauns... nunja, ihr wisst schon, das, was man so in den Porzellantrichter semmelt. :\

However. Ich wollte auch mal was zum aktuell vorgestellten Design sagen.
Meiner bescheidenen Meinung nach solltest du zwischen Navigation und Content noch mehr Kontrast und Sperre unterbringen, naja Sperre klingt strange, aber ich hoffe du weisst, was ich meine.
Dass die Navi oben ist, stört nur, wenn sie zu groß ist, so geht es imo noch.
Allerdings bringen die Icons eher ein Kindergartenfeeling auf, würde ich etwas abändern.
Im Großen und Ganzen würde ich dir sowieso empfehlen, bei solchen Sachen ein wenig seriös zu bleiben und von buntem Kitsch die Finger zu lassen.
Ist zwar schön, wenn eine Seite so farbenfroh gestaltet ist, aber spricht doch nicht wirklich die Zielgruppe einer Schulwebsite an. ;)

MfG, Samo.

mitaki

23.01.2007, 20:14

Na, das ist hier doch auch nicht gegeben. Da stort sich auch keiner dran.
Das hier ist auch ein Forum, die meiste Arbeit macht man durch das Schreiben von Beiträgen oder PMs, während eine Webseite durch ihre Navigation ineinander verbunden ist.

Wenn du es genau nimmst wäre das Forum sogar ein Argument für mich, denn das vB hat standardmäßig die benutzerinformationen über den Beiträgen, nicht daneben. Weil das aber wieder „seltsam“ wäre verschieben die meisten Admins die Autoreninformationen nach links.

Bluescreen

27.01.2007, 15:37

...denn das vB hat standardmäßig die benutzerinformationen über den Beiträgen, nicht daneben. Weil das aber wieder „seltsam“ wäre verschieben die meisten Admins die Autoreninformationen nach links.Na gut, aber das ist ja auch etwas anders, die Benutzerinformationen sind halt eher hoch als breit (Wie z.B. das Avatar).

Ihr meint also, ich solle die Navi links anbringen?
Ohne ausklapp-Menüs & Bilder, nur untereinander?

Ich kenn mich mit dem CSS-Boxmodell nicht so aus, könnte mir jemand was basteln?

mitaki

27.01.2007, 18:47

Na gut, aber das ist ja auch etwas anders, die Benutzerinformationen sind halt eher hoch als breit (Wie z.B. das Avatar).
Nicht zwangsläufig. Du bist es so gewohnt. Aber im vB-Modell stehen die Daten eben nebeneinander, was gar nicht so viel vertikalen Platz wegnimmt.

Ihr meint also, ich solle die Navi links anbringen?
Ohne ausklapp-Menüs & Bilder, nur untereinander?
Es wird die breiteste Masse ansprechen. Und sieh es so, es ist die Schulseite, du musst hier ncihts beweisen, außer dass du Informationen gut vermitteln kannst.

Ich kenn mich mit dem CSS-Boxmodell nicht so aus, könnte mir jemand was basteln?
Was verstehst du am Boxmodell nicht? Was soll man dir denn basteln?