|
Tutorium > Sitzungen
Cascading Stylesheets
PDF - CSS-Editoren - CSS bei SELFHTML
Die dazugehörenden Übungsseiten teecss.zip können im Bereich Material (Passwort erforderlich) heruntergeladen werden.
Die Präsentation aus der Sitzung des Tutoriums am 16. Juni 2004:
 |
 |
Cascading Stylesheets (css.pdf, ca. 250 KB)
Inhalt: CSS Stile: Sinn und Zweck, Eigenschaften - Syntax - Attribute und Werte - CSS Stile in einzelne HTML-Elemente einbetten - CSS Stile zentral definieren - Einbettung im Datei Header - externe Stylesheets und Verknüpfung in beliebige viele HTML-Dokumente - Klassenstile - "eigenschaftslose" Tags span und div
|
Seitenanfang 
CSS Editoren
Mozilla Composer ist ja (bislang) nicht besonders clever was das Erstellen und Einbinden externer Stylesheets betrifft. Auch der im Tutorium verwendete Editor Simple CSS ist ein wenig umständlich und wird hauptsächlich deshalb verwendet, weil er für alle Plattformen verfügbar ist. Hier ein paar Alternativen:
Windows
Der HTML-Quelltext-Editor Phase 5 (HTML Edit, auch auf der Software-CD) kann CSS-Stylesheets erstellen und in Projekte einbinden. CSS-Stile werden zudem bei entsprechender Einstellung farbig dargestellt. Die Unterstützung durch Menüs beim Erstellen der Stile ist allerdings begrenzt.
Ein brauchbares (und kostenloses) Werkzeug zur Erstellung von CSS-Stylesheets ist TopStyle Lite (Software-CD). Die umfangreiche Menüauswahl lässt kaum Wüsche übrig, eine interne Vorschau zeigt mit Standardtexten die gewählten Stile an. Ein leichtes und schnelles Tool.
Mac OS X
CSSEdit ist ein stabiles und schnelles Programm zum Erstellen von CSS-Stylesheets. Das Shareware-Tool kann sogar Webseiten direkt aus dem WWW auslesen und alle darin enthaltenen Stile zu einem Stylesheet zusammenstellen. Die Benutzeroberfläche ist Mac-typisch elegant und einfach zu bedienen.
Seitenanfang
SELFHTML - Cascading Style-Sheets?
Unersetzlich als Tutorial, vor allem aber als Nachschlagewerk für die vielen Möglichkeiten der CSS-Formatierung, das Kapitel zu CSS Style-Sheets bei SELFHTML.
Auf CD:
SELFHTML > CSS Style-Sheets > ...
Online:
|
