Warning: file_exists() [function.file-exists]: open_basedir restriction in effect. File(/usr/export/www/vhosts/funnetwork/hosting/shervin//wp-content/uploads) is not within the allowed path(s): (/www/htdocs/w006714c/:/tmp:/usr/bin:/www/htdocs/w006714c:/bin:/usr/local/bin:/usr/share/php) in /www/htdocs/w006714c/www/informatik/wp-content/plugins/podpress/podpress_class.php on line 163
CSS

Shervins Stundenprotokolle

oder so

Archiv für die Kategorie ‘CSS

Webseiten mit Containern

Wir haben uns in den letzten Stunden angesehen, wie man mit DIV-Containern ganze Websiten gestaltet.

Mein Projekt befindet sich unter
http://informatik.stage1.at/schule/containerphp/

CSS - Part 2

Wir wissen nun, wie man CSS-Dateien anlegt, verlinkt, Styles definiert und kennen den Unterschied zwischen Klassen, ID’s und Types. Nun können wir verschiedene Klassen, ID’s und Types miteinander verbinden. Wozu wir das brauchen? Um die Kriterien einzuschrenken. Bedeutet, dass wir zB. bei fett markiertem Text einer gewissen Klasse eine andere Schriftart, Schriftgröße, Farbe, etc. einfügen können, als sie in der Klasse festgelegt ist. Als Beispiel können wir gleich diese Seite nehmen: die Spalte ganz rechts ist ein und dieselbe Klasse! Nur weiter unterteilt in Überschrift, Link, Maus-over, etc.

Wichtig! Wir können Klassen mit Types, ID’s mit Types und Types mit Types kombinieren. Aber nicht Klassen mit ID’s, Klassen mit Klassen oder ID’s mit ID’s! (more…)

CSS - Part 1

CSS, auch Cascading Style Sheets genannt, werden von Webdesignern und Gestaltern zum Erstellen von Webdesigns und Templates verwendet, und können im Nachhinein immer verändert werden. Sie sind also Platzhalter auf gestalterischer Ebene - aber nicht auf inhaltlicher - dafür wird PHP verwendet.

Was bringt uns denn überhaupt CSS? Es gibt drei große Vorteile: Erstens ist CSS zu defninieren wesentlich einfacher, als in der HTML-Datei Schriftarten, Farben usw. einzugeben. Zweitens können wir immer wiederkehrende Elemente, die gleich aussehen sollen (zB. die Überschriften in diesem Blog) einen einzigen Befehl geben: er soll sich die Daten aus der Datei XY unter Abschnitt Z holen - und wir brauchen nicht jedes Mal Schriftart, Größe, Farbe, etc. erneut eingeben. Außerdem könnten so auch Fehler passieren! Drittens: wir können später immer noch alles ändern: wenn ich jetzt sage, ich will die Überschriften nicht grün, sondern blau haben, muss ich nur eine einzige Änderung im Stylesheet (=CSS-Datei) vornehmen, und nicht an jeder einzelnen Überschrift. So hab ich übrigens auch diese Seite umgefärbt - wer sich erinnern kann weiß, dass sie davor blau war.

(more…)