Die Gestaltung eines CSS-Layouts - einfach erklärt
09.01.2005 | CSS, Webstandards | 4 Kommentare | Print
Wer die Colored Boxes von Russ Weakly mochte, darf sich nun freuen. Andreas Kalt hat mit Farbige Kästen: Eine Methode für die Gestaltung eines reinen CSS-Layouts dafür eine autorisierte deutsche übersetzung des Tutorials veröffentlicht.
11 Schritte helfen bei der Erstellung eines tabellenfreien Website-Layouts komplett mit Cascading Stylesheets (CSS).
Aus dem Inhalt:
- Einführung
- Schritt 1: Festlegen, welche Browser unterstützt werden sollen
- Schritt 2: Mögliche Container im Design erkennen
- Schritt 3: Die Container benennenn
- Schritt 4: Das Markup für die Container erstellen
- Schritt 5: Eine Positionierungsmethode für die Container auswählen
- Schritt 6: Farbige Kästen
- Schritt 7: Den Inhalt einfügen
- Schritt 8: Gestaltung innerhalb der Container
- Schritt 9: Die CSS-Regeln in eine separate Datei auslagern
- Schritt 10: Bestimmte Regeln vor älteren Browsern verstecken
- Schritt 11: Ein Stylesheet für Ausdrucke erstellen
- Fertig!
Passend dazu gibt es ja bereits die deutsche Übersetzung Vorteile von Web-Standards der Übersicht benefits of Web Standards von Russ Weakly.
Dann dürfte ein tabellenfreies Layout für Beginner ja wieder ein paar Schritte einfacher und verständlicher geworden sein.
War der Artikel für Euch wertvoll? Wollt Ihr Euch den Beitrag als Bookmark merken?
Einfach RSS-Feed abonnieren oder das Lesezeichen mit anderen Menschen teilen:
Kommentare und verweisende Trackbacks
zum Beitrag: Die Gestaltung eines CSS-Layouts - einfach erklärt
Kommentare
1 | Jörg schreibt am 18.08.2005, 01:04:
Danke für Deine Anmerkung im Blog, Thomas,
mit den Webstandards ist es wie mit vielen Dingen, jeder hat ggf. eine eigene Sicht zu den Dingen. Wenn ich Dich richtig verstanden habe, dann würdest Du diesen Punkt streichen oder anders darstellen wollen.
Wie würde Deine Checkliste aussehen?
2 | Thomas schreibt am 18.08.2005, 07:58:
Hallo Jörg,
ich hab wohl etwas zu schnell kommentiert in meiner Mittagspause heute. ;) Hab mir das Tutorial angesehn und bemerkt, dass ich a) es schon vor Monaten mal gelesen hab :) und b) es der Autor nicht so meint, wie es rüberkommt, wenn man nur das Inhaltsverzeichnis liest.
Kurz, es ist bloss schlecht formuliert. Inhaltlich passts aber. Es kommt nämlich so rüber, als würde der Autor vorschlagen, entweder für den IE oder für Mozilla usw. zu schreiben. Was man aber nicht tun soll. Darum gibt es ja schließlich Webstandards, die das vermeiden sollen.
Richtigerweise unterscheidet der Autor dabei andere Arten von Browsern: alte und neue. So ist der Schritt 1 nur irreführend formuliert.
Wäre sinnvoller, es anders zu sagen. Wie etwa "Festlegen, welche alten Browser man unterstützen will".
3 | Jörg schreibt am 18.08.2005, 08:21:
@Thomas:
Da kannst Du mal sehen, wie schnell man einen geschriebenen Text anders interpretieren kann. Ich hatte Deine Bemerkung auch in eine andere Richtung verstanden und zur Sicherheit einfach persönlich mal nachgefragt. Dein korrigierter Anstrich gefällt mir schon wesentlich besser. :))
Ich bin zu einer Zeit mit Webstandards in Berührung gekommen, da war man noch drauf und dran, alle Browser zu unterstützen. Im speziellen meine ich NAV4 und IE4.
In meinen Projekten habe ich diesen beiden, nicht zuletzt dank der Entwicklung der letzten Jahre, keine Bedeutung mehr geschenkt. Streng genommen habe ich mir den Luxus herausgenommen, mich dem progressiven Layouts zu verschreiben.
Wenn heute ein Browser nur durch 1% meiner Besucher genutzt wird (IE5), dann ist das schon fast vernachlässigbar. Es macht ab einem bestimmten Punkt einfach keinen Sinn mehr, da ich mit vergleichbar leichten Mitteln die Zahl wegfallender Besucher durch neue Besucher viel leichter kompensieren kann.
(Hört sich hier sicher schlimmer an, als es auch hier im Weblog umgesetzt ist. Bisher habe ich IE5 nicht ausgesperrt.)
In der Summe ist mir aber lieb, die Site für möglichst viele Browser im gleichen Layout darstellbar zu gestalten. Da denke ich, haben wir gleiche Auffassungen.
4 | Thomas schreibt am 18.08.2005, 12:21:
Wenn jemand so etwas in einem Tutorial empfiehlt
"Festlegen, welche Browser unterstützt werden sollen"
und sonst auf tabellenloses Layout und Webstandards setzt, dann hat derjenige die Bedeutung von Webstandards - mindestens zu einem Teil - missverstanden.
Trackback-URL: http://www.einfach-persoenlich.de/m33/etb.cgi/127
Einfach persönlich kommentieren:
Kommentare des Beitrages per RSS-Feed verfolgen?
Mit dem RSS-Kommentar-Feed kannst Du die Kommentare dieses Beitrages einfach persönlich verfolgen und im Blick behalten, einfach:
