Bitte um Webseitenkritik!

[azok]

hi!

nach einer kleineren pause, habe ich meine webseite jetzt größtenteils fertig gestellt.

nun hätte ich gerne, dass ihr mir vorschläge oder ratschläge gebt, was ich z.b. besser machen kann, wegtun soll etc. etc.

hier der link: http://www.djcrackman.net/usr/chopin/index.php

(bis auf das gästebuch, das rss-feed und der sitemap ist soweit alles online...)

lg
azok(=freak)

[Zeromancer]

Hallo azok,

bin grad warm in Bezug zum kritisieren. ;-)

• deine Navigation weitet sich beim überfahren von 'Grundlagen' um ein paar Pixel nach rechts aus, beim Impressum auch. (IE 6.0 win2000)

• das header-Div sieht ... nicht passend aus.

• alles ein wenig zu ... rechtwinklig, mach doch mal eine Rundung rein.

-sieht halt alles gleich nach <div> aus, ein wenig langweilig

• an der Navi würde ich generell noch pfeilen.

Mit freundlichen Grüßen

André

[Chräcker Heller]

Hallo,

nur kurz heute von mir: Das Intro ist kaum zu lesen, weil das Hintergrudnbild zu sehr ducrhscheint. Ich würde es ganz weg lassen.

Spannend finde ich diesen Satz:

Du bist hier: I > G > D > S > F > T > S > Ebenen >

Ich ahne, was das ist, aber hilfreich ist es auch nicht wirklich.

Und dann weiß ich nicht so genau, ob es noch eine Seite braucht, die die Funktion von Hammer und Nagel erklärt.....

Chräcker

[ichen]

Moin!
bei dem container "Du bist hier" ist die untere border bei mir (opera7.23) sehr dick (ca 4px)

das hintergrundbild im hauptbereich spielt sich zu sehr in den vordergrund. es könnte noch eine stufe schlichter sein.

der newscontainer sollte näher an die navigation ran, weil der abstand komisch aussieht.

die valid-buttons sind so klein, ich weiß nicht mal für welche technik du valide geschrieben hast. es lässt sich schlecht lesen. ich würde nur einen kurzen satz schreiben wie: Valid XHTML 1.1 <br> Valid CSS 2

der css-code in der box auf der startseite passt nicht ganz zum gesamtbild.

die hintergrundfarbe würde ich in weiß oder ein helles blau ( #D2E9FF oder #A4D1FF) ändern. dieser blaugrau-ton pass nicht wirklich.

sonst finde ich das design richtig cool! es ist schön locker, weils eben nicht das standar_d_ 3-spalten-design ist. Man könnte vielleit dem großen contentdiv einen max-width:; zu geben, weil in einer großen auflösung die seite sehr an den linken rand gequetscht ist.

tschüss ichen

[azok]

hi!

bei dem container "Du bist hier" ist die untere border bei mir (opera7.23) sehr dick (ca 4px)

komisch... bei mir ist das nicht der fall...

lg
azok(=freak)

[ichen]

Moin!
ich glaube, dass der entsprechende container bei mir einfach ein paar pixel zu weit oben steht.
tschüss ichen

[Fabian Transchel]

Hi,

hier der link: http://www.djcrackman.net/usr/chopin/index.php

• _Vier_ verschiedene Blautöne. Das kann nicht dein Ernst sein.

• Die CSS-Hintergrund-Grafik im Inhaltsteil ist viel zu aufdringlich. Bitte aufhellen und weniger Kontrast rein. Am besten ganz monochrom.

• Die Navigation ist an sich sauber, nur der Hover sollte vielleciht einheitlicher aussehen. Dass der rechte Border sich nach der Textlänge richtet ist verwirren. Ich würde display:block verwenden und eine einheitliche Länge der Buttons machen.

• Links, die den Text "hier" aufweisen sind böse.

• Beim Klick auf "farben.php" bekomme ich die Meldung, dass mehr als 10 Umleitungen versucht wurden. Das solltest du prüfen.

Just my fifty cent =)

azok(=freak)

Hä?

Grüße aus Barsinghausen,
Fabian

[azok]

hi!

• Links, die den Text "hier" aufweisen sind böse.

