Hagen: Gefahrgutverzeichnis

Hallo!

Ich bin im Augenblick dabei für eine größere Firma ein Gefahrgutverzeichnis
zu Programmieren, welches mit php/mysql realisiert ist. Ich selbst kann meine eigenen Kreationen nicht gut Bewerten, da es mir an Selbstkritik fehlt.
Also bitte ich euch die Seite http://hagen.ath.cx/diana einmal anzuschauen
und mir Sagen was ihr daran zu bemängeln habt und ob ihr als User damit
gut zurechtkommen würdet.

Gruß,
Hagen

  1. Hello,

    ist bei Euch kein Impressum notwendig, oder war ich nur zu blind, es sofort zu finden?

    Ein harzliches Glückauf

    Tom vom Berg

    --
    Nur selber lernen macht schlau
    http://bergpost.annerschbarrich.de
    1. Hallo!

      »» ist bei Euch kein Impressum notwendig, oder war ich nur zu blind, es sofort zu finden?

      Ich denke nicht, dass eins notwendig ist, da diese Seite nicht im Internet
      zugänglich sein wird.

      Gruß Hagen

      1. Ich habe mir doch die "Mühe" gemacht eins hinzuzufügen.
        Man kann ja nie wissen... =)

  2. Tach,

    Ich selbst kann meine eigenen Kreationen nicht gut Bewerten, da es mir an Selbstkritik fehlt.

    dann hoffe ich, du trägst deine feuerfeste Unterwäsche.

    Also bitte ich euch die Seite http://hagen.ath.cx/diana einmal anzuschauen
    und mir Sagen was ihr daran zu bemängeln habt und ob ihr als User damit
    gut zurechtkommen würdet.

    Als User wäre es mir zu bunt, mal zu kontrastreich (schwarze neben weißen Flächen), mal zu kontrastarm (schwarze Schrift auf olivem Hintergrund), zu unruhig (durch mehrere verschiedene Schriftarten). Ich hatte Probleme manche Links zu erkennen (z.B. in den Listen).

    Als Profi würde ich sagen, der HTML-Quelltext sieht so aus, als wäre er aus dem letzten Jahrtausend, außerdem ist er nicht valide. Die "Shoutbox" gibt Usereingaben ungeprüft weiter, das ist eine Sicherheitslücke!

    mfg
    Woodfighter

    1. Hi
      Erst einmal danke für die Bewertung.
      Also...
      Mit der shoutbox hast du mich überzeugt.
      Aber könntest du bitte genauer erklären was du am Quelltext auszusetzen hast?

      1. Tach,

        Aber könntest du bitte genauer erklären was du am Quelltext auszusetzen hast?

        er ist nicht valide, nutzt ein Tabellendesign, trennt Inhalt und Darstellung nicht, ist nicht semantisch, versucht Dinge pixelgenau zu positionieren, nutzt Elemente, die nur der Darstellung dienen (z.B. font), nutzt eine eigen Seite für ein Druckdesign statt CSS dafür zu nutzen.

        xampp ist übrigens ausdrücklich nicht für den Einsatz im Internet vorgesehen, da die Standardkonfiguration unsicher ist.

        Die Bildschirmauflösung deines Nutzers sagt übrigens nicht viel über die Größe des Viewports seines Browsers aus.

        mfg
        Woodfighter

        P.S. Warum schreibst du Gefahrgutverzeichnis eigentlich hier richtig und auf der Seite falsch?

        1. Hi,

          er ist nicht valide, nutzt ein Tabellendesign, trennt Inhalt und Darstellung nicht, ist nicht semantisch, versucht Dinge pixelgenau zu positionieren, nutzt Elemente, die nur der Darstellung dienen (z.B. font), nutzt eine eigen Seite für ein Druckdesign statt CSS dafür zu nutzen.

          Dass der Code nicht vollständig Valide ist gebe ich zu, aber
          in einigen Punkten hast du nicht Recht.

          1. Ich benutze für das Druckdesign Css.
                        Wenn $print != 1  stylesheet= mainstylesheet.css
                        Wenn $print == 1  stylesheet= printstylesheet.css
          2. Ich benutze auch kein Tabellenlayout
          3. Das Wort 'Font' Finde ich nicht in meinem Quelltext.

          Ich entschuldige mich schon im Vorraus für die folgende Frage.
          Und könntest du mir bitte erklären was du mit Inhalte und Darstellung
          trennen meinst?

          Gruß Hagen

          1. Tach,

            Dass der Code nicht vollständig Valide ist gebe ich zu, aber
            in einigen Punkten hast du nicht Recht.

            1. Ich benutze für das Druckdesign Css.
                          Wenn $print != 1  stylesheet= mainstylesheet.css
                          Wenn $print == 1  stylesheet= printstylesheet.css

            ja, das ist unnötig, mache das CSS einfach vom Medium abhängig.

            1. Ich benutze auch kein Tabellenlayout

            Und was machen die ganzen Tabellen auf deiner Seite dann?

              
                <body>  
                    <div id = "header">  
                        <table width = "100%" border = "0">  
                            <tr style = "height: 90px;">  
              
                                <th width = "100%" colspan = "7"> <!--<h1>Gefahrgut - Verzeichnis</h1>-->  
                                    <img src = "titel.php" alt = "Gefahrgutverzeichnis">  
                                </th>  
                            </tr>  
              
            
            
            1. Das Wort 'Font' Finde ich nicht in meinem Quelltext.

            Im Quelltext der Shoutbox.

            Ich entschuldige mich schon im Vorraus für die folgende Frage.
            Und könntest du mir bitte erklären was du mit Inhalte und Darstellung
            trennen meinst?

            Das HTML einer Seite sollte _nichts_ mit der Darstellung der Seite später zu tun haben, die gesamte Darstellung wird im CSS vermittelt also kein <td width=10>, kein <br><br><br> um Abstände zu schaffen etc.

            mfg
            Woodfighter

            1. Hallo!
              Ich hoffe, dass du das noch liest =)
              Ich habe die meisten Ratschläge nun befolgt.
              Aber ist es nicht egal ob ich <font size="..."> oder <span id="...">
                #...
                  {
                  font-size: ....%;
                  }

              Benutze?

              1. Moin,

                Aber ist es nicht egal ob ich <font size="..."> oder <span id="...">
                  #...
                    {
                    font-size: ....%;
                    }

                Benutze?

                nein, ganz und gar nicht. Gut, im Hinblick auf das Resultat vielleicht schon. Aber die Verwendung des font-Elements widerspricht der normalerweise angestrebten Trennung von Inhalt und Gestaltung, deshalb ist dieses Element auch "deprecated" und in den Strict-Varianten von HTML und XHTML nicht mehr erlaubt.
                Abgesehen davon hast du mit CSS wesentlich mehr Gestaltungsmöglichkeiten, als sich das font-Element je erträumen könnte.

                Als Faustregel gilt: Der HTML-Code sollte bitte nur die Struktur des Dokuments widerspiegeln, nichts anderes. Jegliche Überlegungen zum Layout sollten, wenn man es konsequent macht, zunächst außen vor bleiben. Erst im zweiten Schritt geht man her und gibt diesem HTML-Code mit CSS ein Gesicht, ein Aussehen.
                Wenn du das konsequent so machst und ein bisschen Routine bekommst, dann wirst du irgendwann auch feststellen, dass du eigentlich gar keine zusätzlichen Elemente im HTML brauchst, an denen dein CSS ansetzt - oder nur in seltenen Ausnahmefällen. Denn schließlich kann man ja *jedes* Element direkt "stylen", nicht nur divs und spans.

                So long,
                 Martin

                --
                Man sollte immer wissen was man sagt
                 - aber auf keinen Fall alles sagen, was man weiß.
  3. Hallo,

    also gestaltungsmäßig würde ich da noch mal nachbessern. Nimm Dir ein Beispiel an der Schlichtheit von Google: für so ein Verzeichnis ist doch ein Such-Eingabefeld das wichtigste. Weg mit den verschiedenfarbigen Kästen.
    Dann würde ich bei den Stoffeigenschaften die Gefahrensymbole erwarten.
    Für was soll die Shoutbox gut sein? Die Schriftart "Comic Sans" ist ziemlich out (frag mal Google).

    Alex

    1. also gestaltungsmäßig würde ich da noch mal nachbessern. Nimm Dir ein Beispiel an der Schlichtheit von Google: für so ein Verzeichnis ist doch ein Such-Eingabefeld das wichtigste. Weg mit den verschiedenfarbigen Kästen.

      Die Schlichtheit von Google zeigt mit im Formular der Erweiterten Suche 97 Fehler.
      Google wird zwar seine Gründe dafür haben, aber exemplarisch finde ich es nicht.

      mfg Beat

      --
      Woran ich arbeite:
      X-Torah
      1. Hallo Beat,

        Die Schlichtheit von Google zeigt mit im Formular der Erweiterten Suche 97 Fehler.

        Ich meinte das einfach nur in diesem Sinne: http://fun.drno.de/pics/simplicity.png

        Alex

        1. Hallo,

          Ich meinte das einfach nur in diesem Sinne: http://fun.drno.de/pics/simplicity.png

          Ich finde es ist recht übersichtlich gestaltet.
          Man hat 3 Möglichkeiten nach einem Stoff zu suchen:
                1) Liste mit Stoffnamen
                2) Liste mit UN-Nummern         (was genau das ist weiß ich auch nicht)
                3) Alle Einträge anzeigen, die die Eigenschaft ... haben.

    2. Hi
      Danke für deine Antwort!
      Ich finde die Schriftart Comic Sans auch nicht gerade prall, aber
      ich wollte einfach mal etwas neues ausprobieren.
      Die Shoutbox ist dafür, dass User Fehler melden können.

      1. Hallo Hagen,

        Die Shoutbox ist dafür, dass User Fehler melden können.

        Dann reicht doch eine E-Mail-Adresse oder ein Kontaktformular. Warum sollten das alle Benutzer mitbekommen?

        Alex

  4. Ich würde die Gestaltung des Verzeichnisses in etwa so machen wie die
    Gestaltung der Firma, Webauftritt, etc. Alles einheitlich halt.

    Die Menübuttons sind auf meinem Laptop-Bildschirm so gut wie gar nicht zu
    sehen. Bei Hellgrau auf Mittelgrau fehlt einfach der Kontrast.

    Man könnte evtl. auch noch eine spezielle Einführung bereit stellen. Für
    Mitarbeiter die neu angefangen haben oder Punkte wie die Firma mit dieser
    Liste umgeht. etc.

    Ich sehe im Moment auch nicht den Unterschied an dieser Liste zu Listen
    die es im Internet zur Genüge gibt.