Nutzung interaktiver Medien
Sonntag, 28. Oktober 2007
Aufgabe 3 - CSS
Cascading Style Sheets stellen im Webdesign das Pendant zu den Format- bzw. Dokumentvorlagen in der klassischen Textverarbeitung dar.
CSS ermöglichen die Trennung von Inhalt und Formatierung, dh mit wenigen Arbeitsschritten kann das Layout des Contents jederzeit verändert werden, während die HTML-Datei entsprechend klein gehalten werden kann.
"Cascading Stylesheets sind der ideale Weg zur komfortablen Formatierung und Platzierung von HTML-Elementen. Die Wahl des passenden Farbschemas, der richtigen Typografie und der dezente Einsatz von Grafik verhelfen zum harmonischen Gesamteindruck einer Website, die schön und zugänglich zugleich ist." Professionelles Webdesign mit (X)HTML und CSS, Björn Seibert und Manuel Hoffmann, Galileo Computing, 2006 Seite 243)

CSS werden entweder definiert:
a) in der HTML-Datei selbst (im Head) oder
b) in einer eigenen "css.Datei".

Ein Stylesheet ist eine Sammlung von
Anweisungen, die beschreibt, wie bestimmte Elemente eines HTML-Dokumentes ausgegeben werden sollen.

Beispiel: p {color:black;}
Eine CSS-Anweisung besteht aus einem Selektor (= p), der beschreibt, was formatiert werden soll und einer Deklaration (= {color:black;}), die beschreibt, wie dies geschieht. Die Deklaration besteht wiederum aus der Eigenschaft (=color:) und dem Wert (=black;)

Folgende Links könnten nach meinen Recherchen beim Arbeiten mit CSS eine wertvolle Unterstützung darstellen:
Stefan Münz CSS
Menüs mit CSS
CSS-Generator
Dr. Web
CSS kompakt

"Genauso wie HTML wird auch CSS vom W3C normiert. Die erste Version der Cascading Stylesheets wurde 1996 als CSS Level 1 vom World Wide Web Consortium (W3C) verabschiedet. Mittlerweile wird an CSS Level 3 gearbeitet, welches die Unterstützung fortgeschrittener Layouttechniken und die Einbindung alternativer Medienformate weiter verbessern soll. (aus Skriptum Cascading Style Sheets CSS, Kerstin Altmanninger, TNF, Linz, Februar 2004, S. 5 ff)
Über den aktuellen Stand informiert die Website des W3C unter: www.w3.org

... comment

 
Wolfgang.Kerbe.Uni-Linz, Donnerstag, 1. November 2007, 22:09
Und dann kann man noch...
...den Style direkt in den HTML code einbetten. Mit dem span Tag. Aber das Widerspricht eigentlich der Idee der Stylesheets, den Inhalt vonm Layout zu trennen. Na ja, wenn man nur ein Wort, ganz anders hervorheben will. Aber trotzdem....
Screenshots und Codebeispiel von CSS in meinem
Blog.

... link  


... comment
 
Verena.Enengl.Uni-Linz, Samstag, 3. November 2007, 17:59
Finde deine Links über CSS sehr hilfreich.
Schau auch mal auf meinem Weblog vorbei! Ich habe auch ein paar interessante Seiten gefunden, die erklären, wie man mit CSS sinnvoll arbeitet.

... link  


... comment
 
Andrea.Moessbichler.Uni-Linz, Sonntag, 4. November 2007, 17:23
Hallo Andrea!
Im ersten Absatz hast du einige Vorteile von CSS genannt, es gibt jedoch auch Nachteile wie Komplexität, Mangel an Variablen oder unterschiedliche Browserunterstützung (mehr Kritikpunkte unter http://en.wikipedia.org/wiki/Cascading_Style_Sheets ganz unten!).
Zu den Versionen von CSS: Ich hab die Info gefunden, dass mittlerweile an den CSS Versionen 2.1 und 3.0 parallel gearbeitet wird.
Außerdem interessant: Es gibt mehrere Sprachen zum Definieren von Style Sheets, CSS ist nur eine davon. Neben CSS gibt es auch noch DSSSL und XSL sowie nicht-standardisierte Style Sheets (mehr Infos unter http://en.wikipedia.org/wiki/List_of_stylesheet_languages
Meine Infos zu CSS findest du auf meinem WEBLOG.
LG Andrea

... link  

 
Hans.Mittendorfer.Uni-Linz, Sonntag, 11. November 2007, 19:47
Style Sheets werden in vielen Sprachen ..
.. geschrieben. Ein guter Hinweis, dass es dabei nicht nur um CSS geht.

... link  


... comment

Online for 6248 days
Last update: 2008.01.25, 16:55
status
You're not logged in ... login
menu
... home
... topics
... galleries

... ::collabor:: home
search
 
calendar
Oktober 2007
Mo
Di
Mi
Do
Fr
Sa
So
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
26
27
29
30
31
 
 
 
 
 
 
recent updates
Interessanter Beitrag
Hallo Andrea! Ich finde deinen Beitrag recht interessant...
by Bernhard.Kellner.Uni-Linz (2008.01.25, 16:55)
Aufgabe 6 - Netzwerktools...
PING Der Befehl PING versucht die eingegebene Adresse...
by Andrea.PanzerSchoenhuber.Uni-Linz (2008.01.25, 00:46)
Aufgabe 7 - Anwendungsmöglichkeiten...
WEB 2.0 – die technische Entwicklung vom „Monolog“...
by Andrea.PanzerSchoenhuber.Uni-Linz (2008.01.24, 23:09)
Klasser und interessanter...
Klasser und interessanter Beitrag! Viele neue Informationen...
by Georg.Pollhammer.Uni-Linz (2007.12.13, 09:07)
Hallo!
Ich finde du hast dieses Thema sehr gut bearbeitet,...
by Elisabeth.Bramer.Uni-Linz (2007.12.12, 08:34)

xml version of this page

made with antville