ich weiß... aber was soll ich sonst schreiben?

• Beim Klick auf "farben.php" bekomme ich die Meldung, dass mehr als 10 Umleitungen versucht wurden. Das solltest du prüfen.

das zeigt er bei mir auch an... weiß nicht woran es liegt... (server?)

Just my fifty cent =)

azok(=freak)

hab das passwort für meinen sonstigen namen vergessen... ;-)

lg
azok(=freak)

[CarstenP]

Hallo,

• Links, die den Text "hier" aufweisen sind böse.

ich weiß... aber was soll ich sonst schreiben?

Statt

<a href="...">hier</a> hier geht's weiter

einfach

hier geht's <a href="...">weiter</a>

schreiben (oder ähnliches).

Viele Grüße
Carsten

[CarstenP]

Hallo,

ich wollte Dir gerade noch den Tip geben, Dir Deine Seite in Opera 7.5 anzusehen und dann in der Sidebar die Links untereinander anzeigen zu lassen. Wenn Du nicht durch Lesen des bloßen Linktextes verstehst, wohin beim Anklicken die Reise geht, dann ist der Link-Text unglücklich gewählt. Ein einzelnes "hier" kann vieles heißen: "Hier" geht's weiter, "Hier" gibt's scharfe Bilder, "Hier" könnt Ihr mit Google meine Seite durchsuchen. Ein einzelnes "weiter" ist dagegen eindeutig.
Alledings wird Dein "hier" aus irgendwelchen Gründen gar nicht erst in der Auflistung angezeigt (wahrscheinlich weil das Linkziel bereits mit anderer Beschriftung existiert).

Viele Grüße
Carsten

[Viennamade]

Hallo!

Ich bin kein Kämpfer gegen Anglizismen, aber "Additional" ist mir in Denglisch vollkommen neu (auch wenn das Wort lat. oder was-weis-ich welchen Ursprungs ist).

Beste Grüße
Viennamade

[azok]

hi

Ich bin kein Kämpfer gegen Anglizismen, aber "Additional" ist mir in

sorry... Tippfehler. meinte 'Aditional'

lg
azok(=freak)

[Fabian St.]

Hi azok!

Habe mir die Seite gerade unter Linux mit dem Konqueror und dem Mozilla angeschaut. Schaut alles auch so aus, wie es sein sollte.
Mir gefällts ;-)

Grüße,
Fabian St.

[H2O]

Hallo.

hier der link: http://www.djcrackman.net/usr/chopin/index.php

Naja. Also auf den ersten Blick gefallen mir diese verschiedenen Blautöne eigentlich nicht so gut.

Aber das war es natürlich nicht an Kritik:

• Auf der Startseite ist ja das Bild mit body (in Pink).
    Das pinke Ding sieht aber gresslich aus und passt überhaupt nicht zu dem Rest.

• "Du bist hier: I > G > D > S > F > T > S > E > R > Links > Nützliches"
    Das verwirrt doch zuerst nur. Lasst diese ganzen Buchstaben doch raus.
    Außerdem ist zwischen dem Du und Rand nur 1px frei. Und das ist zu wenig.

• W3C-Logos sind viel zu klein. Man erkennt noch nicht mal worum es geht.

• "-> Hier gehts weiter." Du solltest den "Hier"-Link etwas mehr hervorheben.
    Für Leute mit schlechten Augen ist da kaum zu erkennen, dass es ein Link ist.

• Du verwendest zu viele gemischte Farben: Pink, rot, grün...
    Die passen einfach nicht mehr zu einander.

• Im Impressum wird die Email durch ein Bild dargestellt.
    Aber das Bild hat einen grauen Hintergrund, total unangepasst.

• Seite Bookmarken steht beim IE untendrunter.
    Aber gebookmarkt wird nur die Startseite. Auch wenn man die aktuelle Seite will.

• farben.php --> nicht erreichbar - gibt es die Seite?

• Copyright (©) Warum immer dieses © ? Hälst du den User für so blöd,
    dass er nicht weiß, was das © bedeutet?

• "Du bist hier: ...Impressum" Wieder so ein "Du bist..." und dieses mal wieder anders.
    *kopfschüttel*

