Thomas L.: Bitte um Seitenbewertung nach Redesign

Hallo zusammen,

vor über einem Jahr habe ich hier die von mir erstellte Website der Freiwilligen Feuerwehr Altenbach bewerten lassen.
siehe: http://forum.de.selfhtml.org/archiv/2004/5/t81313/.
Leider ist diese von Euch so ziemlich verrissen worden. Nun ist einige Zeit vergangen, in der ich das Design überdacht und auch mehr auf Validierung geachtet habe. So habe ich die Vorschaltseite und einige wirklich (im Nachhinein) unsinnige Kleinigkeiten entfernt.

Aber seht und urteilt selbst. Was haltet Ihr von dem jetzigen Design? Was ist noch verbesserungswürdig (An den Farben habe ich allerdings - obwohl auch hier viel Kritik kam - aber momentan fehlt etwas die Zeit... und über Geschmack kann man sich ja bekanntlich streiten)?

Und was sagt Ihr zu dem Quelltext. Der Validator meckert jedenfalls (nach Stichproben nícht mehr).

Und hier nun die beiden Sites:

Freiwillige Feuerwehr Altenbach: http://ff-altenbach.de
Altenbacher Frühlingsfest: http://fest.ff-altenbach.de

Vielen Dank schon mal für die zahlreichen Meinungen und konstruktiven Kritiken.

Viele Grüße

