KaFro: Unsere Schulhomepage soll schöner werden

Hallo allerseits!

Ich habe die Betreuung unserer Schulhomepage übernommen und bin auf der Suche nach Anregungen zur Verbesserung der Seiten. Konstruktive Kritik ist also jederzeit willkommen.

Hier die Adresse: http://www.realschule-blomberg.de/

Danke für eure Vorschläge,

Kai

  1. Hi,

    -Starseite würd ich etwas einheitlicher gestalten; weniger kantig
    -die "Bildunterschriften" stehen wirr herum und sind nicht zuzuordnen
    -wofür das 2. Menü unten?
    -Bilder als links funktionieren nicht
    -ich würd die Titel länger gestalten - es sollte erkennbar sein, zu welchem Projekt Startseite usw. denn überhaupt gehören.
    -Auf den weiteren Seiten hab ich teilweise Kombinationen von schwarz/orange und blau/weiß gesehen - furchtbar!
    -Auch sind deine Schriftformatierungen noch nicht fertig, da sind dir einige Fehler unterlaufen (da hast Du dann ein </color> ein paar  Zeichen zu früh im Quelltext stehen o.ä.)
    -grade die linkliste unter "Aktuelles" ist sehr unübersichtlich.
    -den häufigen Einsatz von kursiver Schrift find ich unpassend (grade das oft eingeworfene "www.realschule-blomberg.de").

    Das Layout gefällt mir aber, wirkt sehr locker... wobei die vielen bilder wiederum Modembenutzer stören könnten. Du musst halt noch dran arbeiten, wie Du da den Text unterbringst.

    Gruß, Oli

  2. Hallo Kai,

    Ich habe die Betreuung unserer Schulhomepage übernommen und bin auf der Suche nach Anregungen zur Verbesserung der Seiten. Konstruktive Kritik ist also jederzeit willkommen.

    Hier die Adresse: http://www.realschule-blomberg.de/

    Also erstens: die Seite ist schöner als die Seite meine ehemaligen
    Schule(http://www.ohr-lr.og.schule-bw.de/).

    Zu eurer Seite:
    Ich würde die Seite neu schreiben, denke ich. Sie wirkt auf _mich_ sehr
    unübersichtlich bis lieblos "zusammengepappt"(gibts das Wort? ;))
    Teilweise fehlt das "Corporate Design", was IMHO auch bei einer
    Schulhomepage vorhanden sein sollte.

    Die Bilder-Navigation auf der Startseite sagt mir, dass es eine IE-only
    Seite ist, denn weder im Opera (6.05 Win) noch im Mozilla (1.1 Win)
    funktioniert sie.
    Der Hintergrund kachelt sich ab ca. 760px Fensterbreite, das sieht
    ziemlich unschön aus.

    In wie weit bist du mit HTML und CSS vertraut? Ich würde auf jeden Fall
    von Hand schreiben und keinen WYSIWYG-Editor benutzen. Falls du die
    Seite neu schreibst würde ich auf ein reines CSS-Layout setzen.
    Das soll nicht heißen, dass es langweilig sein soll oder nicht
    grafisch sein darf.

    Natürlich ist das ein ziemlicher Aufwand, der sich IMHO aber durchaus
    lohnen würde. Hast du die Pflege der Seite alleine übernommen oder
    habt ihr eine Arbeitsgemeinschaft o.ä. die das macht? Alleine dürfte
    das vielleicht bissl viel werden, könntest dich auf eurer Schule
    umhören ob sich noch ein paar mit HTML & Co beschäftigen.

    Gruß
    Paul

    1. Hallo Paul,

      deine Meinung entspricht so ziemlich dem, was ich mir auch überlegt hatte:

      • eine globale css - Datei mit allen wichtigen Stilangaben
          (Hintergrundbild, Schriftgröße,...)

      Dadurch kann später schnell das komplette Design bei Bedarf geändert werden.

      • Navigation mit Hilfe von Frames, um den Navigationsbereich ebenfalls bei Bedarf schnell
          ändern zu können.

      • Streng an die Vorgaben von W3C halten um Browserprobleme zu vermeiden.

      • Jede Seite mit dem Validator * http://validator.w3.org/ testen, um Fehler in der
          Programmierung zu finden.
          (In der jetzigen Homepage wimmelt es übrigens von Fehlern!)

      • Javascript nur dann, wenn er in jedem Browser funktioniert. Die Seite muss auch
          ohne Javascript benutzt werden können!

      Habe ich noch irgend etwas vergessen?

      Kai

      1. Hallo Kai,

        • eine globale css - Datei mit allen wichtigen Stilangaben
            (Hintergrundbild, Schriftgröße,...)

        Genau. Jedoch würde ich nicht nur die Schrift/Farben mit CSS machen, sondern das gesamte Layout. Folgendes dürfte dich interessieren: http://www.fractatulum.de/fraccss/

        Dadurch kann später schnell das komplette Design bei Bedarf geändert werden.

        Mit CSS geht das ganz gut.

        • Navigation mit Hilfe von Frames, um den Navigationsbereich ebenfalls bei Bedarf schnell
            ändern zu können.

        Empfehle ich nicht. Frames sind ziemlich verpönt und machen nur Probleme, speziell bei Bookmarks und Suchmaschinen. Nimm' lieber SSI (siehe Apache-Doku) oder einen Editor, der Offline alles zusammensetzen kann, wie z.B. Phase 5 (http://www.filmfacts.de/phase5/index.php)

        • Streng an die Vorgaben von W3C halten um Browserprobleme zu vermeiden.

        Löblich.

        Kleine Korrektur (klingt jetzt warscheinlich besserwisserisch): HTML "programmiert" man nicht, sondern man schreibt es. Mit JavaScript oder PHP kann man Programmieren.

        • Javascript nur dann, wenn er in jedem Browser funktioniert. Die Seite muss auch
            ohne Javascript benutzt werden können!

        Sehr löblich.

        Habe ich noch irgend etwas vergessen?

        Du bist auf jeden Fall auf dem besten Weg dahin (mit Deinen Ideen in diesem Posting), auch Barrierefreiheit (d.h. Behindertengerechte Seiten) realisieren zu können. Übrigens: Nach irgendeiner Verordnung müssen bis 200x (ich glaube 2005, bin mir aber nicht mehr sicher) alle öffentlichen (d.h. staatlichen) Seiten (Deine Schule ist doch öffentlich, oder?) die Stufe 1 der WAI-Kriterien erfüllen: http://www.w3.org/WAI/. Aber das kannst Du etwas zurückstellen, mach' erst mal ein richtiges CSS-Layout, dann ist das mit der Barrierefreiheit nicht mehr so schwierig. (aber einige Dinge musst Du dennoch beachten)

        Grüße,

        Christian

        1. Hallo Kai, Hallo Christian,

          Genau. Jedoch würde ich nicht nur die Schrift/Farben mit CSS machen, sondern das gesamte Layout. Folgendes dürfte dich interessieren: http://www.fractatulum.de/fraccss/

          Hier noch zwei weitere Links zum Thema CSS, allerdings auf Englisch:
          http://www.meyerweb.com
          http://www.thenoodleincident.com/tutorials/box_lesson/index.html

          • Navigation mit Hilfe von Frames, um den Navigationsbereich ebenfalls bei Bedarf schnell
              ändern zu können.

          Empfehle ich nicht. Frames sind ziemlich verpönt und machen nur Probleme, speziell bei Bookmarks und Suchmaschinen. Nimm' lieber SSI [...]

          Eine weitere Möglichkeit, falls SSI nicht zur Verfügung steht, ist PHP.
          Damit lassen sich auch Seiten einbinden.

          Habe ich noch irgend etwas vergessen?

          Du bist auf jeden Fall auf dem besten Weg dahin (mit Deinen Ideen in diesem Posting), auch Barrierefreiheit (d.h. Behindertengerechte Seiten) realisieren zu können. [...] Aber das kannst Du etwas zurückstellen, mach' erst mal ein richtiges CSS-Layout, dann ist das mit der Barrierefreiheit nicht mehr so schwierig. (aber einige Dinge musst Du dennoch beachten)

          Kann mich Christian nur anschließen, du bist ohne Zweifel auf dem
          richtigen Weg. Dass die nächste Version übersichtlicher sein sollte,
          brauche ich dir, denke ich nicht zu sagen. Glaube aber, dass du das
          hinbekommst. :)

          Auf jeden Fall solltest du dir noch Verstärkung holen, alleine ist das
          wohl sehr zeitaufwendig, und wir wollen doch nicht, dass die Schule
          darunter leidet... ;)

          Gruß
          Paul

          1. Hallo Christian, hallo Paul,

            soweit ich weiß, sind bei unserer Homepage weder SSI noch PHP möglich. Wir haben das Power Web Paket von Strato. Daher habe ich auch die Frames als einzige sinnvolle Lösung angesehen.

            Oder ist PHP bei unserem Paket doch möglich? Ich kann das leider nicht testen, da ich mich damit (noch) nicht auskenne.

            Kai

            1. Hallo Kai,

              Oder ist PHP bei unserem Paket doch möglich?

              Nein, habe gerade nachgeschaut - da ist weder PHP noch SSI möglich. Aber Du kannst immernoch die eine Variante, die ich noch vorgeschlagen habe, verwenden: Bestimmte Editoren (wie z.B. Phase 5) können die Dateien auch Offline zusammenfügen. Das hat den Nachteil, dass alle Dateien bei einer Menüänderung wieder hochgeladen werden müssen, aber dieser Nachteil ist IMHO gerechtfertigt. Frames bieten weitaus mehr Nachteile und sie ermöglichen keine Barrierefreiheit, im Gegensatz zu anderen Lösungen.

              <werbung typ="keine-provision-dafür-bekomm">
              Puretec bietet PHP & SSI für 13 € ohne Werbung, 10 € mit Werbung
              http://hosting.1und1.com/xml/static?__page=profi
              </werbung>

              Grüße,

              Christian

              1. <werbung typ="keine-provision-dafür-bekomm">
                Puretec bietet PHP & SSI für 13 € ohne Werbung, 10 € mit Werbung
                http://hosting.1und1.com/xml/static?__page=profi
                </werbung>

                </?m=153695&t=28248>

        2. Hallo, Christian.

          Habe ich noch irgend etwas vergessen?

          Du bist auf jeden Fall auf dem besten Weg dahin (mit Deinen Ideen in diesem Posting), auch Barrierefreiheit (d.h. Behindertengerechte Seiten) realisieren zu können. Übrigens: Nach irgendeiner Verordnung müssen bis 200x (ich glaube 2005, bin mir aber nicht mehr sicher) alle öffentlichen (d.h. staatlichen) Seiten (Deine Schule ist doch öffentlich, oder?)

          Nein, vorerst sind leider nur die Bundesverwaltung und deren Behörden (auch Landesverwaltung?) betroffen.
          Siehe:
          http://www.barrierefreies-webdesign.de/bitv/rechtsverordnung.htm
          http://www.fernuni-hagen.de/FTB/new/service/eaccess/doc/bundesgleichstellungsgesetz.htm#benachteiligungsverbot
          http://www.fernuni-hagen.de/FTB/new/service/eaccess/doc/rechtsverord.htm#geltungsbereich
          Nach § 5 (Zielvereinbarungen) können anscheinend auch Verbände beitreten - http://www.bma.bund.de/index.cfm?C0AF7C5D16A2444DA0C13E90EA5A2D81.

          Meist sind die Träger von öffentlichen Schulen Kommunen, und wenn man sich das http://www.staedtetag.de/10/presseecke/dst_beschluesse/artikel/2001/11/06/74/ anschaut, glaube ich nicht, dass man sich irgendwie in Zukunft freiwillig den Verpflichtungen anschließen wird.
          Weiterhin finde ich: "In einigen Bundesländern gibt es bereits Überlegungen, die Verordnung auf Landesebene zu übernehmen. In diesem Fall wären auch Kommunen gezwungen, ihre Internetseiten anzupassen." http://www.orthopoint.de/presseforum/pn14.htm
          "Damit [mit der BITV - Barrierefreie Informationstechnik-Verordnung] ist ein Standard gesetzt, der für die Verwaltungen der Länder und Kommunen Leitfunktion haben wird." http://www.bmi.bund.de/dokumente/Artikel/ix_90185.htm

          Diesbezüglich kann man nur auf die Zukunft hoffen...

          Grüße,
          Mathias

  3. Hallo allerseits!

    HI!

    Ich habe die Betreuung unserer Schulhomepage übernommen und bin auf der Suche nach Anregungen zur Verbesserung der Seiten. Konstruktive Kritik ist also jederzeit willkommen.

    Hier die Adresse: http://www.realschule-blomberg.de/

    Danke für eure Vorschläge,

    Bitte

    Kai

    Ich finde das ist eine SUPA Seite!!!

    Ciao,
    David