Artikel
Beispiele für gelungene Webseiten
Webkraut Thomas Gigold hat seine Galerie Netzfrühling wiederbelebt. Auf der Seite zeigt er ausgewählte Designs von qualitativ hochwertigen Webseiten.
Aus der Selbstbeschreibung:
Der netzfruehling ist eine Galerie, in der standardkonforme Websites aus Deutschland, Österreich und der Schweiz vorgestellt werden. Hier sammeln sich Websites, bei denen XHTML und CSS zum Einsatz kommen.
Wir wollen zeigen, was mit ein wenig gutem Willen zum Einsatz von Webstandards möglich ist
Diese Inspirationsquelle sollte man sich nicht entgehen lassen.
- Info:
- Beispiele für gelungene Webseiten ist Beitrag Nr. 170
- Autor:
- Eric Eggert am 2. März 2007 um 08:04
- Kategorie:
- Allgemeines
Kommentare
Bitte die Hausregeln beachten. Alle Kommentare werden auf werbliche Links/Nicknames geprüft und gegebenenfalls gelöscht.
Kommentar-Feed für diesen Beitrag
Entschuldige, das Kommentarformular ist zurzeit geschlossen.
Eine gute Auswahl standardkonformer Seiten im edlen Design! Danke für den Link!
Kommentar by Klaus Oppermann - 2. März 2007 um 09:49
Sehr schön, dass es mit netzfruehling weiter geht. Die vorgestellten Seiten sind immer richtig gut als Ideengeber mit Vorbildfunktion.
Kommentar by Christian - 2. März 2007 um 11:47
Freut mich das dem Projekt wieder Leben eingehaucht wird! – Ich denke Deutschland hat viel vorzuzeigen, da tut eine Auswahl gut, die sich mit anderen großen "Link-Potrtalen" messen kann!
Kommentar by Alexander Hahn - 2. März 2007 um 12:03
Sehr schöne Sammlung sehr gelungener Seiten!
ABER (Kritik muss sein): heisst standardkonform nicht auch, dass bei 800×600 der Linke Rand incl. des Startseitenbuttons zu sehen sein sollte (siehe: http://www.nifox.de/ ganz oben).
Kommentar by carsten - 2. März 2007 um 15:56
Netter cssmania & co. Klon, aber die Seite "Magazin für Leipzig Gohlis" halte jetzt nicht für unbedingt erwähnenswert. Zumal da doch so ein paar kleine Probleme mit der Validität bestehen..
Kommentar by panschi - 2. März 2007 um 16:30
In welchem Standard steht das denn?
Kommentar by Tomas Caspers - 2. März 2007 um 16:41
Danke für die netten Worte.
Zum "standardkonform" vielleicht noch ein Wort: Ich halte das relativ locker und sehe Fehler durchaus auch nach; die Seiten müssen also nicht zwangsläufig korrekt validieren.
Netzfruehling soll vor allem eine Inspiration sein und zeigen was mit CSS und XHTML möglich ist.
Und: Ich behalte mir höchste Subjektivität vor. In den Pool wandert nicht zwangsläufig jedes Seite, auf die ich aufmerksam (gemacht) werde, sondern nur die, die ich mehr oder weniger "schick" finde (Stichwort "Inspiration")
Kommentar by Thomas Gigold - 2. März 2007 um 17:22
Hallo, ein wenig Kritik habe ich auch noch.
Ich als hartnäckiger IE Nutzer sehe auf http://www.ebec.net das Menü nach unten gerutscht, es erscheint erst als der Text im Hauptteil zu Ende ist. Aber was will man von einem IE schon erwarten ^^ Ansonsten sind es sehr anspruchsvolle und mit liebe gestalltete Seiten.
Kommentar by Andreas - 3. März 2007 um 18:31
Hallo, das mit dem abgerutschten Menü oder dem abgerutschten Inhalt sehe ich immer wieder (bei CSS-Layout im IE6), z. B. auch bei dieser Seite. Testen die Profis nicht mehr im IE6?
Der Ansatz "was will man von einem IE6 schon erwarten" hilft da auch nicht weiter, es gibt ihn, und zwar nicht zu knapp.
Mit einer Tabelle wäre das nicht passiert …
Zu Beitrag 6: Es gibt Dinge, die muessen in keinem Standard stehen. Es entspricht jedoch den Richtlinien der Barrierefreiheit und der Zugänglichkeit von Internet-Seiten, dass alle Inhalte und die komplette Navigation auch bei kleinen Auflösungen erreichbar sein sollten.
Kommentar by GE - 6. März 2007 um 18:48
@GE: Ich habe gerade noch mal nachgeschaut. Diese Seite wird bis runter zum IE 5 gut Dargestellt. Ohne großartige Verschiebungen oder Verrutschungen.
Ohne Tabellen passiert das auch nicht. Man muss sich einfach bewusst sein wie eine Webseite funktioniert, dann tritt man auch nicht wieder und wieder in die selben Fettnäpfchen. Ab IE6 sind die Rendering-Engines im Standardkonformen-Modus fast genauso gut wie die anderer Browser.
Wenn man dann korrektes HTML und ordentlich strukturierte Dokumente benutzt hat man nicht nur ein ordentlich funkionierendes Dokument sondern auch barrierearmes.
Es geht nicht rein um die technische Seite von Standards, wenn man gute Webprojekte erstellt, es geht um eine hohe Qualität. Wenn die Navigation verschwindet ist das ein Qualitätsproblem und kein Standardsproblem.
Tomas Caspers hat (in Beitrag 6) nie behauptet, das das in einem Standard stehen müsse. Die Behauptung hat carsten in Kommentar 4 aufgestellt. Für mich wäre eine verschwindende, unereichbare Navigation ein KO-Kriterium, keine Frage.
Trotzdem finde ich es schade, wenn hier die kritisiert werden, die zeigen wollen, was möglich ist und nicht die, denen dieser Punkt bei ihrer Qualitätskontrolle durch die Finger gerutscht ist. Wenn es solche Probleme gibt, dann reicht in der Regel eine E-Mail an die Betreiber um den Sachverhalt zu klären.
Kommentar by Eric Eggert - 6. März 2007 um 19:29
@ Eric: Es ist eben KEIN Qualitätsproblem einzelner Seiten, sondern ein immer und immer wieder auftretendes Problem von CSS-Layouts im meistverbreiteten Browser der Welt, der nun aber wohl zügig vom IE7 abgelöst werden wird. Trotzdem müssen wir noch einige Jahre mit dem IE6 leben.
Einen Screenshot von dieser Seite werde ich Dir per mail zukommen lassen, wegen der "Fettnäpfchen".
Aber es geht mir nicht um diese oder jene Seite, sondern darum, dass speziell auf den Seiten der Webkrauts immer und immer wieder genau das verteufelt wird, was sicher und browserunabhängig funktioniert, nämlich das Tabellenlayout. Und das kann man genauso gut und schlecht machen wie andere Dinge. 5 Tabellen ineinander verschachtelt müssen sicher nicht sein.
Ich bin stark in Versuchung, eine Sammlung der schönsten Seiten im Tabellenlayout zusammenzutragen, die könnte ganz sicher mit der obigen Sammlung mithalten.
Tabelle kommt von table, und damit ist die Tischfläche gemeint, nicht die Beine
. Unsere Tischfläche ist der Bildschirm. Tabellen sind genau dazu da, Flächen in Bereiche aufzuteilen, und somit Informationen übersichtlich anzuordnen. Der Einsatz von Tabellen zu Layoutzwecken ist also kein Missbrauch, sondern ursprüngliche Bestimmung der Tabelle. Und ausserdem standardkonform.Anmerkung der Redaktion: zur allgemeinen Belustigung lassen wir diesen Schwachfug ausnahmsweise mal stehen.
Ich nenne das "konservatives WebDesign", weil das positiver klingt als "rückständig".
Die Diskussion hier um abgerutschte Bereiche habe ich nicht ausgelöst, sondern nur kommentiert, weil da eben genau das angesprochen wurde, was mir auch an vielen Stellen aufgefallen ist. Und zwar an Stellen, wo keine "neuen Amateure" am Werk sind !
Kommentar by GE - 6. März 2007 um 20:45
Hallo, nur noch eine kleine Selbstverteidigung, wegen dem "Schwachfug". Dann höre ich auf, versprochen!
Das Wort "Tabelle" ist abgeleitet von dem lateinischen "tabula", deutsch: "Tafel", im uebertragenen Sinne also eine Flaeche.
Wenn man im englischen Woerterbuch nachschlägt, findet man unter "table" wiederum "Tisch, Tafel, Tabelle".
Da wir uns hier ja im Internet bewegen, fand ich die Herleitung aus dem englischen einfacher und passender, als mit Latein anzufangen.
Kommentar by GE - 7. März 2007 um 11:57
Es wird auch durch Insistieren nicht besser. Was im HTML-Kontext eine Tabelle ist und was nicht wird nicht durch irgendwelche Wörterbücher festgelegt, sondern durch die HTML4-DTD.
Ende.
Kommentar by Tomas Caspers - 7. März 2007 um 13:17
Also unter "qualitativ hochwertige Webseiten" stelle ich mir etwas anderes vor. Die ersten drei der Sammlung verhindern, das man im IE die Schrift vergrössern kann (fixe Schriftgrösse). Bei dem vierten Beispiel wird das Layout im IE 6 verschoben, sobald man die Schrift vergrössert.
Des weiteren lassen sich die vier ersten Beispiele nicht skalieren. Opera mit Sidebar (1024×768) bekommt sofort einen horizontalen Scrollbalken. Finde ich sehr benutzerfreundlich.
Eigentlich traurig sowas als "qualitativ hochwertige Webseiten" zu bezeichnen.
Kommentar by Matthias Mauch - 7. März 2007 um 19:57
Hallo Thomas, ich habe zwar versprochen, aufzuhören, aber Dein Kommentar veranlasst mich, mich doch nochmal zu melden.
Ich bin doch auch ein "Standardist", weil ich die Einhaltung der geltenden Webstandards absolut befürworte. Und ich bewundere das Engagement der Webkrauts, besonders in Zeiten, in denen die meisten ihr know how und ihr Wissen sorfältig hüten und versuchen, es notfalls mit Patenten zu verteidigen bzw. zu Geld zu machen.
Wo es in Zukunft hingehen wird, zeigt die sehr interessante und beeindruckende Sammlung von Internetseiten beim Netzfrühling, um die es hier ja eigentlich geht.
Wir leben aber im hier und heute, und da lässt sich eben manches einfacher und vor allem zuverlässiger (browserkompatibel) mit einer Layouttabelle lösen, standardkonform auch nach DTD.
Auch auf den beim Netzfrühling vorgestellten Seiten habe ich diese oder jene Layouttabelle gefunden, am besten hat mir folgender tag gefallen:
<table class="spalten-layout">
gefunden beim Netzfrühling, Seite 1, publicat.ch. Für mich völlig in Ordnung, und es ist doch egal, ob der table im div steckt oder umgekehrt.
Ich halte es durchaus für möglich, dass auch ich auf tabellenloses Layout umsteige, wohl aber erst dann, wenn der IE6 den gleichen Stellenwert hat wie heute der NN4.
Kommentar by GE - 9. März 2007 um 07:55
Die Wiederbelebung des Netzfrühlings freut mich sehr! Im deutschsprachigen Raum gibt es ja noch wenige echte CSS-Blüten, welche auch gehegt und gepflegt werden!
Wünsche Dir und uns allen xhtml/css Interessierten viel Spaß mit deinem Projekt!
ps: Danke für die Aufnahme einiger Projekte!
Kommentar by Daniel - 18. März 2007 um 21:18
Ich finde die Designs sehr schön und ich finde es gut eine Seite zu haben, wo man sich Inspirationen einholen kann.
Schöne Seiten und ne schöne Sammlung.
Uwe
p.S. Meine Börsenseite fehlt allerdings noch. Finde das Design ist auch gelungen.
(Link entfernt, weil weder Relevant noch auch nur einigermaßen an Webstandards gekratzt. Einfach Spam. Hasstiraden gerne per E-Mail. — Eric Eggert)
Kommentar by Uwe - 6. April 2007 um 08:21
Ein wirklich gelnge Zusammenstellung von Seiten, die dem Namen in vollem Umfang gerecht wird. Hoffe, dass ich für mein nächstes Redesign eine Reihe von Impulsen mitnehmen kann.
Kommentar by Andreas - 11. Mai 2007 um 10:16
Die Zusammenstellung gefällt mir auch recht gut.
Die Seite sato-krefeld.de gefällt mir am besten. Vor allem die Fotos und das Design sind richtig gut gelungen.
Kommentar by Leo - 6. Juli 2007 um 05:09