Thomas L.

  1. Hallo,

    dieses Altrosa würde ich ja nicht für Feuerwehr nehmen. Das paßt besser zu den Tischdecken in Oma-Cafés

    Gruß, Andreas

    --
    SELFFORUM - hier werden Sie geholfen,
    auch in Fragen zu richtiges Deutsch
  2. Tag Thomas.

    Was haltet Ihr von dem jetzigen Design?

    Im Gegensatz zu Andreas finde ich das Rot gar nicht soo furchtbar, wenngleich es ein bisschen kräftiger sein dürfte, aber bitte nicht so knallig wie im Forum - *das* Rot tut weh. Und das Gästebuch ist furchtbar, ein Popup und ein Werbe-DIV, Google-Anzeigen ... ja, wo sind denn da die Einträge? Der St. Florian ist gut gemacht, das mit der Transparenz gefällt mir. Allerdings will er nicht so recht zum ziemlich technisch anmutenden Restdesign passen. Das Gleiche gilt für das Logo auf der Startseite, die mir übrigens keine Informationen vermittelt, die man nicht auch auf anderen Seiten hätte unterbringen können. Die Navigation gefällt mir persönlich aus zwei Gründen nicht: diese Doppelpunkte vor und nach den Menüpunkten wirken störend und ich erkenne anhand der Navigation nicht, wo ich mich gerade befinde.

    Aber ansonsten gefällt mir das Ergebnis ganz gut :-)

    Siechfred

    1. hi,

      Die Navigation gefällt mir persönlich aus zwei Gründen nicht: diese Doppelpunkte vor und nach den Menüpunkten wirken störend und ich erkenne anhand der Navigation nicht, wo ich mich gerade befinde.

      Darüber hinaus verwirrt es, dass sie in zwei Teile - links vertikal, und oben noch ein paar Punkte horizontal - gesplittet ist.

      gruß,
      wahsaga

      --
      /voodoo.css:
      #GeorgeWBush { position:absolute; bottom:-6ft; }
    2. Hallo Siechfried,

      Im Gegensatz zu Andreas finde ich das Rot gar nicht soo furchtbar, wenngleich es ein bisschen kräftiger sein dürfte, aber bitte nicht so knallig wie im Forum - *das* Rot tut weh.

      wie bereits gesagt sind ja Farben wohl Geschmackssache, aber sicher wird es hier noch Veränderungen geben. Allerdings ist dies auch ein zeitliches Problem :-(

      Und das Gästebuch ist furchtbar, ein Popup und ein Werbe-DIV, Google-Anzeigen ...

      Leider ist dies kein eigenes GB. Ich dachte, das Werbe-Popup ist zu verschmerzen, schließlich gibt es Popup-Blocker. Doch seit neuem gibt es nun ein automatisch generierten Werbe-Eintrag. Wird wohl nun Zeit, ein eigenes GB aufzubeauen...

      Der St. Florian ist gut gemacht, das mit der Transparenz gefällt mir. Allerdings will er nicht so recht zum ziemlich technisch anmutenden Restdesign passen.

      Das verstehe ich jetzt nicht. Was meinst du hier damit?

      Das Gleiche gilt für das Logo auf der Startseite, die mir übrigens keine Informationen vermittelt, die man nicht auch auf anderen Seiten hätte unterbringen können.

      Kannst du hier einen Hinweis geben, was würdest du hier verbessern?

      ... und ich erkenne anhand der Navigation nicht, wo ich mich gerade befinde.

      OK, das lässt sich sicher auf jeden Fall noch ändern.

      Aber alles in allem - vielen Dank für deine Meinung und Kritik. Das eine oder andere wird auf jeden Fall in die nächsten Änderungen einfließen.

      Gruß
      Thomas L.

      1. Tag Thomas.

        wie bereits gesagt sind ja Farben wohl Geschmackssache, aber sicher wird es hier noch Veränderungen geben. Allerdings ist dies auch ein zeitliches Problem :-(

        Also das Hintergrundrot des Forums umzustellen, sollte doch eigentlich kein Problem sein.

        Der St. Florian ist gut gemacht, das mit der Transparenz gefällt mir. Allerdings will er nicht so recht zum ziemlich technisch anmutenden Restdesign passen.
        Das verstehe ich jetzt nicht. Was meinst du hier damit?

        Deine Seite wirkt auf mich von der Optik sehr technisch (klare Linienführung, Verzicht auf Schnörkeleien jeder Art), da will diese comicähnliche Grafik nicht so recht hineinpassen. Vielleicht hilft es ja schon, die Farbgebung der Seite ein wenig an den Florian anzupassen.

        Das Gleiche gilt für das Logo auf der Startseite, die mir übrigens keine Informationen vermittelt, die man nicht auch auf anderen Seiten hätte unterbringen können.
        Kannst du hier einen Hinweis geben, was würdest du hier verbessern?

        Der Florian nimmt bei mir fast den kompletten Anzeigebereich ein, zu den übrigen Infos muss ich scrollen und bin dann enttäuscht, weil es dort nichts wirklich wichtiges zu lesen gibt. Ja, ich weiß, dass Startseiten schwierig zu gestalten sind, aber wie wäre es bspw., den Florian aus dem Inhalt herauszunehmen und ihn statt dessen im Header unterzubringen (so, wie ich es mal vor einiger Zeit auf dieser Seite gemacht habe)?

        Siechfred

  3. Hallo Freunde des gehobenen Forumsgenusses,

    Freiwillige Feuerwehr Altenbach: http://ff-altenbach.de
    Altenbacher Frühlingsfest: http://fest.ff-altenbach.de

    Egal was die anderen sagen, ich finde diese Seiten _sehr_ schön.

    Es gibt da allerdings zwei Dinge, die die Schönheit trüben:

    1. Die Bilder oben mit den Streifen sehen wegen selbigen furchtbar aus.

    2.
    Die Navigation wird wenig hilfreich, wenn man die Schrift vergrößert:
    Screenshot
    Und noch weniger hilfreich, wenn man die Schrift noch mehr vergrößert:
    Screenshot2
    (Das Bild in der Mitte habe ich absichtlich entfernt).

    Gruß
    Alexander Brock

    --
    Ceterum censeo Carthaginem esse delendam
    1. Hallo Alexander,

      Freiwillige Feuerwehr Altenbach: http://ff-altenbach.de
      Altenbacher Frühlingsfest: http://fest.ff-altenbach.de

      Egal was die anderen sagen, ich finde diese Seiten _sehr_ schön.

      1. Die Bilder oben mit den Streifen sehen wegen selbigen furchtbar aus.

      Genau dies war aber so gewollt - die Streifen, nicht das es furchtbar aussieht - ist hier aber sicher Geschmackssache, oder?

      1. Die Navigation wird wenig hilfreich, wenn man die Schrift vergrößert:

      Oh, das habe ich gar nicht beachtet. Wie lässt sich dies denn vermeiden? Kannst du mir vielleicht einen Tipp (hilfreiche Website oder so...) geben.

      Gruß
      Thomas L.

      1. Hi!

        1. Die Navigation wird wenig hilfreich, wenn man die Schrift vergrößert:

        Oh, das habe ich gar nicht beachtet. Wie lässt sich dies denn vermeiden? Kannst du mir vielleicht einen Tipp (hilfreiche Website oder so...) geben.

        http://www.1ngo.de/web/em.html dürfte dir weiterhelfen.

        Gruß aus Iserlohn

        Martin

        1. Hallo Martin,

          http://www.1ngo.de/web/em.html dürfte dir weiterhelfen.

          Vielen Dank für deinen schnellen Hinweis.
          Ich werde mir das mal anschauen.

          Gruß Thomas L.

  4. Hi!

    Aber seht und urteilt selbst. Was haltet Ihr von dem jetzigen Design?

    Sie sieht wirklich gut aus.

    Und was sagt Ihr zu dem Quelltext. Der Validator meckert jedenfalls (nach Stichproben nícht mehr).

    er mag valide sein, semantisch ist was anderes ;-)

    Pack die Navigation mal in eine unsortierte Liste, und zeichne Überschriften auch als solche aus. Du verwendest zudem unnötig viele div-Elemente.

    Aus
    <p class="fett">Willkommen auf den Seiten der Freiwilligen Feuerwehr Altenbach!</p>
    wird
    <h2>Willkommen auf den Seiten der Freiwilligen Feuerwehr Altenbach!</h2>

    aus

    <div class="aktuell">  
    <table cellspacing="0" cellpadding="0" border="0">  
    <tr>  
     <th class="date">11.07.2005<a id="20050711" name="20050711">&nbsp;</a></th>  
     <th>Wieder Einsatz im Altenbacher Hasenweg!</th>  
    </tr>  
    <tr>  
     <td colspan="2">In der Nacht zum Montag, den 11. Juli, gab die Leitstelle um 0.07&nbsp;Uhr Feueralarm. Ein Bungalow stand im Hasenweg Nr.&nbsp;7 in Flammen. Vorsorglich wurden Kr&auml;fte der Bennewitzer Feuerwehr nachgefordert und eine lange Wegstrecke aufgebaut. 4 Atemschutzger&auml;tetr&auml;ger waren wegen starker Rauchentwicklung im Einsatz. Nach 2 Stunden war der Einsatz beendet.Ausgel&ouml;st wurde brand durch einen Fehler in der modernen Elektroanlage. Erst im Januar wurde im Hasenweg ein <a href="#20050115">Bungalow</a> ein Opfer der Flammen.</td>  
    </tr>  
    </table>  
    </div>
    

    wird

    <h2 id="20050711">11.07.2005<br>Wieder Einsatz im Altenbacher Hasenweg!</h2>  
    <p>In der Nacht zum Montag, den 11. Juli, gab die Leitstelle um 0.07&nbsp;Uhr Feueralarm. Ein Bungalow stand im Hasenweg Nr.&nbsp;7 in Flammen. Vorsorglich wurden Kr&auml;fte der Bennewitzer Feuerwehr nachgefordert und eine lange Wegstrecke aufgebaut. 4 Atemschutzger&auml;tetr&auml;ger waren wegen starker Rauchentwicklung im Einsatz. Nach 2 Stunden war der Einsatz beendet.Ausgel&ouml;st wurde brand durch einen Fehler in der modernen Elektroanlage. Erst im Januar wurde im Hasenweg ein <a href="#20050115">Bungalow</a> ein Opfer der Flammen.</p>
    

    Verzichte weiterhin wo nur irgend möglich auf inline-Style-Angaben. Definiere _zur_Not_ Klassen, aber über die entsprechenden Selektoren müsstest du mit wenigen Klassen auskommen.

    Gruß aus Iserlohn

    Martin

    1. Hallo,

      Sie sieht wirklich gut aus.

      Und was sagt Ihr zu dem Quelltext. Der Validator meckert jedenfalls (nach Stichproben nícht mehr).

      er mag valide sein, semantisch ist was anderes ;-)

      Vielen Dank für deine Meinung...
      An der Semantik muss ich wohl noch arbeiten. Deine Hinweise sind auf jeden Fall schon mal hilfreich.

      Verzichte weiterhin wo nur irgend möglich auf inline-Style-Angaben. Definiere _zur_Not_ Klassen, aber über die entsprechenden Selektoren müsstest du mit wenigen Klassen auskommen.

      Was ist denn aber gegen inline-Style-Angaben einzuwenden?

      Gruß

      Thomas L.

      1. Hi!

        Was ist denn aber gegen inline-Style-Angaben einzuwenden?

        Das wirst du merken, wenn du dein Design irgendwann mal änderst und dann trotz CSS jede einzelne HTML-Datei ändern must.

        Gruß aus Iserlohn

        Martin

  5. Hallo.

    vor über einem Jahr habe ich hier die von mir erstellte Website der Freiwilligen Feuerwehr Altenbach bewerten lassen.
    siehe: http://forum.de.selfhtml.org/archiv/2004/5/t81313/.

    Ja... Ich erinnere mich...

    Freiwillige Feuerwehr Altenbach: http://ff-altenbach.de

    • Die Gimmicks die 2004 noch drin waren sind raus ;)
    • Einbindung der Bilder. Diese sind schön an den Hintergrund angepasst.
    • schöne Sitemap
    • Der dashed-Rahmen vom Haupt-Bereich schneidet sich mit der Navigation links und den links oben
    • Neues (geigenes) Gästebuch wäre wirklich gut. Verweise der Navigation fehlen
        und optisch gefällt es mir auch nicht richtig...
    • In meinem Opera 8.01 klebt bei den oberen Links der Überstrich an den Buchstaben. Ein "padding-top:1px;" müsste das beheben.

    Altenbacher Frühlingsfest: http://fest.ff-altenbach.de

    • Die Farbe gefällt mir. Finde ich schöner als das rot
    • Links die Navigation ist mir etwas zu frei
    • Der Überstrich bei den Verweisen in der linken Navigation klebt auch hier an dem Text.
    • Es verwirrt mich irgendwie, dass ich im selben Forum bin, es aber dafür 2 Layouts gibt.

    Insgesamt gefallen mir die beiden Seiten ganz gut und ich denke mal die Feuerwehr von Altenbach kann durchaus auf die Website stolz sein :)

    H2O

    --
    <!--[if IE]> Download Opera <![endif]-->
    Selfcode: [ie:% fl:( br:< va:) ls:[ fo:| rl:( n4:( ss:) de:> js:| ch:? sh:( mo:| zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%25%20fl%3A(%20br%3A%3C%20va%3A)%20ls%3A%5B%20fo%3A%7C%20rl%3A(%20n4%3A(%20ss%3A)%20de%3A%3E%20js%3A%7C%20ch%3A%3F%20sh%3A(%20mo%3A%7C%20zu%3A%7D)