1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Verbesserungsvorschläge für Portalseite

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von risetothesky, 03.03.10.

  1. risetothesky

    risetothesky Macoun

    Dabei seit:
    19.02.09
    Beiträge:
    119
    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/
     
  2. naich

    naich Pommerscher Krummstiel

    Dabei seit:
    22.11.08
    Beiträge:
    3.059
    Finde ich ok so, ist auf jeden Fall deutlich annehmbarer als die alte Version... (Sowohl von der Gestaltung, als auch vom Code.)
     
  3. wdominik

    wdominik Pomme au Mors

    Dabei seit:
    15.01.10
    Beiträge:
    873
    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 ^^)
     
  4. Thaddäus

    Thaddäus Golden Noble

    Dabei seit:
    27.03.08
    Beiträge:
    15.163
    Also das "Kaufmännische Schule" kombiniert mit dem Pinkton finde ich irgendwie unpassend... Ansonsten gefällts mir gut...
     
  5. risetothesky

    risetothesky Macoun

    Dabei seit:
    19.02.09
    Beiträge:
    119
    @Thaddäus: Was denn für ein Pink Ton? Ich habe nur hell und dunkelblaue Farben verwendet.
     
  6. hokage

    hokage Schweizer Glockenapfel

    Dabei seit:
    01.08.09
    Beiträge:
    1.372
    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:

    Code:
    
    <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
     
  7. naich

    naich Pommerscher Krummstiel

    Dabei seit:
    22.11.08
    Beiträge:
    3.059
    Stimmt, das könnte man noch machen. Aber so wie jetzt geht es, denke ich, auch.
    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...".)
     
  8. Oxy

    Oxy Antonowka

    Dabei seit:
    15.03.07
    Beiträge:
    363
    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
     
  9. risetothesky

    risetothesky Macoun

    Dabei seit:
    19.02.09
    Beiträge:
    119
    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...
     
  10. hokage

    hokage Schweizer Glockenapfel

    Dabei seit:
    01.08.09
    Beiträge:
    1.372
    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ß.

    Code:
    <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
     
  11. risetothesky

    risetothesky Macoun

    Dabei seit:
    19.02.09
    Beiträge:
    119
    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
     
  12. hokage

    hokage Schweizer Glockenapfel

    Dabei seit:
    01.08.09
    Beiträge:
    1.372
    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
     

Diese Seite empfehlen