WMP Webstandards

werbegeschenk

Im folgenden schreibe ich ein paar Kleinigkeiten auf, die mir aufgefallen sind. Bei "normalen" Seiten sind die meisten Sachen vielleicht/wahrscheinlich sogar vernachlässigbar, nicht aber bei einer seite, die sich Zugänglichkeit und den richtigen Umgamg mit XHTML/CSS auf die Fahnen geschrieben hat ;-)
Links und normaler Text lassen sich teilweise nur schwer unterscheiden. Leider werden Links nicht standardmäßig unterstrichen. In der Navigation ist das ja vielleicht noch in Ordnung da man dort davon ausgeht, dass es Links sind aber im normalen Kontext stört es. Zumal Überschriften und Links auch noch die selbe Farbe haben und so - außer durch den "Pfeil-wird-zur-Hand-Text " - nicht zu unterscheiden sind.
Wenn es euch so wichtig ist, dass die Seite in XHTML geschrieben ist - dann liefert Sie doch (für Browser die das verstehn) auch als solches aus.
Schaltet in euren Browsenr mal das laden von Bildern ab - teile der Navigation kann man dann nicht oder nur noch sehr schlecht lesen.
Textbrowser, Suchmaschinen, Clients mti abgeschaltetem CSS bekommen die Administrations-Links zu sehn - irgendwie unschön.
Die Überschriften in der Navigation würde ich anders lösen - sicherlich ist so auch ok, aber ich fände es schöner, wenn man dazu verschachtelte Listen verwenden würde.
Mehr fällt mir jetzt erstmal nicht ein :)

pberndt

Ich kann hier nur zur technischen Seite etwas sagen, zur Umsetzung des Designs in XHTML sagt tm sicher noch etwas:
- Die Administrationslinks lassen sich nicht anders lösen, ohne auf die genutzte Art des Cachings zu verzichten. Allenfalls kann man die Links anders positionieren, sichtbar werden sie für Textbrowser jedoch immer sein.
- Zwar gehe ich mit der text/html Auslieferung das Risiko ein, dass manche Browser intern die HTML4 Engine verwenden, dafür zeigt die Seite im Gegensatz zu text/xml auch jeder Browser an...

Twisting

Diese Seiten werden in XHTML 1.1, damit die Erweiterbarkeit gegeben ist. Um eine größtmögliche Kompatibilität zu erreichen, wird auf ein XHTML-Export verzichtet. Schließlich soll vrallem auch für Anfänger demonstriert werden, daß man auch mit einem relativ striktem Dokumententyp valide auszeichenen kann - that's all. Außerdem bin ich in diesem Punkt nicht so fundamentalistisch eingestellt. :)
Dem Argument "Textlinks lassen sich nur schwer von normalem Text oder Überschriften unterscheiden" stimme ich zu - das sollte auf jeden Fall geändert werden. Eine verschachtelte Liste hätte ich auch bevorzugt, jedoch die CMS-programmierung unnötigt kompliziert gemacht - deshalb diese Lösung.
Die Überschriften in der Hauptnavigation sollten vielleicht wirklich eine andere Farbe bekommen, da man ohne Hintergrundbild den Text nur schwer lesen kann...die Navigationlinks sind jedoch davon nicht betroffen.
Danke für deinen Kommentar :)

pberndt

Die text/html Sache hat sich übrigens erledigt ;)

Heiko

Hallo,
eine sehr schöne Seite, puristisch, ohne Schnörkel und Trallala. Mich würde interessieren - oder besser gesagt - ich fände es gut, wenn Ihr Standardlayouts aufnehmen würdet. Also komplette Seitenlayouts der Rubriken inkl. CSS und HTML Strict oder XHTML Strict. Damit könnten dann viele Leute schon was anfangen, ohne gleich die Expertenbücher zu kaufen. Vor allem trägt man da sicher erheblich dazu bei, den Standard im Internet mal endlich durchzusetzen. Sicherlich könnte man zehn Standardlayouts zusammen stellen, so daß der User einfach per Copy C das übernehmen kann.
Ansonsten viele Grüße und weiter so.
Heiko

Twisting

@Heiko: Ist geplant und mehr oder weniger in Arbeit.

Sigi

