Apple & iPhone Forum

CSS und ZenGarden

Dezember 21, 2009 | In: Technik

Wer mit HTML oder XML arbeitet und Web-Seiten optimal gestalten will, kommt um strukturierte Dokumente in einer deklarativen Styleheet-Sprache und damit um Cascading Style Sheets (CSS) nicht herum. Inhalte und Bereiche einer Internetseite werden mit CSS in Abschnitten und Aussehen so gestaltet, dass sie, derselben Klasse angehörend, vom System erkannt werden.

Mit Cascading Style Sheets erhalten Sie eine optimale Gestaltung und ein ansprechendes Aussehen Ihrer Homepage und können eine unterschiedliche Darstellung verschiedener Ausgabemedien angeben und die Sites verwalten.
Hohe Flexibilität in der Gestaltung erreichen Sie durch die Möglichkeit, Elemente frei zu positionieren ZenGarden und diverse Angaben zu Farben und Schriften festzulegen, die dann von Ihrem Browser implementiert und über mehrere Stylesheets hinweg vererbt werden können (Kaskadeneffekt). So werten Sie ihr Web-Design auf.

Ein Nebeneffekt ist, dass Sie bei Design-Änderungen nur die CSS-Vorlage editieren brauchen. Alle betroffenen Web-Seiten erneuern sich automatisch. So sparen Sie Zeit und Arbeit. Durch die Optimierung mit DIV-Containern und dem externen CSS-Dokument verringert sich die Größe auf gut 30 KB. So wird auch ein problemloses Aufrufen Ihrer Website über PDA oder Handy möglich. Zudem wird eine optimale Indexierung Ihrer Seiten durch die Suchmaschinen-Spider möglich.

CSS Level 1 und 2 wird von allen aktuellen Browsern vollständig umgesetzt und unterstützt Autoren bei der Erstellung ihrer Dokumente und medienspezifische Stylesheets, insbesondere auf visuellen Browsern, akustischen Geräten, Drucker oder Braille-Geräten.
CSS Level 3 wird mit einem modularen Aufbau wohl in Zukunft die wichtigste Grundlage webbasierter Entwicklungen und Darstellungen sein. So können Sie das Register ihrer Web-Site mit Grafikelementen optisch aufwerten. Arbeiten Sie mit einfachen linearen Grafiken, reicht es aus, wenn dem -Element über die Eigenschaft Background, die Hintergrundgrafik zugeordnet wird. Sollen die Buttons an der oberen Kante runde Ecken zeigen oder ein nicht linearer Farbverlauf den Hintergrund bilden, muss der HTML-Code etwas verändert werden. Cascading Style Sheets lässt auch die optimale Gestaltung einer Breadcrumb-Navigation zu. Sie zeigt den Pfad zur aktuellen Seite und es werden die übergeordneten Seiten verlinkt.

Ein blinkender Text wird die besondere Aufmerksamkeit des Lesers verursachen und kann mit folgender Cascading Style Sheets-Definition erzielt werden: blink
{color: #00ffff; text-decoration:none;) der Text wird bei einem Link nicht unterstrichen.

Comments are closed.