Webseitennotdienst

[Shadaik]

Diesen Thread widme ich der konstruktiven Kritik von Webseiten um Katastrophen zu verhindenr oder zumindest doch zu bekämpfen.

Fall des Tages: sporle.de

Unter dem folgenden Link habe ich die designtechnische rettung einer Webseite beschrieben, an der ich bastel:

http://tintenkleckser.blogspot.com/2760/08/der-folgende-beitrag-hat-mehrere.html

Die neue Version ist übrigens noch nicht online, ihr kriegt also nur die Screenshots in dem Text da.

Jetzt meine höfliche Frage: Fallen jemandem noch Verbesserungsvorschläge ein?
Die Seite soll kein Flash, kein Javascript und keine sonstigen Spielereien enthalten, sondern nur simples, planes HTML mit (sehr dosierter) CSS-Stütze.
_________________
Fische schwimmen nur in zwei Situationen mit dem Strom: Auf der Flucht und im Tode

[DieNeueMitte]

Ich sehe keine Navigation. auf den Screenshots...
_________________
Lieber ständig übermüdet als ständig überwacht!

Center or Centrist: Your own political position, regardless of where you are outside the fora. This position is, of course, the voice of sweet reason and compromise.

[Shadaik]

ich will's noch nicht verraten, um die Antwort auf folgende Frage unverfälscht erhalten zu können:

Wo suchst du denn?

PS: Oben, direkt unter dem Logo, die Textlinks
_________________
Fische schwimmen nur in zwei Situationen mit dem Strom: Auf der Flucht und im Tode

[SoWhy]

Wieso änderst du das Logo rechts nicht so, dass es eben nicht abrupt aufhört?

Generelle Sache: ich würde die Links nochmal überarbeiten, die Unterstreichungen nur bei mouse-over vllt und die Farbe noch (so dass besuchte Links nicht so krass anders aussehen). Vllt auch Font, Größe und Schriftart, sowie vllt die "|"-Trenner ersetzen mit was anderem (vllt "∙")

Und den Text bei "Neustart..." (wohl <h1>) auch noch ändern, andere Schriftart vllt und kleiner, vllt dann bold.
_________________
Stop believing - start thinking.
Rise up, rise up!
Live a full life, 'cause when it's over, it's done!
So rise up, rise up! Dance and scream and love
(Cursive - Rise up! Rise up!)

[Shadaik]

Ja, das ist h1 ohne weitere Spezifizierung in der css-Datei, die Darstellung ist also browserabhängig. Ich könnte das natürlich über die css standardisieren, bin aber noch unentschlossen, ob ich so viel fixieren soll, da die Besucher ja auch ihre jeweiligen browsereinstellungen haben.
Allerdings werden reguläre Überschriften definitiv nicht in Großbuchstaben erscheinen.

Links würde ich schon ganz gerne unterstrichen lassen, damit man sie auch als Links identifizieren kann. Ich selbst habe beim Surfen mit nicht unterstrichenen Links große Probleme, die Links im Text als solche wahrzunehmen.
Allerdings, die Farbe könnte nach dem Besuch wirklich gleich bleiben.
Welches Schriftzeichen ist dieser mittige Punkt? Das ken ich nicht. Entschuldige wenn ich jetzt nicht den kompletten Unicode-Ordner unter meinem Schreibtisch zu durchgraben anfange, der ist nicht grade dünn

Das Logo werd ich wohl noch ändern.
Das Problem ist, dass das ursprüngliche Bild, aus dem die Matte stammt (immerhin aus dem offiziellen Pressepaket des Herstellers) ebenfalls an dieser Ecke aufhört, ich müsste sie also komplett selbst zeichnen (bis auf das Playstation-Logo, das findet man noch so zum Einarbeiten).
_________________
Fische schwimmen nur in zwei Situationen mit dem Strom: Auf der Flucht und im Tode

[SoWhy]

[DieNeueMitte]

[Shadaik]

[DieNeueMitte]

