Christian Kruse: HP-Kritik

Hi,

jaja, ich weiss, ihr denkt jetzt "Och nee, nicht schon wieder
ne Beurteilung von einer HP" ,)

Aber diesmal ists echt Notwendig (leider), weil ich mich mit so
einer Site bewerben will - sonst wuerde ich euch mit sowas gar nicht
"belaestigen" ,)

Aber nunmal zur Sache:
der Arbeitgeber hat mich gefragt, ob ich auch Erfahrung mit
HTML, JS und DHTML Erfahrung haette und meinte, ich solle mal
eine Praesentation fertig machen.
Nun, dass hab ich - sehts euch doch bitte mal an unter

http://wwwtech.de/neu/
oder unter
http://webtech.virtualave.net/neu/
falls wwwtech mal wieder nicht erreichbar sein sollte - wie in
den letzten Tagen haeufiger (ich muss mal ein Wort mit dem ISP
reden *g*).

Also, bitte konstruktive Kritik unter den oben genannten
Gesichtspunkten ,)

mfg
CK1

  1. Sup CK1!

    Ich weiss ja, dass der NN, gerade unter Unix, nicht unbedingt der Champ in Sachen DHTML ist - aber wie auch immer - das Drag & Drop funktioniert zwar leidlich, und fast alle Boxen haben auch einen blauen Hintergrund und nur eine ist total daemlich positioniert, und man kann sogar solche Untermenupunkte einblenden und die Dinger ein- und ausblenden mit Hilfe des Menus unten links... aber ist dieses blau-auf-grau wirklich alles? Ist es eine technische Demonstration, oder schon fertig?

    Gruesse,

    Bio

    1. Hi Bio,

      Ich weiss ja, dass der NN, gerade unter Unix, nicht unbedingt
      der Champ in Sachen DHTML ist - aber wie auch immer

      Wieso? Mit Phantasie und Kreativitaet bekommt man (fast) alles
      auch fuer den NN hin - siehe diese Site ,)

      das Drag & Drop funktioniert zwar leidlich,

      Wieso leidlich?

      und fast alle Boxen haben auch einen blauen Hintergrund
      und nur eine ist total daemlich positioniert,

      Warum daemlich positionoiert? Mach doch bitte mal nen Screen-Shot,
      wuerd ich mir gern mal ansehen - eigentlich sollten die Menues
      so positioniert sein, dass man alle sehen kann, die Pos wird
      naemlich berechnet und nicht festgelegt.

      und man kann sogar solche Untermenupunkte einblenden
      und die Dinger ein- und ausblenden mit Hilfe des Menus
      unten links...

      Na, genau so soll es sein ,)

      aber ist dieses blau-auf-grau wirklich alles? Ist es eine
      technische Demonstration, oder schon fertig?

      eher blau-und-grau-auf-weiss - so sollte es zumindest sein.

      Und nein, natuerlich ist das Ding noch nicht fertig und ja, es ist
      eine technische Demonstration - hab ich doch geschrieben.
      Der Kerl, bei dem ich mich vorstellen soll, wollte eine
      Demonstration, dass ich mit HTML, DHTML und JS umgehen kann - und
      was eignet sich besser dafuer als ein DHTML-Menue? ,)

      mfg
      CK1

      1. Hallo Christian,

        Der Kerl, bei dem ich mich vorstellen soll, wollte eine
        Demonstration, dass ich mit HTML, DHTML und JS umgehen kann - und
        was eignet sich besser dafuer als ein DHTML-Menue? ,)

        vielleicht liest dieser "Kerl" ja mit? Und was dann? Achte mal auf deine Sprache... :-)

        Gruss
        Connie

  2. Hallo
    da frag ich mich ist das
    a) Hitzekollaps?
    b) Ueberarbeitung?
    c) keinen Bock auf den Job?
    in beiden Browsern haengen blaue Kleckse irgendwo im Window,
    also auch wenn das technisch perfekt sein sollte (ist es das?)
    mangelt es groebsten am Stil (siehe auch "Kerl")
    ich wuerde Dich (aufgrund dieser Praesentation) leider nicht einstellen
    Gruss
    Christian

    Nun, dass hab ich - sehts euch doch bitte mal an unter

    http://wwwtech.de/neu/
    oder unter
    http://webtech.virtualave.net/neu/
    falls wwwtech mal wieder nicht erreichbar sein sollte - wie in
    den letzten Tagen haeufiger (ich muss mal ein Wort mit dem ISP
    reden *g*).

    1. Hi,

      da frag ich mich ist das
      a) Hitzekollaps?
      b) Ueberarbeitung?
      c) keinen Bock auf den Job?

      also, sowas finde ich nicht unbedingt angebracht...

      in beiden Browsern haengen blaue Kleckse irgendwo im Window,

      Versteh ich nicht - eigentlich sollten sie in einem perfekten
      Halbkreis um den Willkommens-Layer angeordnet sein, unabhaengig
      von der Aufloesung - habs von 1024x768 - 1280x1024 ausprobiert.

      Vielleicht kann ja mal jemand gucken, der mehr Ahnung von Mathe
      hat:

      Die Kreisbahn wird folgendermassen errechnet:

      if(winkel > 360)
      { winkel = 0; }

      SIN = Math.sin(winkel);
      COS = Math.cos(winkel);

      // DPos positioniert nur einen Layer
      DPos(nm,XM + (r * SIN),YM + (r * COS));

      hierbei wird einfach der Mittelpunktswinkel pro Layer um 1
      erhoeht. Der Radius wird so berechnet:

      r = (bild_x - 400 - laengste_Breite) / 2;

      bild_x ist die Breite des Bildschirms, 400 ist die X-Koordinate
      des Mittelpunkts und laengste_Breite ist die Breite des
      laengsten Layers.
      Der Mittelpunkt hat die Koordinaten M1(400/300).

      WARUM zum Teufel sind die Layer bei manchen Aufloesungen
      ausserhalb des Screens?!? *versteht die Welt nicht mehr*

      also auch wenn das technisch perfekt sein sollte (ist es das?)

      Keine Ahnung - anscheinend nicht

      mangelt es groebsten am Stil (siehe auch "Kerl")

      reine Geschmacksache

      ich wuerde Dich (aufgrund dieser Praesentation) leider nicht
      einstellen

      Deswegen poste ich hier ,)

      Wens interessiert, ich stell mal Screenshots online, wie es
      bei mir aussieht:
      http://webtech.virtualave.net/neu/pics/scr1.jpg im IE und
      http://webtech.virtualave.net/neu/pics/scr2.jpg im NN.

      mfg und besten Dank fuer eure Bemuehungen,
      CK1

      1. Hallo
        ich hab Dir screeshots gemailt.
        ich poste das nicht ins forum, aber so sehe ich die Dinge in meinen browsern.
        ich kann nur das beurteilen was ich sehe. nicht das wie es sein soll.

        Gruss
        Christian

      2. Tag Christian!

        Versteh ich nicht - eigentlich sollten sie in einem perfekten
        Halbkreis um den Willkommens-Layer angeordnet sein, unabhaengig
        von der Aufloesung - habs von 1024x768 - 1280x1024 ausprobiert.

        Oh, ein Halbkreis sollte das sein? Na gut, jetzt wo Du's sagst... Aber um wirklich auf den ersten Blick einen zu erkennen, solltest Du mehr der blauen Elemente hinsetzen, so dass sie dann dichter zusammen sind.

        Ich hab's mir nicht naeher angeguckt, aber

        Die Kreisbahn wird folgendermassen errechnet:

        if(winkel > 360)

        »»  { winkel = 0; }

        hier rechnest Du im Gradmass,

        SIN = Math.sin(winkel);
        COS = Math.cos(winkel);

        die Math-Funktionen erwarten den Winkel aber im Bogenmass. Scheinbar wird das durch die Art, wie Du das verwendest, wieder kompensiert, aber besser waere schon, Du rechnest das ordentlich um.

        mangelt es groebsten am Stil (siehe auch "Kerl")

        reine Geschmacksache

        Es sieht wirklich verdammt langweilig aus. Mach doch erstmal ne schoene gruene Wiese als Wallpaper und passe die blauen und grauen Flecken dem farblich an. Evtl. kannst Du bei den blauen eine Art Titelleiste machen, die sich farblich aendert, wenn Du mit der Maus draufkommst. Technik ist ne tolle Sache, aber das Auge wird von Fraben angesprochen. Und das gilt auch fuer den Mensch, bei dem Du Dich bewirbst. Wenn der erstmal vom Aussehen angetan ist, stellt er hinterher nicht mehr so scharfe Fragen, wirste sehn. ;-)

        http://webtech.virtualave.net/neu/pics/scr1.jpg im IE und
        http://webtech.virtualave.net/neu/pics/scr2.jpg im NN.

        Ja, so sieht's bei mir aus (ausser dass ich Schriftart Verdana und Hintergrund nicht weiss habe (mehr so ein hellgelb ungefaehr)).

        Noch was: Saemtliche DIVs sollten zu Beginn versteckt sein und erst nach vollstaendigem Laden gezeigt werden, damit sie nicht so in der Gegend rumspringen.

        Beim ersten Besuch bin ich ziemlich schnell auf so einen blauen Layer gekommen, und da war der graue links auf einmal weg (also jedenfalls konnte ich den Text nicht mehr lesen), da hab ich mich doch gewundert, wie ich den wohl wieder hinkriege. Vielleicht blendest Du ihn ja einfach wieder ein, wenn man den blauen Bereich verlaesst?

        Das war's glaub ich erstmal
        So long

        1. Hi Roland,

          Die Kreisbahn wird folgendermassen errechnet:

          if(winkel > 360)
          »»  { winkel = 0; }

          hier rechnest Du im Gradmass,

          SIN = Math.sin(winkel);
          COS = Math.cos(winkel);

          die Math-Funktionen erwarten den Winkel aber im Bogenmass.
          Scheinbar wird das durch die Art, wie Du das verwendest, wieder
          kompensiert, aber besser waere schon, Du rechnest das
          ordentlich um.

          *LOL* jetzt wird mir so einiges klar! *rofl* Oh man! Besten Dank,
          das war der beste Tip bis jetzt *g*

          Es sieht wirklich verdammt langweilig aus. Mach doch erstmal
          ne schoene gruene Wiese als Wallpaper und passe die blauen
          und grauen Flecken dem farblich an. Evtl. kannst Du bei den
          blauen eine Art Titelleiste machen, die sich farblich aendert,
          wenn Du mit der Maus draufkommst. Technik ist ne tolle Sache,
          aber das Auge wird von Fraben angesprochen. Und das gilt auch
          fuer den Mensch, bei dem Du Dich bewirbst. Wenn der erstmal
          vom Aussehen angetan ist, stellt er hinterher nicht mehr so
          scharfe Fragen, wirste sehn. ;-)

          *g* werd mich dran halten

          Ja, so sieht's bei mir aus (ausser dass ich Schriftart
          Verdana und Hintergrund nicht weiss habe (mehr so ein hellgelb
          ungefaehr)).

          hm, habe jetzt die bgcolor sowohl in der CSS-Datei, als auch
          im body explizit angegeben.

          Noch was: Saemtliche DIVs sollten zu Beginn versteckt sein
          und erst nach vollstaendigem Laden gezeigt werden, damit
          sie nicht so in der Gegend rumspringen.

          Ist ne Ueberlegung wert ,)

          [...]

          Vielleicht blendest Du ihn ja einfach wieder ein, wenn man den
          blauen Bereich verlaesst?

          Das Ganze flackert dann hin und her, ist total unruhig... weiss
          nicht, ob das eine so gute Idee ist

          mfg
          CK1

  3. Hallo

    nur eine kleine Sache, dir mir aufgefallen ist.
    1. Wenn du auf einen 'maximieren' Butzton klickst, erwartest du auch, das sich da was _max_imiert. Auch ssollte der Button ausgewechselt werden, wenn das Fenster schon _max_imiert ist.

    2. Der Button 'Internet-Technik' hangt bei mir über deiner 'Erklärung'. Das solltest du noch ändern.

    Ci@o Matti

  4. Hallo,

    sorry für das was jetzt kommt, aber ich würde so eine technische Präsentation niemals abgeben.

    • eine technische Demonstration muß nicht gleichzeitig häßlich sein. Bei mir klebten die Menüs wild übereinander, (sprich, die blauen Überschriftleisten der Menüs waren wie mit dem Salzstreuer verstreut.)

    • DHTML "können" heist nicht nur, die Technik können, man muß auch wissen, "wann man es wie" einsetzt. Durch die Verwendung von Windowssymbolen erwarte ich auch, das die Menüs so funktionieren. Deswegen habe ich erst an Drag und Drop geglaubt, als ich es bei anderen gelesen habe. Drag und Drop funktioniert bei gedrückt gehaltener Maustaste und nicht wie bei Dir durch einmal klicken und dann wieder loslassen. (Es könnte auch der Verdacht beim potentiellen Auftraggeber aufkommen, daß Du das nicht könntest....)

    • Ein Auftraggeber soll sich bei meinen Arbeiten sofort wohl fühlen. "DHTML können" bedeutet auch, es im gesamten Designkonzept einbinden zu können. Einfache Drag und Drop Menüs basteln sollte von den etwas "länger dabei seienden" sowieso jeder können. Es sinnvoll einbauen, so das es nicht aufträgt, daß ist die Kunst. Denn DHTML Skripte auf eine Seite verteilen kann auch jeder Anfänger. (nicht spitz oder ironisch gemeint, ehrlich....)

    • Bau eine Spielwiese, eine Seite, auf der sich der Aufraggeber wohl fühlt. Die ihn verblüfft und die ihm nebenbei noch zeigt, daß Du etwas vom zusammenführen aller wichtigen Elemente verstehst. Technik, Design, "Ergonomie" etc..... die Site muß ja keinen kommerziellen Sinn machen. DHTML läst sich am besten durch ein Spiel demonstrieren, ein Puzzle, eine Magnet-Kühlschranktür auf der Dein Auftraggeber Sätze aus Wortmagneten kleben kann und die er abends seinen Kindern zeigt. "So einen" muß einfach ein Auftraggeber einstellen....

    (nur bitte keine Stempelseite ;-)))))

    Wir sollten uns DHTML immern anders übersetzen als es gemeint ist. Das D für Dynamik muß am Schluß der Arbeit für Dynamik beim Besucher stehen, erst dann ist es gutes DHTML....

    Chräcker

    http://www.chraecker.de/stempel

    PS. Was komplett anderes(!) ist es natürlich, wenn der Auftraggeber eher ein Kumpel ist der sich neben Dich setzt und sagt: "ey, kannste auch so coole Menüs wie bei xy?" Dann verklebe seinen Monitor mit Deinen Menüs...

  5. Hallo!

    Also, bitte konstruktive Kritik unter den oben genannten
    Gesichtspunkten ,)

    Beim Verschieben bleibt die Vordergründigkeit der Elemente vorhanden. Schau, dass das Element, welches verschoben wird, nach vorne kommt. In SELFHTML gehts ja auch:

    <../../tfcb.htm>

    Das Design würde ich, da du ja schon mit einer höheren Technologie arbeitest, noch ein wenig mit CSS "aufpeppen". Schwarzer Text auf Dunkelblau lässt sich schlecht entziffern... Die "Römerschrift" (Times New Römer *g*) ist auch nicht mehr das Wahre...

    Ich hoffe für dich, du hast noch ein wenig Zeit, die Seite zu verbessern bzw. ein anderes Einsatzgebiet für DHTML zu finden...

    bis nextens
    xitnalta

  6. Hi CK!

    Die Standardhintergrundfarbe im NN ist NICHT weiss... nur weil das bei Windoof so ist!
    Unter Unix ist es grau... ziemlich genau das grau Deiner Menus... entsprechend unmotiviert hängen da dann in einer grauen Suppe so kleine Windows-Buttons rum - sieht seeeehr merkwuerdig aus, ich mache heute nachmittag mal eine Screenshot.
    Du solltest besser die Hintergrundfarbe im Body explizit angeben... es ist ein Standard-Fehler, von weiss als Standard-Hintergrundfarbe auszugehen.
    Und das kleine blaue Fensterchen (IMHO sollten die ein wenig groesser sein - es sieht einfach nach nichts aus, auch wenn es als technische Demonstration reicht) ganz oben rechts haengt manchmal, abhaengig von der Fenstergroesse, unter dem grauen Menu rum. Das kleine Fensterchen sollte den hoeheren Z-Index haben (weiter vorne liegen).
    Oder besser, die Berechnung des Halbkreises sollte beruecksichtigen, dass das "Fenster" (Im Sinne von Clippiing-Bereich), in dem die blauen Boxen auftauchen koennen, nur "fensterbreite minus breite der blauen boxen minus breite der grauen box, die oben rechts rumhaengt" gross sein sollte. Wenn dievon der funktion errechneten x-koordinaten in diesem areal bleiben, dann uberschneiden sich die graue und die blaue box nicht, weil es dann einfach nicht mehr geht.

    Vom Prinzip her ist es aber verdammt cool, nur leider klappt das draggen im NN nicht bei jedem Versuch, ist aber wohl schuld vom NN.

    Gruesse,

    Bio

    1. Hi Bio,

      Die Standardhintergrundfarbe im NN ist NICHT weiss... nur
      weil das bei Windoof so ist!
      Unter Unix ist es grau...

      ich weiss - aber eigentlich ist in der format1.css weiss definiert:
      body
      {
      background-color:#FFFFFF;
      color:rgb(0,0,0);
      font-size:12pt;
      }

      ziemlich genau das grau Deiner Menus... entsprechend
      unmotiviert hängen da dann in einer grauen Suppe so
      kleine Windows-Buttons rum - sieht seeeehr merkwuerdig aus,
      ich mache heute nachmittag mal eine Screenshot.

      *g* kann ich mir vorstellen - und den Screenshot mach bitte
      mal ,)

      Du solltest besser die Hintergrundfarbe im Body explizit
      angeben... es ist ein Standard-Fehler, von weiss als Standard-
      Hintergrundfarbe auszugehen.

      HAB ich doch...

      Und das kleine blaue Fensterchen (IMHO sollten die ein wenig
      groesser sein - es sieht einfach nach nichts aus, auch wenn
      es als technische Demonstration reicht) ganz oben rechts haengt
      manchmal, abhaengig von der Fenstergroesse, unter dem grauen Menu
      rum.

      ,( wenn ich den z-index veraendere, aendere ich aus irgendwelchen
      Gruenden beim NN auch die Position

      Oder besser, die Berechnung des Halbkreises sollte
      beruecksichtigen, dass das "Fenster" (Im Sinne von Clippiing-
      Bereich), in dem die blauen Boxen auftauchen koennen,
      nur "fensterbreite minus breite der blauen boxen minus
      breite der grauen box, die oben rechts rumhaengt" gross
      sein sollte. Wenn dievon der funktion errechneten
      x-koordinaten in diesem areal bleiben, dann uberschneiden
      sich die graue und die blaue box nicht, weil es dann einfach
      nicht mehr geht.

      Gute Idee - probier ich glatt aus

      Vom Prinzip her ist es aber verdammt cool, nur leider klappt
      das draggen im NN nicht bei jedem Versuch, ist aber wohl
      schuld vom NN.

      Besten Dank ,) ist das erste positive Echo, das ich kriege ,)

      mfg
      CK1

      P.S.: besten Dank fuer deine Muehe!

  7. Hi Christian,

    auch ich werd Dich nicht mit Lob überschütten :-
    aber eigentlich ist auch alles gesagt, was mir direkt aufgefallen ist, ist das das Menü unten rechts hinter dem Großen liegt, und das ich ein kleines Fensterchnen nur duch scrollen erreiche.

    Mein Eindruck, es wirkt alles ein wenig trocken!

    Gruß Wilm

  8. Hi Christian,

    auch ich werd Dich nicht mit Lob überschütten :-
    aber eigentlich ist auch alles gesagt, was mir direkt aufgefallen ist, ist das das Menü unten rechts hinter dem Großen liegt, und das ich ein kleines Fensterchnen nur duch scrollen erreiche.

    Mein Eindruck, es wirkt alles ein wenig trocken!

    Gruß Wilm

    1. Hallo,

      das ist ja die irreste Version eines Screenschots, die ich gesehen habe ;-))) ist die "Druck"-Taste bei Dir kaputt? ;-)))))

      Chräcker

      http://www.chraecker.de/stempel

      1. Hallo Chräcker,

        das ist ja die irreste Version eines Screenschots, die ich gesehen habe ;-))) ist die "Druck"-Taste bei Dir kaputt? ;-)))))

        *fg* Neee, ich hab hier grad kein Prog drauf, mit dem ich nen Screenschot hätte machen können, und des weiteren scheint es ja auch noch Freude zu machen. *g*
        So mußte halt die gute alte Mavica herhalten.

        Gruß Wilm ( der jetzt schon seit Jahren die Screenschot-Funktion beim PP 6-8 sucht)

        http://www.wasser.de

        1. Hallo Wilm,

          das ist ja die irreste Version eines Screenschots, die ich gesehen habe ;-))) ist die "Druck"-Taste bei Dir kaputt? ;-)))))

          Da muss ich mich uneigeschränkt anschließen *ggg*

          *fg* Neee, ich hab hier grad kein Prog drauf, mit dem ich nen Screenschot hätte machen können, und des weiteren scheint es ja auch noch Freude zu machen. *g*
          So mußte halt die gute alte Mavica herhalten.

          Afaik brauchst Du auch kein "Programm" dazu, Du hast doch schon Windows ;-)
          Mit einfachem Druck auf "Druck" kannst Du unter Windows (afaik beliebige Version) einen Screenshot des Desktops erstellen. Mit Alt + Druck (Print) auch einen des aktiven Fensters.

          Gruß Wilm ( der jetzt schon seit Jahren die Screenschot-Funktion beim PP 6-8 sucht)

          Gruß AlexBausW (der hofft, daß Deine Suche nun ein Ende hat :-)

          P.S.: Trotzdem ist der Screenshot einfach genial, wenn ich nun auch auf den ersten warte, der wirklich (nicht nur mit der Kamera) auf seinen Bildschirm schießt ;-)

          1. Hi Alex!

            Afaik brauchst Du auch kein "Programm" dazu, Du hast doch schon Windows ;-)
            Mit einfachem Druck auf "Druck" kannst Du unter Windows (afaik beliebige Version) einen Screenshot des Desktops erstellen. Mit Alt + Druck (Print) auch einen des aktiven Fensters.

            Ich bin scheinbar zu doof dazu!
            Nun sollte ich also gerade so ca 200 Screenshots gemacht haben?
            Wo finde ich die denn dann? Er greift nichtmal auf die fEstplatte zu, kein gutes Zeichen, oder was muß ich do noch beachten?

            Danke für die Anregung
            Gruß Wilm (der immernoch nach der Screenshotstaste sucht)

            1. Hi

              Die Screenshots landen in der Zwischenablage und nirgendwo sonst. (Da passt logischerweise immer nur einer rein).
              Also du drückst "Drucken" (meist zw. F12 und Rollen), gehst dann in ein Bildbearbeitungsprogramm deiner Wahl (Paintbrush genügt), wählst dort Bearbeiten->Einfügen (oder so ähnlich, ja nach Programm) und freust dich. :-)

              Henryk Plötz
              Grüße von der Ostsee

              1. Hi Henryk

                Einfügen (oder so ähnlich, ja nach Programm) und freust dich. :-)

                Ja da hast Du recht, das freut mich nun echt!

                Danke für die Anleitung *g*

                Gruß Wilm

  9. Hi

    Na dann mal los. wwwtech.de geht ja mal wieder.
    Ups, da kreist ein zerbrochenes Bild (war wohl keine Absicht). Noe, toll sieht das noch nicht aus (NC 4.51, W98, 1024x768).
    Ich habe an der Seite einen Scrollbalken, der Willkommenslayer hängt zur Hälfte am Bildschirm raus und von deinen blauen Layern kann ich nur 2,5 sehen. (screenshot haste per email erhalten)
    Also sortiere ich erst mal die Layer, so daß sie passen. Wenn ich den Layer "Erklärung" minimieren will (durch Klick auf Maximieren) Maximiert er tatsächlich (springt auf klein und wird wieder groß). Da ist wohl der Ausgangszustand falsch gesetzt.
    Wie ich gestern schon erwähnte sind die Layer zu klein, wenn sie minimiert werden. Ich habe große Schriftarten eingestellt und außerdem sind sie nach maximieren und minimieren kleiner als am Anfang.
    Wie die andern schon sagten wirkt es etwas kahl, trotzdem irgendwie cool.

    Was die Radiusberechnung angeht: Berechne die Abstände zu den Rändern und nimm den kleinsten davon. Das klappt dann nämlich immer.

    Henryk Plötz
    Grüße von der Ostsee