• Du solltet zwischen <img src="http://www.djcrackman.net/usr/chopin/img/pfeil.png" border="0" alt=""> und dem Link ein &nbsp; setzen,
    denn sonst rutscht der Link manchmal ohne die Grafik in die nächste Zeile.

• Kann es sein, dass du die Darstellungsfarben für HTML-Code des Phase 5 übernimmst?
    (Wenn auch nicht überall)

So, das war es an Kritikpunkten. Das ist mir aufgefallen.
Aber manche Grafiken, wie die zu den CSS-Grundlagen, sind einfach super.

Ich hoffe ich konnte helfen, H2O

[azok]

hi!

• Auf der Startseite ist ja das Bild mit body (in Pink).
    Das pinke Ding sieht aber gresslich aus und passt überhaupt nicht zu dem Rest.

geändert.

• "Du bist hier: I > G > D > S > F > T > S > E > R > Links > Nützliches"

werd ich heut abend machen... (bin grad in eile, muss gleich weg)

Außerdem ist zwischen dem Du und Rand nur 1px frei. Und das ist zu wenig.

so?

• W3C-Logos sind viel zu klein. Man erkennt noch nicht mal worum es geht.

gut. ich glaub, ich werd dort text verwenden...

• "-> Hier gehts weiter." Du solltest den "Hier"-Link etwas mehr hervorheben.
    Für Leute mit schlechten Augen ist da kaum zu erkennen, dass es ein Link ist.

die internen links haben ja schon den pfeil...

• Du verwendest zu viele gemischte Farben: Pink, rot, grün...
    Die passen einfach nicht mehr zu einander.

wo? beim logo?...

• Im Impressum wird die Email durch ein Bild dargestellt.
    Aber das Bild hat einen grauen Hintergrund, total unangepasst.

verwendest du leicht den IE?... -> das soll transparent sein. beim mozilla ist es transparent.

• Seite Bookmarken steht beim IE untendrunter.
    Aber gebookmarkt wird nur die Startseite. Auch wenn man die aktuelle Seite will.

werd ich ändern

• farben.php --> nicht erreichbar - gibt es die Seite?

sry. sollte farbe.php heißen. ändere ich auch.

• Copyright (©) Warum immer dieses © ? Hälst du den User für so blöd,
    dass er nicht weiß, was das © bedeutet?

nein tu ich nicht. aber sicher ist sicher...

• "Du bist hier: ...Impressum" Wieder so ein "Du bist..." und dieses mal wieder anders.
    *kopfschüttel*

ich schreib eine seite, wo die navigation erklärt wird ;-) (ohne scherz)

• Du solltet zwischen <img src="http://www.djcrackman.net/usr/chopin/img/pfeil.png" border="0" alt=""> und dem Link ein &nbsp; setzen,
    denn sonst rutscht der Link manchmal ohne die Grafik in die nächste Zeile.

gut. hab dort nur ein ' '. versehen meinerseits.

• Kann es sein, dass du die Darstellungsfarben für HTML-Code des Phase 5 übernimmst?
    (Wenn auch nicht überall)

nein. 1. verwende ich phase 5 lange nicht mehr. 2. war das so aus gefühl heraus.

So, das war es an Kritikpunkten. Das ist mir aufgefallen.
Aber manche Grafiken, wie die zu den CSS-Grundlagen, sind einfach super.

danke! *freu*

Ich hoffe ich konnte helfen, H2O

ja schon.

danke nochmal

lg
azok(=freak)

[H2O]

Hallo.

• Auf der Startseite ist ja das Bild mit body (in Pink).
  geändert.

Gut.

werd ich heut abend machen... (bin grad in eile, muss gleich weg)

Aha...

so?

Ja. Das kommt zumindest so rüber. Das "Du" klebt ja fast am Rand.
Aber das ist wohl Geschmackssache.

gut. ich glaub, ich werd dort text verwenden...

Auch eine Möglichkeit.

die internen links haben ja schon den pfeil...

Aber ein bisschen mehr Unterscheidung wäre nicht schlecht.
Ich habe ehrlich gesagt zuerst auf den Pfeil geklickt und nicht auf das "Hier", weil mir das "Hier" einfach nicht vorkam wie ein Link.

