Webdesign Grundlagen V

Grundlagen Webprogrammierung Teil 2 befasst sich mit der Programmierung von Cascading Stylesheets

Webprogrammierung 2

• HTML  • CSS   • JavaScript   • PHP  • WML

CSS Programmierung - Voraussetzungen und Tools

CSS - Cascading Stylesheets sind die Möglichkeit auch für Nicht-Grafiker einer Website eine individuelle Note zu geben. Dazu kommt, das CSS auch für Suchmaschinen kein Problem darstellen, da das Design vom Inhalt getrennt ist.

Zur Erstellung und Bearbeitung benötigt man wieder nur einen Text- oder Hex-Editor. Bei Profisoftware wie Dreamweaver ist der CSS-Editor integriert. Ausserdem gibt es spezielle CSS-Editoren, wie z.B. TopStyle oder den kostenlosen CSS Editor, wobei dieser Editor Vorkenntnisse erfordert.

CSS steht für Cascading Stylesheet, die Syntax ist XML ähnlich, da CSS ein Dialekt von XML ist. Mit Stylesheet kann man in einer externen Datei alle designspezifischen Anweisungen zentral verwalten, d.h. man muss nicht jede HTML-Datei öffen, um z.B. die Schriftfarbe der Seite zu ändern. Ausserdem bieten CSS die Möglichkeit, Tags wie <H1> mit einer eigenen Grösse zu versehen uvm.

Im obigen Beispiel ist die Definition der Schriftart, der Schriftfarbe und der Hintergrundfarbe zu sehen. Die Syntax beruht auf XML, ist aber wesentlich einfacher gehalten..

Man kann jedem HTML-Tag per CSS ein eigenes Aussehen verleihen. Darüber hinaus kann man eigene Classes definieren, um z.b. einzelnen Abschnitten ein spezielles Aussehen zu geben.

Der Name ist frei wählbar. Wichtig ist nur der '.' vor der Class. Man kann auch eine Hintergrundfarbe oder eine Hintergrundgrafik definieren. So wie im folgenden Beispiel wird die Class eingebunden.

Die CSS-Datei sollte folgendermassen im HEAD-Bereich des HTML-Dokuments eingebunden werden:

• HTML  • CSS   • JavaScript   • PHP  • WML

Weiter zu Mobile Webdesign

© ABAKUS Webdesign, Hannover
CSS Programmierung Tutorial, CSS Grundlagen

Service Quicklinks