PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Kritik bitte....


astanoth
2004-02-20, 16:34:20
So ich hab keine Lust mehr an unserer Schulseite weiterzuarbeiten :)
www.hebbelschule-kiel.de (http://www.hebbelschule-kiel.de)
Sieht noch irgendwas total schlimm aus?
Dass da so wenig Farben drin sind, ist so gewollt und wird auch von mir nicht mehr geändert werden :)
aber wenn ihr was nicht toll findet bitte einfach posten...

[dzp]Viper
2004-02-20, 16:46:09
Grunddesign ganz gut :)

oben rechts fehlt irgend wie was... is da so leer

Das bild der schüler oben ist ziemlich pixelig

das newsfeld rechts ist zu klein - also könnte ruhig ein wenig breiter sein

sonst erstmal nix :D

astanoth
2004-02-20, 16:59:05
das mit den news gehört so...gibts ne seite wo das am rand breiter ist? sinn würde das in größer nur im center machen imho
was soll denn oben rechts hin? ich hab mir dadrüber auch schon den kopf zerbrochen X-D
das logo ist standart von der größe her 500x70px@11.03kb und das hat ein kunst-lkler gemacht also etwas wo ich nicht mitreden kann :)

Nase
2004-02-20, 17:33:06
Ich finds total in Ordnung. Für eine Schulseite weit mehr als ausreichend. Gut zu lesen, strukturiert, informativ. Was will man mehr?

[dzp]Viper
2004-02-20, 17:36:21
Original geschrieben von astanoth
das mit den news gehört so...gibts ne seite wo das am rand breiter ist? sinn würde das in größer nur im center machen


Naja ich finde es einwenig extrem schmal - da passt ja gerade mal 1-2 wörter nebeneinander X-D 3 wörter wären besser.

Original geschrieben von astanoth
das logo ist standart von der größe her 500x70px@11.03kb und das hat ein kunst-lkler gemacht also etwas wo ich nicht mitreden kann :)

Dann sag denen, die sollen es besser machen X-D X-D

P.S. sonst ist die site aber wirklich gut. Am ende kommt es eh auf die informationen drauf an :)

astanoth
2004-02-20, 18:06:10
Dann sag denen, die sollen es besser machen

künstler sind eine spezies für sich :D

dav133
2004-02-21, 14:57:18
Page ist trotz 11 Fehlern (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.hebbelschule-kiel.de%2F) ganz OK. Versuche mal das Stylesheet auszulagern aba sonst echt OK

Endorphine
2004-02-21, 16:51:23
# Im Titellogo zusätzlich einen Link zur Frontpage einbinden. Das hat sich im Web etabliert und ist recht praktisch zur Navigation.
# Den Aktualisierungstext der einzelnen Seiten unauffälliger anbringen (z. B. 0.8em und kursiv). Die Gewichtung gleich dem Inhaltstext entspricht nicht der Funktion.
# Stylesheet extern einbinden (spart Ladezeit und Traffickosten, Style lässt sich zentral unabhängig von den Seiten pflegen)
# Links (bzw. Anker) generell immer unterstrichen darstellen (Stylesheet Pseudoformate). Das ist ein WWW-Quasistandard, den man nicht unterlaufen sollte, der Usability wegen.
# Entweder jedes Sonderzeichen als named entity schreiben oder die Codepage über den HTML-Server und über das metatag angeben. Beides gleichzeitig macht keinen Sinn. Wenn die Codepage bereits definiert ist sind named entities von deutschen Umlauten nur unnötiger bloat.
# HTML-Tags generell klein schreiben (XHTML-Konformität, Arbeitserleichterung etc.) -> z. B. bei <IMG SRC="images/style_foot.gif" WIDTH="30" HEIGHT="30" BORDER=0 ALT=""><br>
# Auf der Frontpage ein grosses nett anzusehendes Bild der Schule anbringen, allgemein könnten mehr Bilder (Thumbnails) die Seiten etwas auflockern. Ein Gleichgewicht zwischen Bildern und Text sollte imho gefunden werden... Allgemein solltest du dich vielleicht mit einem künstlerisch bzw. gestalterisch begabten Mitschüler zusammentun, der auch etwas von www-Authoring versteht und die Seite (mit CSS) etwas fröhlicher gestaltet. So ist es etwas sehr nüchtern und trocken.
# Die noch verbleibenden HTML-Fehler ausbügeln (Validator). Sinnvollerweise dazu auf Strict umstellen und die Fehler Schritt für Schritt beseitigen. Wenn dann für einzelne Teile partout keine strict-konforme Lösung gefunden werden kann hinterher wieder auf transitional umschalten und es dabei belassen.
# Mittelfristig die Formatierung auf <div></div> bzw. <span></span> usw. und CSS umstellen. Tabellen zum Layout sind unübersichtlich, schwer zu pflegen, bauen sich nur zögerlich auf und bringen nur Overhead. CSS ist angesagt.