Es sah so aus, da es auf keinerlei Art formatiert war. Und eher klein.
_________________
Lieber ständig übermüdet als ständig überwacht!

Center or Centrist: Your own political position, regardless of where you are outside the fora. This position is, of course, the voice of sweet reason and compromise.

[Shadaik]

Die Seite ist jetzt online, weitere Inhalte folgen im Laufe der Woche: http://www.sporle.de/

das Logo wurde noch überarbeitet (wobei ich das EyeToy links ebenfalls noch austauschen werde oder zumindest den Treppcheneffekt beseitige und die Wii-Fernbedienungg noch nicht ganz perfekt ist), die Google-Suche nach unten befördert (weil es oben zu viel Code zwischen Header und Inhalt brachte) und es wurden Nachrichten eingefügt.
Eventuell vergrößeer ich die Schrift in der Navi noch auf 110 - 120%.

Das Forum ist noch nicht eingepasst, das folgt ebenfalls im Laufe der Woche. Ich hab's aber schonmal eingebunden, schaden kann's mE nicht.

Und ja, das da unten ist ein Freundschaftswerbe-Banner. Ist nur übergangsweise da, ich hab auch richtige Werbepartner.

edit: Der W3C-Validator mag die Seite nicht (38 Fehler), das Problem dabei ist, dass 36 der 38 Fehler nicht mein Werk sind, sondern aus eingebetteten Inhalten (Videos, Anzeigen und der Suchfunktion) stammen.
_________________
Fische schwimmen nur in zwei Situationen mit dem Strom: Auf der Flucht und im Tode

[DieNeueMitte]

Also, Konqi zeigt die Seite verzoegert an und rechts ist ein blöder grauer Rand...
_________________
Lieber ständig übermüdet als ständig überwacht!

Center or Centrist: Your own political position, regardless of where you are outside the fora. This position is, of course, the voice of sweet reason and compromise.

[Shadaik]

[Tassilo]

[Shadaik]

[Tassilo]

[Tassilo]

[Shadaik]

[Tassilo]

[Shadaik]

Zum Konqueror: Konqueror hat tatsächlich Probleme mit den html-Fehlern.
Das Problem ist, dass alle Fehler im Code der eingebetteten Videos und Anzeigen liegen, bei denen ich nicht weiss, wie weit ich darin herumpfuschen darf (besonders bei den Anzeigen kann das Ärger geben).

Es ist allerdings nicht uninteressant, wie fehlerhaft das html ist, das selbst große Anbieter, die es schon aufgrund ihrer Marktnische besser wissen müssten (Google einschließlich AdSense und YouTube) anbieten.

Jedenfalls empfehle ich, diesen seltsamen plugin-aufgeblasenen KDE-Dateimanager durch einen vernünftigen Browser zu ersetzen.
_________________
Fische schwimmen nur in zwei Situationen mit dem Strom: Auf der Flucht und im Tode

[Querdenker]

Falls noch nicht bekannt, hier ein paar Links zur Webseitenestaltung mit CSS:

http://www.csszengarden.com/tr/deutsch/

Einfach mal durchklicken. Der HTML-Code ist immer der gleiche, lediglich das CSS wird verändert.


http://www.yaml.de/
und
http://builder.yaml.de/

builder.yaml.de ist ein nützliches Onlinetool, mit dem man sich schnell und einfach eine Website strukturieren kann und dann den Quellcode einfach nur noch Kopieren muss.

Vielleicht ist da ja was hilfreiches dabei.

[Shadaik]

Meintest du mich?

Hab ich doch: http://www.sporle.de/base.css

Ich arbeite im Layout weiterhin lieber mit Tabellen, weil bei einem solch einfachen Layout der Code für eine Tabelle kürzer und einfacher zu lesen ist als eine CSS/XML-Codierung.
Immerhin, yaml soll wirklich der beste ONline-Editor sein, den es gibt. Ich zieh aber weiterhin Editor vor
_________________
Fische schwimmen nur in zwei Situationen mit dem Strom: Auf der Flucht und im Tode