[Editor][Sliced] Layout für Schulwebseite

[3UGENE]

Ihr kennt es viellecht schon von http://www.html.de/showcase/16672-illustrator-layout-fuer-schulwebsite.html , hier ist sie jetzt!

Demonstration: Elisabethschule Marburg/Lahn

Ich warte auf Kritik zum Layout!

 

[Maxi]

Wozu die Wettervorhersage auf der Schulseite?!?

 

[3UGENE]

Wozu die Wettervorhersage auf der Schulseite?!?

Wollte der Schulleiter so.

 

[EDonky]

Finde ich ganz ok.Die Wettervorhersage finde ich eigentlich auch gut.
Bassiert auf Joomla (oder?).

Was mir nicht so gefällt ist das,das Design wide ist könnte man das nicht kleinder machen.Also mehr mittich.

Sonst finde ich das Blau ganz gut passt zu einer Schulwebsite.Das Logo ist noch ein bisschen Mager.

8/10 Punkten

 

[Maxi]

Das Schullogo wird er kaum verändern dürfen...

 

[3UGENE]

Was mir nicht so gefällt ist das,das Design wide ist könnte man das nicht kleinder machen.Also mehr mittich.

Was stört bitte daran?
Wenn du es kleiner machen willst, dann mach doch dein Browserfenster kleiner. -_-

Mittig? Dadurch wird der Content eingeengt, aber hey, wenn du willst....

Mittige Version

 

[EDonky]

Was stört bitte daran?
Wenn du es kleiner machen willst, dann mach doch dein Browserfenster kleiner. -_-

Danke für diese Antwort aber das meinte ich nicht.
Ich meine das Layout könnte man etwas zentrieren (sowie auf meinem Blog)

Sorry wegen meiner Aussprache

 

[Html-Profi]

Danke für diese D**** Antwort aber das meinte ich nicht.
Ich meine das Layout könnte man etwas zentrieren (sowie auf meinem Blog)

also so wie dein blog NEIN! ich würde es so lassen;-) (nix gegen dein blog)ich finds relativ in ordnung

 

[EDonky]

also so wie dein blog NEIN! ich würde es so lassen;-) (nix gegen dein blog)ich finds relativ in ordnung

Is schon inordnung nur ich finde Design die so sind halt schöner (jedemm seine Sache)

 

[haddi]

unter ubuntu sieht das wetter nicht gut aus:


ansonsten kann sich das design sehen lassen!

 

[3UGENE]

hmm... ich glaube das hat eher was mit der definierten Schriftgröße des Benutzers zu tun...

 

[sysop]

gebe ich dir recht, iceweasel machts problemlos.

xhtml valide bist du nicht, aber das kommt wohl noch.

x blautöne (verlauf, rahmen, hintergrund suche, links, naviagtion hintergrund), naja, ist geschmackssache, ich würde das auf 3 oder sogar 2 reduzieren. eventuell die links überhaupt in einer anderen farbe als blau....

der blaue rahmen zerhackt dir die idee mit der geknickten papier seite.

sehe ich das richtig, dass das hintzergrundbild der suche nicht bündig mit der naviagtion ist ?
überhaupt würde ich die naviagtion etwas breiter machen, so dass dein suchfeld komplett in den bereich passt.

ansonsten finde ich es zwar ok, aber etwas fad für eine schulseite oder täusche ich mich da. mich erinnert das design mehr an eine bilanz-seite eines konzerns. zu konservativ, zu wenig fetzig.
aber vielleicht hast du da ja auch vorgaben.

übrigens mein kompliment zum mut, mit tabellen zu arbeiten :mrgreen: einige css'ler werden dich dafür hier in stücke reissen. auch wenn es vollkommen ok ist.

 

[neuroleptika]

Grafisch finde ich das gut.
Das Wetter wird ja sicher nach den ersten Menüpunken runter rutschen und stört dann nicht mehr so.

Aber:
Der Rahmen vom Inhalt wächst nicht mit.

http://css-spalten.red-rod.net/screenshots/schulwebsite.png

 

[3UGENE]

Grafisch finde ich das gut.
Das Wetter wird ja sicher nach den ersten Menüpunken runter rutschen und stört dann nicht mehr so.

Aber:
Der Rahmen vom Inhalt wächst nicht mit.

http://css-spalten.red-rod.net/screenshots/schulwebsite.png

ich habe wegen einem Bug (Navi wächst über Inhalt raus), ein kleines Javascript gemacht, dass dem Content die Breite der Navi zuweist, wenn die Navi größer ist als der Content.

Leider ist diese Breite fest und deshalb kann es bei Fenstergrößenänderugen zu Darstellungsfehlern kommen.
Beim Reload der Seite passt sich aber wieder normal an.

P.S.: Falls jemand Verbesserungsvorschläge hat:
Hier das Javascript:

window.onload = function () {
	var sidebarheight = document.getElementById("sidebar").offsetHeight - 40;
	if (document.getElementById("content").offsetHeight < sidebarheight) {
		document.getElementById("content").style.height = sidebarheight + "px";
	}
}

übrigens mein kompliment zum mut, mit tabellen zu arbeiten einige css'ler werden dich dafür hier in stücke reissen. auch wenn es vollkommen ok ist.

Habe schon mit dem Gedanken gespielt^^ Für den Grundrahmen wäre das ne gute Idee...

sehe ich das richtig, dass das hintzergrundbild der suche nicht bündig mit der naviagtion ist ?

der rahmen soll sozusagen durch die sidebar durchgehen^^

 

[w7]

Kommt gut raus, schöne Arbeit ;)

 

[ky_fr34k]

hi also grafisch volle Punktzahl.
ich würde die breite des ganzen aber auf vll 1000px beschränken und schön zentrieren!
bei ner Auflösung von 1680x1500 macht des lesen net so viel Spaß ;)
Gruß KY

 

[3UGENE]

So, hab so einiges wegen einiger Bugs (Firefox und IE 6) auf Tabellen umgestellt.
Und es valide gemacht. (Es erscheint eine Meldung, dass das href-Attribut leer sei, was nur dadurch entstanden ist, als ich die Seite mit Opera gespeichert habe)

Eine Vorschau gibt's hier: Elisabethschule Marburg/Lahn

 

[Körnerbrötchen]

hi also grafisch volle Punktzahl.
ich würde die breite des ganzen aber auf vll 1000px beschränken und schön zentrieren!
bei ner Auflösung von 1680x1500 macht des lesen net so viel Spaß ;)
Gruß KY

genau das wollte ich auch sagen. Ich würde aber ebenfalls min-width definieren, da das Layout bei zu kleiner Breite in Stücke gerissen wird.
Die Zeichenkodierung stimmt nicht

für alle Schüler

im Anhang hab ich mal ein Bild gepackt. Ich habe ein paar Dinge markiert die mir so aufgefallen sind, was rein bildtechnisch nicht passt.

(Ubuntu 7.10, Firefox)

 

[3UGENE]

Die Zeichenkodierung stimmt nicht

Das passiert leider, wenn ich die Seite mit Firefox oder Opera speichere (Strg + S)

im Anhang hab ich mal ein Bild gepackt. Ich habe ein paar Dinge markiert die mir so aufgefallen sind, was rein bildtechnisch nicht passt.

Werde ich morgen machen^^ Aber was meinst du mit diesem Kreis bei der Suche?

Ich würde aber ebenfalls min-width definieren, da das Layout bei zu kleiner Breite in Stücke gerissen wird.

Done.