Sonst wirklich gelungen. :)

Edit: Die Seite skaliert wunderbar mit der Auflösung, auch die Druckfunktion kann einen begeistern. Klasse! :up:

astanoth
2004-02-21, 22:52:33
THX @ Endorphine!
Das nenne ich mal eine gute Kritik :)
Ich werde wohl noch 1 1/2 Jahre an der Schule hocken bis zum ABI, also noch genügend Zeit das umzusetzen... :)
Wegen der Photos bzw. Thumpnails: das Ziel war es, dass man keine 2 Sekunden warten muss, bis die Seie geladen ist...
Zum Thema CSS ->
http://www.csszengarden.com/
...da hab ich große Augen bekommen und wenn ich groß bin schaff ich das bestimmt auch :D

# Stylesheet extern einbinden (spart Ladezeit und Traffickosten, Style lässt sich zentral unabhängig von den Seiten pflegen)

Wie meinen?? Das stylesheet liegt extern und wird über den Header eingebunden und liegt damit doch im cache (wird nur einmal geladen, verursacht nur einmal Traffic und lässt sich "unabhängig pflegen") Lieg ich mit der Annahme falsch?

Die "Trockenheit" mag ich gerne, aber ich werde mal ein bißchen mit Farben spielen :)

Endorphine
2004-02-21, 23:28:12
Original geschrieben von astanoth
das Ziel war es, dass man keine 2 Sekunden warten muss, bis die Seie geladen ist... Wenn das dein erklärtes Ziel ist solltest du dich von einer Tabellenformatierung trennen und es mit div/span etc. sowie CSS versuchen. :) Das geht mit Klassen und IDs ganz gut, wie du am Beispiel CSS Zen Garden, Mozilla.org, Opera.com o. ä. sehen kannst. Tabellenformatierung für's Seitenlayout braucht Unmassen von Rechenzeit auf dem Browser, deshalb bauen sich deine Seiten selbst auf GHz-Rechnern so langsam auf.Original geschrieben von astanoth
Wie meinen?? Das stylesheet liegt extern und wird über den Header eingebunden und liegt damit doch im cache (wird nur einmal geladen, verursacht nur einmal Traffic und lässt sich "unabhängig pflegen") Lieg ich mit der Annahme falsch? Momentan liegt das Stylesheet vollständig im Header und wird damit in jeder Seite neu geladen. Extern würdest du ein Stylesheet wie folgt im Header einbinden: <link rel="stylesheet" type="text/css" media="screen, projection" href="blubb.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" /> In die blubb.css kopierst du einfach das Stylesheet wie es jetzt auf jeder Seite im Header steht. Damit kannst du das Stylesheet an zentraler Stelle pflegen und du sparst einiges an Traffic sowie Seitenaufbauzeit, da das Stylesheet nach dem ersten Aufruf im Cache liegt. In der print.css dann das Stylesheet welches du schon für die Druckansicht verwendest. Auf den separaten Seiten für die Druckansicht den Code natürlich entsprechend anpassen. :)

astanoth
2004-02-21, 23:45:30
thx werde mich morgen mal dransetzten :)

mictasm
2004-02-22, 01:31:25
Mir fallen spontan für das Logo oben Photoshop Renderwolken in der gleichen Farbe ein.

Nur mal als Beispiel: Vorschlag (http://www.mirror4.de/misc/hebbelkiel.jpg)

Ich hab das nur mal eben erstellt, ohne mir groß Mühe beim Freistellen zu geben. Soll nur ein Denkanstoß sein.

Auf die unterstrichenen Links kann ich bei dieser eindeutigen farblichen Kennzeichnung verzichten. Aber kann das ein Farbenblinder auch?

Der Link auf dem Logo muss nicht sein, da oben links der erste Link ein Ersatz dafür ist.

Ansonsten sind die Anmerkungen von Endorphine wirklich klasse. Gerade bei der Benutzung von CSS ist eine ausgelagerte Datei einfach unglaublich komfortabel.

Warum sind manche Links in [eckigen Klammern]?

Den Disclaimer würde ich weglassen. Das ist Schrott und bringt überhaupt nichts. Eher das Gegenteil. Der Disclaimer beweist, dass du ein Unrechtsbewusstsein hast und wenn nun z.B. ein "schlechter" Link gefunden wird, kann dir unterstellt werden, dass du vorsätzlich gehandelt hast.
Lieber ein Satz, dass alle Links bestmöglich geprüft wurden. Auf einer Schulseite wird es ja keine Links zu "Was-auch-immer" geben.

Den Text für die letzte Änderung würde ich auch kleiner machen. 0.8em oder vielleicht noch kleiner. Müsste man sehen.

Ansonsten finde ich die Seite klasse. In sich absolut stimmig und wirklich schick. Der Quelltext ist im großen und ganzen ein Traum ;)

Gruß,

MIC

p.s.: Und schön, mal was aus Kiel hier zu finden.