Die gesamte Seite ist wirklich sehr ansprechend und bringt gute Informationen über CSS-Layout. Weiter so !
Leider ist die horizontale Zentrierung nicht geeignet für sehr schmale Browserfenster, da in diesem Fall ein Teil der linken Navigationsleiste nach links außen ins Nichts verschwindet. Auch mit Scrollen ist dann nichts mehr zu machen. Vielleicht sollte man die Zentrierung doch über "margin-left:auto; margin-right:auto;" machen !

Twisting

So besser?

Monbro

Ich möchte eigentlich nur zum Ausdruck bringen wie toll ich das Projekt von euch finde! Ich werde mein Möglichstes geben um die Seite zu puplizieren. Weiter so! ;-)

mazzo

Sehr schöne Seite mit gut dokumentierten Beispielen! Gefällt mir prächtig.

bojo

Kompliment! schöne und "gerade" Seite, prächtig!

teuton

Finde die Seite sehr interessant. Ich habe die Seite von einem Rechnermit Betriebssystem SuSE 9.3 unter Benutzung des Browsers Firefox bzw. konqueror und alles sieht OK. Heute in der Schule wo ich unterrichte sehe ich mir die Seiten aus einen win2000 Rechner unter Benutzung des Netscape 7.2 und IE 5.5. Unter Netscape wunderbar, unter den IE sehe ich ganz rechts die Hälfte der Navigation, der Rest der Seite nur über scrollen erreichbar. Wieso?
Ansonsten gute Erklärungen. Weiter so.
teuton

pberndt

Hallo,
die Seite ist eigentlich im IE 5.5 getestet. Liegt auf den Rechnern eventuell eine besondere Konfiguration des IE vor oder ist ein Proxy/Werbefilter geschaltet? So oder so würde ich mich über einen Screenshot per Mail sehr freuen, wir werden dann versuchen, das Problem zu beheben :)

teuton

Hallo pberndt, Bin die ganze Woche nicht in der Schule gewesen und deshalb kann ich erst Montag einen Screenshot machen und dir rüber schicken. Wo sollte ich es rüber schicken?
Über die Einstellungen des IE kann ich dir nichts sagen der Admin hat alle möglich Einstellungen verborgen. Keine Ahnung was da ist. Weiss nur Sachen wie zB cookies sind nicht erlaubt, Javascript deaktiviert. Alles andere...keine Ahnung. Sollte ich der Admin sehen frage ich ihn. Screenshot kommt Montag dann. Gruß, teuton

pberndt

Danke, zwischenzeitlich sind wir schon an nen Screenshot gekommen :) Buglösung ist im entsprechenden Forum bereits gepostet, muss nur noch beizeiten eingebaut werden..

teuton

OK, also sende ich dir nicht das Screenshot am Montag? Welche wäre, bzw. wo finde ich der betreffende Forum?

mCpA!N

Ein dickes Lob an diese Seite und ihre "Gestalter". Super Tipps und Vorschläge, wie man eine gute Seite baut ;)

azure

Sehr informativ und äußerst gut geschrieben. Ich werde in nächster Zeit noch öfter darauf zurückgreifen, so macht HTML wieder jede Menge Spaß.

belimo

Schöne Seite, leider fehlt beim Unterschied HTML/XHTML, dass target in XHTML nicht mehr existiert.

oXidoR

Echt geile Seite :D Vorallem der Content ist geil...
macht weiter so ...

Mike

Hallo liebes WebmastePro Team...
Echt suuuuper hilfreich und lehrreich! Ich werde euch in die Favoriten eintragen!

keona

Hey, ich bin durch Zufall auf diese Seite gestoßen und finde sie sehr gut. Hier finde ich Antworten auf viele Probleme, die ich in der letzten Zeit hatte.
CSS ist eine Sprache die man Heute einfach wenigstens in den Grundsätzen lernen sollte. Viele Bücher sind das Papier nicht wert - viele Webseiten zu technisch. Hier ist alles auf Augenhöhe formuliert und das finde ich einfach sehr sehr gut.
Ich danke für diese Seite.
Liebe Grüße Björn Diekert

gfn

Toll die Tips zu den Navigationen. Wie kann man die Listenelemente z.B. mit 2px horizontal auseinander bringen?