Bitte Webseite testen/beurteilen
 

Hi!
Ich muss als MIP (Mathe-Informatik-Physik)-Prüfung ne Webseite machen, Abgabe ist Dienstag. Da viele Augen mehr sehen als zwei, Möchte ich eich bitten, die Website in augenschein zu nehmen und Tipps/Fehler zu posten.

LINK: [URL="http://home.arcor.de/pilz-kopf/Projekt"]home.arcor.de/pilz-kopf/Projekt[/URL]

Leider darf ich nicht alles verwenden, da wir nur die Kenntnisse aus dem Unterricht verwenden sollen. Und Leider FRAMES :kotzi: benutzen müssen.

Farbe wird vllt noch blau, mal sehen ob die Zeit reicht.

Gruss, Olli

AW: Bitte Webseite testen/beurteilen
 

- der Seiten-Titel lautet 'framesets', das solltest Du vielleicht noch in was sinnvolleres aendern.

- zur Farbgestaltung wuerde ich Dir empfehlen, [url=http://www.metacolor.de/]die Ausfuehrungen von metacolor[/url] mal zu ueberfliegen. Eventuell auch [url=http://www.webdesign-referenz.de/designtheorie_einleitung.shtml]dieses E-Book[/url] mal ueberfliegen.

- eventuell solltest Du das ganze noch etwas umstrukturieren, so dass der Textbereich nicht allzu breit wird. Im normalen Schriftsatz gelten 55-60 Buchstaben auf der Zeile als am leichtesten lesbar. Siehe [url=http://www.stichpunkt.de/css/zeilenbreite.html]diese Testseite[/url]

- wenn man an der linken Seite das 'free stuff' aufklappt, steht der Link zum Closen des aufklappenden Untermenues an einer sehr doofen Stelle. Leg den doch einfach auf 'Free Stuff' selbst ;)

- Du solltest eventuell noch per JavaScript verhindern, dass man die Seiten ohne den Navigationsframe oeffnen kann - oder besser, auf jeder Seite noch einen Link zum uebergeordneten Frameset anbieten. So sind auch die, die ueber eine Suchmaschine auf Deine Seite kommen, versorgt.

- alle Seiten (auch die Framesets) mal durch den [url=http://validator.w3.org/]validator[/url] jagen.

- Da die Seiten recht verschachtelt werden, solltest du vielleicht noch auf jeder Seite genauer klarstellen, wo sich der Besucher denn jetzt befindet - entweder durch eine andere farbliche Gestaltung des entsprechenden Punktes im Menue links oder auf jeder Seite oben (wie hier im Forum: "TweakPC Hardware Forum > Games und Software > Programmiersprachen > Bitte Webseite testen/beurteilen" siehe oben)

- das Mouseover bei den Links im content-bereich ist schlecht -sobald ich mit der Maus drueber fahre, verschwinden die links, ich wuerde aber schon gern wissen, auf was ich da klicke, wenn ich klicke.

-Im uebergeordneten Frameset steht fuer den content-Bereich scrolling="yes" - vielleicht solltest das weglassen, so dass in kurzen Seiten diese haesslichen ausgegrauten Scrollbars nicht zu sehen sind, und die nur bei Bedarf eingeblendet werden.

- ein alternativer [url=http://de.selfhtml.org/html/frames/definieren.htm#noframes]noframes-Bereich[/url] ist auch nicht schlecht fuer Browser, die frames nicht verstehen.

Gruesse, kerri

AW: Bitte Webseite testen/beurteilen
 

[quote=kerri]
- der Seiten-Titel lautet 'framesets', das solltest Du vielleicht noch in was sinnvolleres aendern[/quote]
Fixed

[quote=kerri]
- zur Farbgestaltung wuerde ich Dir empfehlen, [URL="http://www.metacolor.de/"]die Ausfuehrungen von metacolor[/URL] mal zu ueberfliegen. Eventuell auch [URL="http://www.webdesign-referenz.de/designtheorie_einleitung.shtml"]dieses E-Book[/URL] mal ueberfliegen.
[/quote]
Farben sind später dran.

[quote=kerri] - eventuell solltest Du das ganze noch etwas umstrukturieren, so dass der Textbereich nicht allzu breit wird. Im normalen Schriftsatz gelten 55-60 Buchstaben auf der Zeile als am leichtesten lesbar. Siehe [URL="http://www.stichpunkt.de/css/zeilenbreite.html"]diese Testseite[/URL]
[/quote]
Schriftgröße auf 16 erhöht, so besser oder content schmaler machen?

[quote=kerri]
- wenn man an der linken Seite das 'free stuff' aufklappt, steht der Link zum Closen des aufklappenden Untermenues an einer sehr doofen Stelle. Leg den doch einfach auf 'Free Stuff' selbst ;)[/quote]
Fixed

[quote=kerri]
- Du solltest eventuell noch per JavaScript verhindern, dass man die Seiten ohne den Navigationsframe oeffnen kann - oder besser, auf jeder Seite noch einen Link zum uebergeordneten Frameset anbieten. So sind auch die, die ueber eine Suchmaschine auf Deine Seite kommen, versorgt.[/quote]
Java-Script = nicht im Unterricht behandelt = verboten
Und da das n Schulprojekt ist, wirds keine Suchmachienen-optimierung geben(sonst wären Matatags drin^^)

[quote=kerri]
- Da die Seiten recht verschachtelt werden, solltest du vielleicht noch auf jeder Seite genauer klarstellen, wo sich der Besucher denn jetzt befindet - entweder durch eine andere farbliche Gestaltung des entsprechenden Punktes im Menue links oder auf jeder Seite oben (wie hier im Forum: "TweakPC Hardware Forum > Games und Software > Programmiersprachen > Bitte Webseite testen/beurteilen" siehe oben)[/quote]
hmm, bin am überlegen wie ich das machen kann...

[quote=kerri]
- das Mouseover bei den Links im content-bereich ist schlecht -sobald ich mit der Maus drueber fahre, verschwinden die links, ich wuerde aber schon gern wissen, auf was ich da klicke, wenn ich klicke.
[/quote]
Fixed

[quote=kerri]
-Im uebergeordneten Frameset steht fuer den content-Bereich scrolling="yes" - vielleicht solltest das weglassen, so dass in kurzen Seiten diese haesslichen ausgegrauten Scrollbars nicht zu sehen sind, und die nur bei Bedarf eingeblendet werden.
[/quote]
Fixed

[quote=kerri]
- ein alternativer [URL="http://de.selfhtml.org/html/frames/definieren.htm#noframes"]noframes-Bereich[/URL] ist auch nicht schlecht fuer Browser, die frames nicht verstehen.[/quote]
Kommt - wenn ich die Zeit finde - noch.

[quote=kerri]
Gruesse, kerri[/quote]
THX und Grüße zurück

AW: Bitte Webseite testen/beurteilen
 

Moin,

ich halte von deiner Seite von technischer und optischer Realisierung nichts.

Technisch gesehen hat kerri dir ja schon eingies erläutert. Nur mal ein [URL="http://validator.w3.org/check?uri=http://home.arcor.de/pilz-kopf/Projekt/"]Link[/URL] auf deine Seite durch einen Validator gejagt. Genauso ist dein CSS [URL="http://jigsaw.w3.org/css-validator/validator?uri=http://home.arcor.de/pilz-kopf/Projekt/impressum.html&warning=1&profile=css2"]nicht[/URL] [URL="http://jigsaw.w3.org/css-validator/validator?uri=http://home.arcor.de/pilz-kopf/Projekt/menu_main.html&warning=1&profile=css2"]fehlerfrei[/URL].

Mir ist auch ein wenig unwohl bei der Mischung von verschiedenen Dokumententypen. Das mir persönlich Frames überhaupt nicht zu sagen, habe ich hir schon mehrfach erläutert. Heutzutage (speziell in Zeiten von Ajax) sollte man nicht ien mal mehr daran denken müssen, auf Fragem zurück zu greifen. "Frames benutzen zu müssen" klingt imho eher nach einer typischen Schüler-Ausrede, die den Lehrer nicht ganz richtig verstanden haben. Wenn du weißt, dass Frames Mist sind und du es besser kannst, dann mach es auch anders.

Optisch gesehen schreckt mich die Seite ab. Ich weiß ja nicht was du für einen Monitor hast, aber auf meinem ist das nicht nur grell sondern ein stechend-greller Farbton, schlicht grausam.


Bis auf dem von kerri angemerkten Punkt im Menü gefällt mir dieses allerding sehr. Schön schlicht - vielleicht könnte man noch die anstriche vor einem Unterpunkt etwas optisch aufpeppen.

Gruß

tele

AW: Bitte Webseite testen/beurteilen
 

Naja, ich kann es besser, wenn du ins Überverzeichnis gegangen wärst, hättest du meine eigentliche Seite gesehen, [URL="http://home.arcor.de/pilz-kopf/index.html"]LINK[/URL] .
Ohne Frames. Auch war z.B. das div attribut verboten -.- ich habs missachtet^^



EDIT: Farben fixed!

Meinungen?

AW: Bitte Webseite testen/beurteilen
 

Also, im frameset solltest das scrolling="yes" fuer den Content-Frame nicht durch ein scrolling="no" ersetzen, sondern einfach komplett weglassen. Der Browser macht das dann schon richtig. (Das weglassen entspricht einem Scrolling="auto")

Das Blau ist schonmal wesentlich augenfreundlicher.

Dann im CSS: die width von dem Wrapper solltest Du nicht absolut festlegen ("width: 790px;" steht da im CSS-File) Jemand, der noch mit 800x600 unterwegs ist, wird sich dann freuen, horizontal scrollen zu duerfen, und einer mit 1280x1024 wundert sich ueber den vielen leeren Platz rechts. Lieber auf xx% setzen: Dann nimmt der Browser automatisch deine ordentliche Breite, und auch Leute mit niedrigerer oder groesserer Aufloesung haben keine Probleme. Wenn Du schon ne feste Breite willst, nimm den kleinsten gemeinsamen Nenner: 800x600 - und zwar fuer die ganze Seite, also Menue + Content in der Breite.

Was die border-right: 1px solid #2F2C2C; im #content soll, ist mir auch recht raetselhaft. Bei einer groesseren Aufloesung als 1024x768 haengt die linie da irgendwie etwas zusammenhangslos in der Luft.

Dann hab ich im Code noch ein paar komische Dinge entdeckt:

[html][...]eine Internetseite anfertigen.  Diese  gestaltete ich
mit Editor,[...][/html]Wat machen die beiden   da?

Dann steht haeufiger das da im Code:
[html]<span style="font-weight: bold;"></span>[/html]
Reichlich ueberfluessig, oder? ;)

Wenn Du laengere Texte, also welche, die ueber mehrere Zeilen gehen, hast, die Du schoen ausrichten willst, benutze style="align:justify;" in nem p-tag oder nem div-tag.

Noch ne Stil-Sache: "Im Rahmen des MIP Unterrichtes [b]mussten[/b] wir anstatt einer zweiten Arbeit eine Internetseite anfertigen." Mussten? Klingt etwas widerwillig ;)