• Du verwendest zu viele gemischte Farben: Pink, rot, grün...
    Die passen einfach nicht mehr zu einander.
  wo? beim logo?...

Auf dieser Seite z.B. ganz extrem:
http://www.djcrackman.net/usr/chopin/farbe.php
Das Bild rot, blau, hellblau, der Text ist pink, dunkelblau.
Und auf dieser Seite (http://www.djcrackman.net/usr/chopin/definition.php) ist mittendrin folgender Text: "@import url(datei.css);", alldings in einem fiesen Grün (passt gar nicht zu der restlichen Seite).

verwendest du leicht den IE?... -> das soll transparent sein. beim mozilla ist es transparent.

Beim Mozilla... Mehr als 80% der User benutzen aber den IE. Also sollten die auch eine vernünftige Seite sehen.

• Seite Bookmarken steht beim IE untendrunter.
    Aber gebookmarkt wird nur die Startseite. Auch wenn man die aktuelle Seite will.
  werd ich ändern

Gut.

sry. sollte farbe.php heißen. ändere ich auch.

Da hast du aber noch viel zu tun ;)

• Copyright (©) Warum immer dieses © ? Hälst du den User für so blöd,
    dass er nicht weiß, was das © bedeutet?
  nein tu ich nicht. aber sicher ist sicher...

Meinst du nicht, dass das den User irgendwie nervt.
Oder schreibe ich jedesmal wenn ich etwas schreibe auch die Abkürzung rein?
Zum Beispiel (z.B.) bei der Abkürzung für den Internet Explorer(IE) ?

ich schreib eine seite, wo die navigation erklärt wird ;-) (ohne scherz)

*ggg*

gut. hab dort nur ein ' '. versehen meinerseits.

Ist mir nähmlich auf einer Seite passiert die Grafik stand in der oberen Zeile, der Link in der unteren. Sieht echt komisch aus.

nein. 1. verwende ich phase 5 lange nicht mehr. 2. war das so aus gefühl heraus.

Die Kommentare wie /* */ haben nähmlich genau die selbe Farbe wie beim Phase 5.

Aber manche Grafiken, wie die zu den CSS-Grundlagen, sind einfach super.
danke! *freu*

Ich finde man sollte nicht nur die negativen Punkte einer Homepage nennen.

Ich hoffe ich konnte helfen, H2O
ja schon.

Freut mich zu hören.

danke nochmal

Kein Problem.

Schönen Tag noch, H2O

[azok]

hi!

verwendest du leicht den IE?... -> das soll transparent sein. beim mozilla ist es transparent.

Beim Mozilla... Mehr als 80% der User benutzen aber den IE. Also sollten die auch eine vernünftige Seite sehen.

aber was kann ich dran ändern, dass der IE auch grafiken, die den hintergrund 'transparent' haben, auch wirklich transparent sind? soll ich ihnen den hintergrund 'weiß' verpassen?

lg
azok(=freak)

[H2O]

Hallo.

aber was kann ich dran ändern, dass der IE auch grafiken, die den hintergrund 'transparent' haben, auch wirklich transparent sind? soll ich ihnen den hintergrund 'weiß' verpassen?

Was hält du hier von:
http://de.selfhtml.org/css/eigenschaften/filter.htm#chroma
Nochmal extra weiß machen?

Aber sonst binde die PNG-Grafik doch als GIF ein.
Transparente GIF's sind für den IE kein Problem.

Ich hoffe ich konnte helfen, H2O

[azok]

hi!

trotzdem danke!

lg
azok(=freak)

[H2O]

Hallo.

trotzdem danke!

Warum trotzdem?
Ein transparentes GIF und die Sache wäre gelöst.

Schönen Abend, H2O

[azok]

hi!

gut. einfach danke.

lg
azok(=freak)

[H2O]

Hallo.

gut. einfach danke.

Gern geschehen.
Und ich hoffe du siehst ein, dass GIF's Browserfreundlicher sind als PNG's.
Das GIF-Format ist so ziemlich das einfachste Bildformat, das es gibt.

Schönen Tag noch, H2O

