Tutorials zur Webentwicklung

1.2 Technische Anforderungen

Zum Notieren von CSS Code benötigen Sie lediglich einen Editor. Wenn Sie im Vor­feld das Kapitel HTML - Einstieg durch­gearbeitet haben, sollten Sie bereits über einen ge­eigneten Editor ver­fügen.

Die HTML Editoren bringen meist von Haus aus ein Syntax-High­lighting und eine Auto-Ver­voll­ständig­ung für CSS mit. Mehr über Editoren (siehe HTML Tutorial)

1.2.1 Browser

Zum Betrachten der Dokumente wird in diesem Tutorial der Chromium-Webbrowser ge­nutzt, dieser bietet bei der Arbeit mit CSS viele hilf­reiche Add­Ons. Welchen Browser Sie benutzen, bleibt Ihnen über­lassen. Die meisten Browser bieten ähnliche Funktionen. Mehr über Browser (siehe HTML Tutorial)

Bei der Arbeit mit CSS werden Sie oft an den Rand der Ver­zweifelung gebracht. Beachten Sie: Bei Änderungen am CSS Code und dem anschließenden Betrachten der Ergebnisse im Browser, müssen Sie ggf. den Verlauf des Browsers löschen! Ansonsten kann es dazu kommen, dass der Browser die neuen Regeln nicht umsetzt, sondern den bereits "vor­geladenen" Code aus dem lokalen Speicher weiter­hin nutzt!

Browserkompatibilität

Wie bereits bei der Arbeit mit HTML erwähnt, spielt auch beim Umgang mit CSS die Browser­kompatibilität eine Rolle. Nicht alle CSS Regeln werden von allen Browsern unter­stützt, geschweige denn auf gleiche Weise dar­gestellt. Testen Sie Ihre Web­seiten daher immer mit diversen Browsern! Dabei können Sie früh­zeitig Fehler erkennen und korrigieren.

1.2.2 Zusätzliche Programme

Die oben ge­nannten Programme genügen uns vor­erst für den Ein­stieg in die Welt des CSS. Allerdings sei schon ein­mal erwähnt, dass es eine Viel­zahl an kleinen zusätzlichen Hilfs­programmen gibt.

Color Picker

Zur ein­fachen Farb­aus­wahl (inkl. Pipetten­funktion) ...

Gimp

Zur Manipulation von Bildern ...

1.2.3 Internetseiten

Zahl­reiche Inter­net­seiten bieten ein reich­haltiges Angebot an Lehr­material. Diese Seiten sollten Sie zum Beispiel kennen:

• Mediaevent: ####
• w3schools: ###

1.2.4 Validatoren

Validatoren kennen Sie bereits von Ihrer Arbeit mit HTML. Aber auch CSS Code können Sie validieren lassen!

Zur Website: geht's hier ...