Einen Tippfehler hab ich auch noch gefunden, den suchst aber bitte selbst :P

Dann solltest Dich nochmal um die Abstaende der einzelnen Bloecke voneinander kuemmern. Momentan sieht das irgendwie so zusammenhangslos hingeworfen aus. Mal ne kleine Skizze, was ich meine:
[URL=http://img241.imageshack.us/my.php?image=screenshot74eq0.jpg][IMG]http://img241.imageshack.us/img241/7728/screenshot74eq0.th.jpg[/IMG][/URL]
Die beiden roten Linien markieren die Oberkante des Menues und die linke Kante des Logos. Du solltest sehen, dass Du den Text so ausrichtest, dass er mit der Oberkannte des Menues und der Linken Kante des Logos auf jeweils eine Linie faellt. Vielleicht schaffst es auch, dass die ganzen Abstaende, die ich da mit roten Pfeilen markiert habe, halbwegs gleich werden - ausser der rechte, der koennte als 'Puffer' eine variable Breite bekommen, so dass die Seite mit verschiedenen Aufloesungen halbwegs gleich gut aussieht.

Die Namensgebung des Links auf der Seite home.html solltest vielleicht auch ueberdenken. Besser ist hier, wenn Du schreibst:
[html]Es wird auch eine <a href="http://blah.de">Onlineversion dieser Seite</a> geben.[/html]. Da kann sich jeder gleich was drunter vorstellen, wenn er ausschliesslich den Linktext liest - bei Deiner Version muss er erst noch den Text rundrum lesen.

Gruesse, kerri

AW: Bitte Webseite testen/beurteilen
 

bessere Formulierung für

[QUOTE]Im Rahmen des MIP Unterrichtes mussten wir anstatt einer zweiten Arbeit eine Internetseite anfertigen.[/QUOTE]

wäre z.B.

Als Schüler der XYZ-Schule findet im xx.ten Schuljahr MIP (M.... I..... P....) Unterricht statt. Anstatt einer zweiten Arbeit gilt es eine Website anzufertigen, welche folgenden Kriterien genügen muss:
- <unbediiiinnngt frames>
- <kein javascript>
- nur im Unterricht erlernte Elemente


Toll nicht? Da kannst du das für einen nicht MIP'ler Erklären und gleichzeitig hinter vorgehaltener Hand den Spezifikator deklassifizieren.

AW: Bitte Webseite testen/beurteilen
 

Ich hab grade keine Zeit (wir haben morgen weihnachtsfeier in der schule und ich muss n gedicht über mein "schrottwichtelopfer" machen -.-).
werd aber versuchen es noch zu fixen

ps: was sagt der tele zu den farben??

AW: Bitte Webseite testen/beurteilen
 

Hm das Blau ist schonmal ein wenig augenfreundlicher. Allerdings soll ja Helle Schrift auf dunklem Untergrund nicht so super zu lesen sein, daher empfehle ich zwar das Blau als Hintergrund beizubehalten und um den Kontent eine Box zu setzen, in welcher man dann hellen Hintergrund und dunkle Schrift nutzen kann.

Was der schwarze Strich an der rechten Seite des Textes soll ist mir allerdings völlig unklar. Außerdem kenne ich nicht das Wort "eie" in "wird es auch eie Onlineversion".

AW: Bitte Webseite testen/beurteilen
 

Mal was nicht technisches zur Startseite. Das Leerzeichen am Anfang der zweiten Textzeile stört und komplett ist einmal falsch geschrieben (mit "mm").

Außerdem sind die Anfänge vom vorletzten und vom letzten Satz fast identisch.

AW: Bitte Webseite testen/beurteilen
 

So, bin jetzt im fast-Endstadium und am überlegen, ob ich die seite nicht weiterhin betreibe^^.
Naja, hab soviel wie möglich gefixed.

@Kerri: leider ne macke von NVU...#

Test and post, pls!

Olli

AW: Bitte Webseite testen/beurteilen
 

Wenn es ein Schulprojekt ist, würde ich viell. die Sache mit den Killerspielen und dem "Gefluche" rausnehmen ;)

AW: Bitte Webseite testen/beurteilen
 

Den tollen Disclaimer würde ich weglassen!

Lesestoff dazu:

[URL="http://de.wikipedia.org/wiki/Disclaimer#Homepage-Disclaimer"]http://de.wikipedia.org/wiki/Disclaimer#Homepage-Disclaimer[/URL]

[URL="http://www.knetfeder.de/recht/linkurteil/"]http://www.knetfeder.de/recht/linkurteil/[/URL]