[azok]

hi!

Und ich hoffe du siehst ein, dass GIF's Browserfreundlicher sind als PNG's.
Das GIF-Format ist so ziemlich das einfachste Bildformat, das es gibt.

weiß ich schon. nur ich hab gelesen das 1. das png format vom w3c als ersatz für gif vorgeschlagen worden ist und man 2. mit gif patentrechtliche probleme kriegen  kann...

lg
azok(=freak)

[H2O]

Hallo.

weiß ich schon. nur ich hab gelesen das [...]

Was du liest...

1. das png format vom w3c als ersatz für gif vorgeschlagen worden ist und man [...]

Als Ersatz für GIF's? Blöde Idee.

2. mit gif patentrechtliche probleme kriegen  kann...

Natürlich. Wenn du deine Emailadresse auf ein GIF schreibst hat sich das vielleicht schon jemand patentieren lassen *g*

Schönen Tag noch, H2O

[Fabian Transchel]

Hallo H2O,

1. das png format vom w3c als ersatz für gif vorgeschlagen worden ist und man [...]
   Als Ersatz für GIF's? Blöde Idee.

Liest du eigentlich, was du schreibst? *kopfschüttel*

Ich verzichte jetzt hier bewusst darauf, dir zu erklären, warum _gerade_ PNG _genau_ für die Aufgabe, GIF zu ersetzen, geschaffen wurde, sondern lasse dich das selbst herausfinden, allzu schwer ist es nicht, zumal es zigfach im </archiv> erklärt ist.

Grüße aus Barsinghausen,
Fabian

[H2O]

Hallo.

Liest du eigentlich, was du schreibst? *kopfschüttel*

Manchmal lese ich es mir nochmal durch.
Ich muss aber erlich sagen, dass ich es in diesem Fall nicht getan habe *g*
Aber das war eben meine Meinung zum Ersatz der GIF's durch PNG's.

Ich verzichte jetzt hier bewusst darauf, dir zu erklären, warum _gerade_ PNG _genau_ für die Aufgabe, GIF zu ersetzen, geschaffen wurde, sondern lasse dich das selbst herausfinden, allzu schwer ist es nicht, zumal es zigfach im </archiv> erklärt ist.

Niemand ist perfekt...
Ich weiß. Mit PNG's kann man eben nicht nur transparente Grafiken erstellen, sondern auch halbtransparente, und vieles mehr...
Trotzdem finde ich GIF's besser, weil diese einfach von jedem vernünftigen Browser interpretiert werden.
Und über 80% nutzen den IE und genau dieser Browser kommt nicht so gut mit dem PNG-Format klar. Also lasse ich selber lieber PNG's weg und benutze stattdessen GIF-Dateien.
Schließlich möchte ich, dass so eine Grafik in jedem Browser gut aussieht.

Schönen Tag noch, H2O

[Tobias Kloth]

Hallo,

Trotzdem finde ich GIF's besser, weil diese einfach von jedem vernünftigen Browser interpretiert werden.

PNG auch.

Grüße aus Nürnberg
Tobias

