HP-Kritik
Christian Kruse
- design/layout
0 Bio0 Christian Weissengruber0 Matti Mäkitalo0 Chräcker Heller0 xitnalta0 Bio0 Wasser0 Wasser0 Henryk Plötz
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
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
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
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
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*).
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
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
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
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
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
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...
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
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
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!
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
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
Hallo,
das ist ja die irreste Version eines Screenschots, die ich gesehen habe ;-))) ist die "Druck"-Taste bei Dir kaputt? ;-)))))
Chräcker
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)
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 ;-)
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)
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
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
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