Verbesserungsvorschläge für Portalseite

[risetothesky]

Hallo ATler!
Ich habe eine neue Portalseite für meine Schule bzw. unser Schulzentrum entworfen.
Jetzt wollte ich Fragen, ob jemand noch Verbesserungsvorschläge für die Seite hat (Bilder bitte nicht beachten! Sind nur Platzhalter!)

Der Link zu meiner Seite: http://bit.ly/cGg1XG
Die alte, noch aktuelle Seite: http://rgg-hausach.de/

 

[naich]

Finde ich ok so, ist auf jeden Fall deutlich annehmbarer als die alte Version... (Sowohl von der Gestaltung, als auch vom Code.)

 

[wdominik]

Kann ich nur zustimmen, gültiges XHTML, gestalterisch ansprechend. Würde die Bilder noch tauschen und es so lassen. (PS Gut das die alte Seite ersetzt wird ^^)

 

[Thaddäus]

Also das "Kaufmännische Schule" kombiniert mit dem Pinkton finde ich irgendwie unpassend... Ansonsten gefällts mir gut...

 

[risetothesky]

@Thaddäus: Was denn für ein Pink Ton? Ich habe nur hell und dunkelblaue Farben verwendet.

 

[hokage]

Finde ich ok so, ist auf jeden Fall deutlich annehmbarer als die alte Version... (Sowohl von der Gestaltung, als auch vom Code.)

Also semantisch ist der Code aber 100%...

Im Grunde ist das eine Auflistung von 3 Links.
D.h., dass du eine ungeornete Liste verwenden solltest (<ul>)

Das sähe dann so aus:

<ul>
   <li id="ks" class="element"><a ...></a></li>
   <li id="rgg" class="element"><a ...></a></li>
   <li id="ghs" class="element"><a ...></a></li>
</ul>

Zu guter letzt noch ein Hinweis
Das alt Attribut gibt es in HTML nicht umsonst. Beschreibe in diesem in 1 - 2 Worten, das Bild. In deinem Fall wären das wohl die Namen der Schule.
Für alle Blinden (Nutzer eines Vorlese Browsers) und für all diejenigen, die auf Grund einer langsamen Verbindung ohne Bilder serven, ist deine Seite dann immernoch nutzbar.
Du tust somit also einen großen Schritt in Richtung Barrierefreiheit!

grüße

 

[naich]

Im Grunde ist das eine Auflistung von 3 Links.
D.h., dass du eine ungeornete Liste verwenden solltest (<ul>)

Stimmt, das könnte man noch machen. Aber so wie jetzt geht es, denke ich, auch.

Zu guter letzt noch ein Hinweis
Das alt Attribut gibt es in HTML nicht umsonst. Beschreibe in diesem in 1 - 2 Worten, das Bild. In deinem Fall wären das wohl die Namen der Schule....

Wollte ich auch erst schreiben. Aber nachdem ich gesehen habe, das im gleichen Link direkt darunter in Plaintext ja nochmal der Name der Schule steht... (Wenn, dann sollte man nicht direkt denselben Namen nochmal ins alt-Attribut schreiben, finde ich..., eher sowas wie "Bild von...".)

 

[Oxy]

Gefällt mir auch gut , aber wie Thaddeus sagte das der linke Link auf eine Seite führt wo Pink als Hintergrund gewählt wurde und naja von den 3 Links finde ich diese Seite auch am schlechtesten

 

[risetothesky]

hokage: Du hast Recht. Dieser Aufbau ist bei weitem sinnvoller. Habe das ganze mal umgesetzt: http://bit.ly/cGg1XG
Bilder sind leider immer noch nur Platzhalter...

 

[hokage]

Sehr gut!
Um dem ganzen vom semantischen Blickwinkel die Krone aufzusetzten, solltest du jetzt noch das "width" und "height" Attribut in deine Biler schreiben. Die Annahme, dass es dabei um Design geht und man so etwas heut zu Tage über CSS macht, ist dabei schlichtweg falsch.

Bsp.:

Dein Bild ist 150*300 Pixel groß.

<img src="[URL="http://www.apfeltalk.de/forum/view-source:http://dieraubers.de/daniel/portalseite_rgg/img/ks.png"]img/ks.png[/URL]" width="150" height="300" alt="Foto der Kaufmännischen Schulen"/>

Mit diesen Attributen, definierst du übrigens nicht die Größe der Bilder (keine Einheiten). Du gibst dem Browser nur die Informationen, wie viel Platz für die Bilder vorgespeichert werden soll. Somit laden diese schneller.
Im CSS kannst du den Bildern wie gewohnt eine Größe in Px, etc. geben.

Als Allerletztes könnte ich höchstens noch an der Namenvergabe deiner Klasse rummäkeln, wobei das bei dieser Seite keine richtige Rolle spielt (da nicht kompliziert). Allgemein rate ich abe rimmer dazu ausschlagkräftige Namen zu vergeben, denn so ist die Wartung der Website für einen selber, aber auch für andere, erheblich einfacher. An Stelle von "element" könntest du z.B. "schule" nehmen, oder ein anderes Wort, was dir mehr Auskunft, über diesen Listenpunkt gibt.

Gute Arbeit!

grüße hokage

 

[risetothesky]

Erledigt. http://bit.ly/cGg1XG
Gibt es sonst noch Vorschläge zur Verbesserung oder würdet ihr die Seite so online stellen?
Ihr braucht mir übrigens nicht immer Beispiele machen. Ich kenne mich mit XHTML und CSS sehr gut aus.

Gruß,
risetothesky

 

[hokage]

Vom Code her ist jetzt alles semantisch und valide (das war es ja auch vorher schon).
Wenn also das Design und der Inhalt dem entspricht, was du dir vorstellst, dann stelle sie online.
Design ist in weiten Teilen etwas Subjektives und welcher Inhalt erwartet wird, weiß ich nicht

grüße