Patrick: Kleine, vorsichtige Bewertungs-Anfrage...

Hallo!

Das Layout für die Seiten des Internationalen Kinderhilfs Fonds ist fertig und auf Atomic Eggs zu bewundern (oder zu zerreissen).

Inhalt ist noch keins da, ich warte noch auf entsprechende E-Mails vom Vereinspräsident.

Es geht mir also nur darum, wie ihr das Layout beruteilt.

Die Nachteile sind mir bekannt, und werden durch das vorübergehende Hosting auf Atomic Eggs (lahmer Server) noch vergrößert: die Grafiken sind etwas zu groß... nur: ich bekomme sie nicht kleiner ohne Qualitätsverluste.

Dafür sollen die ja in der "index.html" vorgeladen werden, vielleicht das Refresh auf 20 oder 25 sec setzen, und etwas mehr Text zum Überbrücken der Zeit anbieten???

Url oben

Danke für Eure Meinung und

Bis danndann

PAF (patrickausfrankfurt)

  1. Das Layout für die Seiten des Internationalen Kinderhilfs Fonds ist fertig und auf Atomic Eggs zu bewundern (oder zu zerreissen).

    teils/teils:

    Es geht mir also nur darum, wie ihr das Layout beruteilt.

    das Bild in der Mitte erschlägt einen ja (oder kommt mir das nur so vor?)

    Dafür sollen die ja in der "index.html" vorgeladen werden, vielleicht das Refresh auf 20 oder 25 sec setzen, und etwas mehr Text zum Überbrücken der Zeit anbieten???

    besser is' das! - mit dem Text
    Das ganze ist bei mir nach ca. 10 sec fertig!

    Kai Lahmann

  2. Hi Patrick,

    erst mal ein dickes Lob dafür, daß Du Seiten für non-profit Organisationen
    machst!
    :-)
    Und nun die Kritik:
    wenn ich über einige Links in istartd.html gehe, bekomme ich
    die klassischen Javascript-Fehler (NS 4.0). Soweit ich das verstehe,
    liegt es wohl daran, daß die Datei noch nicht ganz geladen ist, und
    die entsprechenden Layer fehlen, Du solltest das ganze also noch
    von einem OnLoad-Event abhängig machen.
    Antialiasing bei den Grafiken wär' auch noch nett, damit es an den
    Farbgrenzen nicht so 'treppt'. Über die Größe der Grafiken würde
    ich mir keine weiteren Gedanken machen, ich denke das ist im
    Rahmen des momentan erträglichen.

    Grüße
    Stephan

    1. Hallo Patrick,

      erst mal ein dickes Lob dafür, daß Du Seiten für non-profit Organisationen
      machst!
      :-)

      Dem kann ich mich nur anschliessen.

      Und nun die Kritik:
      wenn ich über einige Links in istartd.html gehe, bekomme ich
      die klassischen Javascript-Fehler (NS 4.0). Soweit ich das verstehe,
      liegt es wohl daran, daß die Datei noch nicht ganz geladen ist, und
      die entsprechenden Layer fehlen, Du solltest das ganze also noch
      von einem OnLoad-Event abhängig machen.

      Diese Probleme hatte ich auch schon mal, was ja bei dynamisch aus einer Datenbank erstellten Seiten immer ein Problem ist. In meinem Fall fuehrte der Browser onLoad-Events aus, bevor die Seite komplett war und rannte dadurch natuerlich immer wieder in Fehler. Hierzu gibt's einen kleinen aber feinen Trick. Du machst einfach eine zweite, leere BODY-Section und machst den onLoad-Event in die zweite rein. Das sieht dann etwa so aus:

      <html>
      ...
      <body>
      Deine Inhalte
      </body>

      <body onLoad="[Deine onLoad-Events]">
      </body>

      </html>

      In diesem Fall wird erst Dein Inhalt geladen und dann wir onLoad ausgefuehrt. Wichtig ist hierbei aber, dass die erste BODY-Section absolut keinen Event-Handler haben darf, sonst werden naemlich die Event-Handler des ersten BODY-Tags ausgefuehrt und die Event-Handler des zweiten ingnoriert.

      Bis dann

      Michael N.

      1. Hallo Michael, Stephan, und alle, die mir geantwortet haben!

        Änderungen:

        • Antialiasing
        • Bärchen-Grafik in neun Teilen zerstückelt und in einer Tabelle gepackt. Bei onMouseOver wird nur das 5.Bild ausgetauscht, das mit den Augen.
        • English-Fehler korrigiert (Tja, als Franzmann war english nie meine Stärke<g>, Deutsch war schon schwer genug!!!)

        Das mit den verschiedenen onLoad-Möglichkeiten muß ich in Ruhe ausprobieren...

        Trotzdem (da diese bei mir, auch online nicht, nicht auftreten): sind die JS-Fehlermeldungen immer noch da?

        Danke!

        Bis danndann

        PAF (patrickausfrankfurt)

        1. Hallo Patrick,

          Änderungen:

          • Antialiasing

          wo? Die Bärgrafik 'treppt' noch genauso, soweit ich sehe (
          nicht, daß das so schlimm wäre, aber naja...)
          Die JS-Fehler bekomme ich leider noch immer:
          "WhichEl has no properties" :-(

          Grüße
          Stephan

          1. Hallo Stefan!

            • Antialiasing
              wo? Die Bärgrafik 'treppt' noch genauso, soweit ich sehe (
              nicht, daß das so schlimm wäre, aber naja...)

            Ich habe den Anti-Aliasing per Hand selbst gemacht: die abgestuften Pixel einzeln eingefügt. Der schwarze Rand ist nicht mehr so gezackt. 100% wie im Grafikprogramm kriegt man das so natürlich nicht hin, aber:

            Leider mußte ich so verfahren, da die CorelDraw-eigene Konvertierung der original-Vektorgrafik in eine Rastergrafik mir jedesmal die Farbverläufe zerschossen hat. Mit PaintShopPro kam ich auch auf keine vernünftige Lösung. So sind die meisten Grafiken mit Farbverläufen ein als GIF gespeicherter Screenshot der Vektorgrafik.

            Die JS-Fehler bekomme ich leider noch immer:

            Da habe ich bisher keine vernünftige Lösung gefunden:

            • das Script in den header: bringt Fehlermeldungen...
            • zweites body-tag: auch
            • und mit onLoad habe ich auch bisher ohne Erfolg experimentiert

            Danke, daß Du nochmals geschaut hast!

            Bis danndann

            PAF (patrickausfrankfurt)

  3. Hi Patrick,

    Im Prinzip gefällt mir das Design gut, aber zwei kritische Anmerkungen habe ich:

    Ich würde das Logo in neun Teile zerschneiden, die man z.B. in einer blinden Tabelle zum ganzen Bild zusammensetzt, dann koenntest Du nur die unterschiedlichen Augenrichtungen austauschen und hättest nur kleine Bilder zum vorladen und die Ladezeit wäre geringer (oder ändert sich noch was außer den Augen?)

    Das Logo wirkt auf einem 800x600 Screen viel zu groß, die unteren Links (Sponsoren, Weiterführende Links) sind nicht zu sehen und wenn man scrollt der oberste nicht (und auch nicht die erklärenden Tooltips der Links "Was wir tun").

    Gruß

    Leonhard

  4. Hallo PAF (patrickausfrankfurt)!

    Die Nachteile sind mir bekannt, und werden durch das vorübergehende Hosting auf Atomic Eggs (lahmer Server) noch vergrößert: die Grafiken sind etwas zu groß... nur: ich bekomme sie nicht kleiner ohne Qualitätsverluste.

    Das mit dem Zerschneiden lohnt die Mühe wohl wirklich, wenn sich außer den Augen nichts ändert... aber was mir mehr aufgefallen ist (hat mit layout/design nix zu tun) ist "choice your language". Besser: choose your language ...

    Bis auf das bezüglich der Masse der Grafik schon Gesagte (etwas kleiner wär vielleicht "aufgelockerter", der layer unten rechts rutscht etwas aus dem 800+600er Bild) find ich das design richtig schön !

    Grüße,
    Alex

  5. Hallo und vielen Dank, Alex, Kai, Leonhard und Stephan!

    Die Idee, die Grafik in Teilen zu zerstückeln und in einer Table zu packen, hätte mir eigentlich selbst einfallen können, zumal ich diese Form des Layouts oft bewundert habe... So werde ich es dann auch machen.

    An der Größe kann (möchte) ich nicht allzuviel ändern, man sieht auf den anderen Seiten, daß z.B. oben beim logo2.gif das Bärchenbild nicht mehr gut aussieht, wenn es etwa um die Hälfte verkleinert ist. Hier würden also ein paar Prozente weniger nicht unbedingt mehr bringen. Da werden wohl oder übel kleinere Auflösungen scrollen müssen...

    Zu den Fehlermeldungen: die liegen tatsächtlich daran, daß ein Link "angefahren" wird bevor die Seite nicht vollständig geladen ist. Ich bin leider JS-Laie und habe das Tooltip-Script von webreference.com (http://www.webreference.com/js/column16/index.html). Mal sehen, ob ich das schaffe, die Funktion in einem onLoad-event zu packen... Aber vielleicht geht es schneller, wenn das Bärchen-Bild zerstückelt ist... dann könnte ich es weglassen.

    Zu Stephans Anmerkung:"erst mal ein dickes Lob dafür, daß Du Seiten für non-profit Organisationen
    machst! ":

    Danke!!! Ursprünglich sollte jemand anderes die Seiten "schmeißen"... Hat wohl aber nie etwas richtiges gemacht. Der IKHF ist an mich schon im November herangetreten, zunächst mit der Bitte um ein Logo (so entstand die Bärchen-In-Der-Hand-Vor-Der-Weltkugel-Idee - Bärchen in der Hand == helfen, Kindern helfen und Weltkugel == international). Dann kam der besagte Webmaster zu mir um sich ein paar Ideen zu holen (es war wie gesagt etwa im November!!!).

    Zuletzt hat der Präsident die Nase voll gehabt und ihm die Aufgabe entzogen. Jetzt mache ich es halt !!! Ich hoffe, daß ich in einer Woche oder zwei fertig bin... (kommt auf den Inhalt an, da sind sie sich aber auch noch nicht ganz klar, was da noch reinkommt, der Verein existiert offiziell erst seit Januar)...

    Bis danndann

    PAF (patrickausfrankfurt)

    1. Hallo Patrick !

      Zu den Fehlermeldungen: die liegen tatsächtlich daran, daß ein Link "angefahren" wird bevor die Seite nicht vollständig geladen ist. Ich bin leider JS-Laie und habe das Tooltip-Script von webreference.com (http://www.webreference.com/js/column16/index.html). Mal sehen, ob ich das schaffe, die Funktion in einem onLoad-event zu packen... Aber vielleicht geht es schneller, wenn das Bärchen-Bild zerstückelt ist... dann könnte ich es weglassen.

      Kleiner Tip: pack in das ONLOAD-Event des Bodys das Setzen einer Variable, z.B. geladen = 1 (am Anfang der Seite sollte sie auf 0 gesetzt werden). Jetzt kannst Du in "activateEl" eine Abfrage packen wie

      if (geladen==1) { ... zeige Layer an... }

      Noch ein Tip: Pack die Skripts zusammen an eine Stelle, z.B. in den HEAD, dann sind sie schon geladen, bevor der Rest erscheint...

      Zu Stephans Anmerkung:"erst mal ein dickes Lob dafür, daß Du Seiten für non-profit Organisationen
      machst! ":

      Finde ich auch gut !!!

      Bis denne
      Holger

    2. Hallo Patrick!

      Ich habe mir die Seite gestern kurz nach Deinem Posting angesehen, fand sie super, wollte etwas dazu schreiben, traute mich aber nicht so, weil ich nicht so recht die Kritik anbringen konnte, die jetzt von den anderen vieren gekommen ist. Ist auch ganz gut so, denn von mir nur eines dazu:

      Jetzt mache ich es halt !!!

      Herzlichen Glückwunsch!!

      Ein so nett mit den Augen rollender Teddy verdient wirklich einen Award, nämlich diesen:
      <img src="http://pages.vossnet.de/kevers/teddy.gif" alt="">

      <g>

      Viele Grüße,

      Kirsten

      1. Hallo Kirsten!

        Herzlichen Glückwunsch!!

        Danke! Heute habe ich kleine änderungen vorgenommen, siehe </self_forum/16259.html>.

        Ein so nett mit den Augen rollender Teddy verdient wirklich einen Award, nämlich diesen:
        <img src="http://pages.vossnet.de/kevers/teddy.gif" alt="">

        Der ist ja voll niedlich, danke! Wenn der Präsident anruft, werde ich ihm mitteilen, daß die Seite des IKHFs das Kirsten Evers Bärchen-Award bereits gewonnen hat<g>!

        Bis danndann (ab Sonntag wieder im Chat)

        PAF (patrickausfrankfurt)