PS: du weißt, dass die Gif-Patente ausgelaufen sind, ja? (->http://www.heise.de/newsticker/meldung/48357)

[H2O]

Hallo.

PNG auch.

Und warum hat azok dann auf ihrer Seite Probleme mit dem IE, wenn sie PNG's einsetzt?

PS: du weißt, dass die Gif-Patente ausgelaufen sind, ja? (->http://www.heise.de/newsticker/meldung/48357)

Bedeutet das, das bald kein GIF-Patent mehr angemeldet ist, oder wie?

Schönen Tag noch, H2O

[Tobias Kloth]

Hallo H2O,

Trotzdem finde ich GIF's besser, weil diese einfach von jedem vernünftigen Browser interpretiert werden.
PNG auch.
Und warum hat azok dann auf ihrer Seite Probleme mit dem IE, wenn sie PNG's einsetzt?

du willst doch den IE nicht als vernünftigen Browser bezeichnen, oder?

PS: du weißt, dass die Gif-Patente ausgelaufen sind, ja? (->http://www.heise.de/newsticker/meldung/48357)
Bedeutet das, das bald kein GIF-Patent mehr angemeldet ist, oder wie?

Patente laufen nach 20 Jahren ab (bzw. können nur 20 Jahre lang verlängert werden) - und da die Anmeldung der GIF-Patente schon über 20 Jahre her ist, sind sie eben abgelaufen.

Grüße aus Nürnberg
Tobias

[H2O]

Hallo.

du willst doch den IE nicht als vernünftigen Browser bezeichnen, oder?

Die Frage war ironisch, richtig? - Natürlich nicht.

Patente laufen nach 20 Jahren ab (bzw. können nur 20 Jahre lang verlängert werden) - und da die Anmeldung der GIF-Patente schon über 20 Jahre her ist, sind sie eben abgelaufen.

Das heißt, man kann keine Patentrecht-Probleme mehr bekommen, wenn man PNG's einbindet?

Schönen Tag noch, H2O

[Detlef G.]

Hallo H2O,

Das heißt, man kann keine Patentrecht-Probleme mehr bekommen, wenn man PNG's einbindet?

PNG's?
Patente gabs auf GIFs, nicht auf PNGs.

Auf Wiederlesen
Detlef

[H2O]

Hallo.

PNG's?

Nein, GIF.

Patente gabs auf GIFs, nicht auf PNGs.

Ach, Mist. Ich meinte GIF... Sorry. Und dabei habe ich mir das Posting vor'm Absenden nochmal durchgelesen... *g*

Schönen Tag noch, H2O

[Detlef G.]

Hallo H2O,

Und über 80% nutzen den IE und genau dieser Browser kommt nicht so gut mit dem PNG-Format klar.

Auch der IE kommt mit dem PNG-Format klar, nur nicht mit der Alphatransparenz bei Echtfarben-PNGs. Bei 256-Farben-PNGs gibt es afaik keine Probleme, also bei den Grafiken, die du auch als GIF speichern könntest. Besonders bei größeren Grafiken werden dabei PNGs oft deutlich kleiner als GIFs.

Auf Wiederlesen
Detlef

[H2O]

Hallo.

Auch der IE kommt mit dem PNG-Format klar, nur nicht mit der Alphatransparenz bei Echtfarben-PNGs. Bei 256-Farben-PNGs gibt es afaik keine Probleme, also bei den Grafiken, die du auch als GIF speichern könntest. Besonders bei größeren Grafiken werden dabei PNGs oft deutlich kleiner als GIFs.

Oh, ja? Danke für die Information.
Dann stimmt meine Aussage also nicht ganz, sorry.

Auf Wiederlesen

Gerne ;)

Schönen Tag noch, H2O

PS: Da fällt mir noch was zu deiner Signatur ein:
[Signatur-Zitat]:

• Wissen ist gut
• Können ist besser
• aber das Beste und Interessanteste ist der Weg dahin!

Da gibt es noch so einen schönen Spruch:
Der Weg ist das Ziel.
Gefällt mir irgendwie, kurz, aber sagt das Wichtigste aus.

[Detlef G.]

Hallo H2O,

Der Weg ist das Ziel.
Gefällt mir irgendwie, kurz, aber sagt das Wichtigste aus.

Trifft es aber nicht ganz.
http://forum.de.selfhtml.org/archiv/2003/12/66985/#m383511

Auf Wiederlesen
Detlef

[H2O]

Hallo.

Trifft es aber nicht ganz.
http://forum.de.selfhtml.org/archiv/2003/12/66985/#m383511

OK, überzeugt. *g*

Schönen Tag noch, H2O

[Fabian Transchel]

Hi,

Warum trotzdem?
Ein transparentes GIF und die Sache wäre gelöst.

Bedenke, dass gifs auf 256 Farben begrenzt sind.

Grüße aus Barsinghausen,
Fabian

[H2O]

Hallo.

Bedenke, dass gifs auf 256 Farben begrenzt sind.

Oh, ja. Und da ist die Farbe schwarz warscheinlich nicht dabei *g*
Diese GIF soll doch nur als Schutz vor Spydern dienen.
Eine einfache Emailadresse auf weiß wird eine GIF schon schaffen.

Schönen Tag noch, H2O