Kritik zu: http://www.masse-design.com
Tausch die Seiten, das weiße nach links das schwarze nach rechts. Wotan sei dank leben wir noch in einer westlichen Kultur und hier beginnt man normal mit einem Blick in die linke obere Ecke eines Textes bzw. Bildes. Solltest du mal in die Verlegenheit kommen eine Seite für asiatisches oder islamisches Publikum zu erstellen, solltest du natürlich deren Schreibweise beachten. Von rechts oben nach links oder unten oder wie auch immer.
Das "Masse - Art & Design" würde ich daher auch links oben plazieren. Ich hab das jetzt erst beim 3. Betrachten wirklich bemerkt! Außerdem würde ich Art gegen Kunst austauschen da es noch genügend Leute gibt die mit dem Begriff nix anzufangen wissen mangels Englischkentnissen. Und irgendwie klingt "Kunst & Design" für mich sowieso besser.
Der HTML-Code
Dein HTML-Code ist, sorry, absolut grottig.
Kein Doctype und kein Charset deklariert!
Setzen 6 und nochmal HTML von Anfang an RICHTIG lernen.
Dir fehlen wichtige Attribute wie z.B. alt="text" im <img> Tag.
Die URLs enthalten unescapte &'s die gehören durch & escaped welches dem & entspricht.
Wofür sind die Frames? Die erfüllen keinen Sinn und bringen mehr Probleme als Nutzen im Zweifelsfall. Falls das ein plumper Versuch ist damit die horizontale UND vertikale Zentrierung zu erzielen ist das eine sehr schlechte Lösung. Das funktioniert mit CSS und EINER Tabelle mit 9 Felder sehr gut und erspart uns die ollen Frames. Hier muß man leider eine Tabelle mißbrauchen, da der behinderte IE sonst Probleme bekäme.
Das Tabellenkonstrukt für die ganze Seite kannst du auch in die Tonne treten und das ganze noch mal mit CSS neu machen. Tabellen sind KEINE Designelemente (!!!) sondern zur darstellung von tabellarischen Daten gedacht! Im übrigen ist height="" KEIN erlaubtes Attribut einer Tabelle!
Wieso ist das Rollover des Menüs (das man ebenfalls schlecht als solches gleich erkennt) mit JS realisiert? CSS funktioniert auch hier wunderbar und man braucht kein JS. Rund 18% der User im Web sind ohne JS unterwegs bzw. blocken es und es werden mehr. Von barierefreiem Webdesign mal ganz zu schweigen.
Eine der goldenen Regeln des guten Webdesigns:
NIEMALS JS oder Flash für eine wichtige Navigation benutzen!
Fragt sich eh welche Navigatio NICHT wichtig ist. Imo ist jede wichtig.
Erm... das ist auch besch...eiden und sollte um JEDEN PREIS vermieden werden!
Das Rollover auf den einzelnen schwarzen Bildern ist mir gerade nur durch Zufall aufgefallen. Das Rollover ist sicher auch mit JS gemacht (ich spar mir jetzt mal die Mühe das im Source zu überprüfen) und funktioniert bei mir nicht korrekt. Erst wenn ich einmal auf ein Bild geklickt habe wird der Rollovertext angezeigt! Auch hier -> CSS statt JS nehmen!
Die PHP-Fehler
Code:
Warning: main(content/news.txt): failed to open stream: No such file or directory in /Platz/www/docs/user/saatkamp/home.php on line 55
Wenn du vor hast mit der Seite für dich zu bewerben solltest du zusehen das solche Fehler a) vermieden werden B) SAUBER abgefangen werden, sprich nicht einfach mit einem @ kaschiert werden sondern korrekt mit is_file() geprüft werden ob die Datei überhaupt existiert und dann entsprechend etwas dagegen unternehmen!
die Ladezeit
Die Ladezeit ließe sich dramatisch reduzieren, wenn man CSS anstatt den fetten Tabellen benutzen würde. Ich hab keine Lust wieder das Rechenexampel auszugraben, frag McGunnor nach dem Thread wo er eine Kritik von mir erhalten hat.
PNG's mit Alphachannel und CSS-Hack für eine korrekte Darstellung im grottigsten Browser der Welt - ja, dem IE! Alternativ auch transparente Gifs. Spart noch mal EINIGE Kb bei den Bildern.
--------------------------------------------------------------------
Kritik zu: http://www.masse-design.com/user/
Technisch genau die gleiche Kritik wie oben.
Zum Design und Layout: Auch hier versteckt sich das Logo wieder klein und unscheinbar in der untersten linken Ecke und die Raupe dominiert die Seite. "Hä, watt? Worum gehts hier?" ist meine, und sicher auch die Reaktion der meisten User bei dem ersten Eindruck der Seite. Kein Mensch hat Bock lange den Sinn/Inhalt einer Seite zu begreifen. Auswahl gibts genug und so wird er wohl recht fix weiterziehen.
So fern es sich nicht um Omma Kätes und Progamerlamers k1ll0Rs Cheatseite handelt ist die allerwichtigste Aufgabe einer Website Informationen schnell und eindeutig zu vermitteln. Erst danach kommt das Design! Es dürfen NIEMALS Abstriche am Layout wegen irgendwelcher JS, Flash oder generell Grafikspielereien gemacht werden. Gerade bei Firmenseiten ist das wichtig.
Das Layout ist aber auch nicht pralle. Die Abstände sind durchweg anders, besonders bei dem Textblock fällt das auf. Der Textblock erscheint obendrein viel zu schmal mit ~40 Zeichen Länge. Außerdem wird die Lesbarkeit durch fehlende Absätze gemindert. Versuch den Text auf 60 Zeichen Länge und 4-6 Zeilen pro Absatz zu formatieren. Den Text könnte man im ganzen auch noch leicht andersfarbig hinterlegen um ihn besser vom Hintergrund abzuheben.
Wo wir gerade bei Hintergründen sind: Der Hintergrund der Seite ist weiß, der Teil der Seite der den Content enthält hat auch einen weißen Hintergrund. Das ist reichlich suboptimal. Auch hier würde ich den Hintergrund durch ein LEICHTES, SCHLICHTES Muster oder eine LEICHTE Farbänderung des Hintergrundes abheben.
---------------------------------------------------------------------
Abschließendes Fazit:
Falls du vor hast das ganze beruflich zu machen, mach es richtig. Pfuscher gibts schon mehr als genug:
http://www.heise.de/newsticker/meldung/58041
96,1% aller Webdesigner haben nämlich offenbar keine Ahnung von dem was sie tun. Aber Webdesigner ist ja heute eh jeder der Frontpage halbwegs beklicken ehhh bedienen kann...
Deine Designs und Layouts haben einen guten Ansatz, sind relativ sauber aber es gibt noch reichlich Optimierungspotential. Ich denke mal da solltest du auch relatisch schnell lernen wie man es besser macht. Ansich gibt es nur ein paar Grundregeln einzuhalten und ein Auge dafür zu entwickeln. Das kommt aber mit der Zeit.
Technisch gesehen solltest du UNBEDINGT etwas tun. Die Fehler die du im Code gemacht haste verraten mir, dass du keinen Plan hast was da eigentlich passiert und wieso und wofür so manches überhaupt gemacht wird.
Du solltest dir Selfthml ->
http://www.selfhtml.net noch mal vom Anfang her ansehen oder am besten die Dokus auf
http://www.w3.org durchlesen. Apropos W3. Wenn du schon mal da bist hilft es auch deine Seite dort mit dem Validator gleich zu validieren. Der verrät dir wo die Fehler stecken
http://validator.w3.org
Weiterhin kann ich die Tidy-Extension für Firefox empfehlen und Tidy selbst auch. Tidy ist ein programm das HTML-Code validieren und bedingt korrigieren kann. Google einfach danach. Tidy gibts für Linux, Windows, MacOS und als Firefoxextension.
Dann würde ich noch die Webdeveloper-Toolbar für Firefox empfehlen und "Live HTTP Headers", eine Extension die die Headerinformationen live anzeigt. Sehr nützlich u.a. für die php-Entwicklung.
Abschließend schau dir noch
http://www.css4you.de an und verwirf die Tabellen! Die haben nix als Designelemente in einer Seite verloren!