Galileo Computing - Einstieg in CSS: Webseiten layouten und gestalten [repost]

1 … Erste Schritte mit CSS … [00:28 Std.]
1.1 … Einleitung … [00:24 min]
1.2 … Was bietet CSS? … [06:02 min]
1.3 … Die Projekt-Website im Überblick … [04:03 min]
1.4 … Stylesheets in HTML einbinden … [07:11 min]
1.5 … Einfache CSS-Anweisungen erstellen … [05:26 min]
1.6 … Die Website für eigene CSS-Layouts vorbereiten … [05:03 min]
1.7 … CSS-Code in HTML-Dokumente einfügen … [03:46 min]
2 … Texte und Schriften mit CSS gestalten … [00:40 Std.]
2.1 … Einleitung … [00:25 min]
2.2 … Schriftarten festlegen … [05:20 min]
2.3 … Schriftgrößen bestimmen … [07:34 min]
2.4 … Texte farblich hervorheben … [05:49 min]
2.5 … Schrift- & Texteigenschaften in der CSS-Referenz … [05:35 min]
2.6 … Zeichen-, Wort- und Zeilenabstände definieren … [02:39 min]
2.7 … Texte ausrichten und einrücken … [02:37 min]
2.8 … Überschriften mit Klassen-Selektoren anpassen … [03:42 min]
2.9 … Hyperlinks mit Pseudo-Klassen gestalten … [06:16 min]
3 … Die Website aufbauen … [01:18 Std.]
3.1 … Einleitung … [00:27 min]
3.2 … Code strukturieren mit DIV-Tags … [06:44 min]
3.3 … Kopf- und Fußbereich gestalten … [05:02 min]
3.4 … Rahmen hinzufügen … [08:18 min]
3.5 … Abstände defi nieren mit dem Box-Modell … [04:16 min]
3.6 … Innenabstände festlegen: »padding« … [11:18 min]
3.7 … Außenabstände festlegen: »margin« … [06:20 min]
3.8 … Block- und Inline-Elemente … [07:06 min]
3.9 … Listen mit CSS gestalten … [07:17 min]
3.10 … Eine Listennavigation einrichten … [11:52 min]
3.11 … Hintergrundgrafi k einfügen … [09:14 min]
4 … Seitenelemente mit CSS positionieren … [00:27 Std.]
4.1 … Einleitung … [00:30 min]
4.2 … Statische Positionierung … [03:41 min]
4.3 … Relative Positionierung … [02:24 min]
4.4 … Absolute Positionierung … [02:38 min]
4.5 … Fixe Positionierung am Browser-Fenster … [02:05 min]
4.6 … Verschachtelte Positionierung … [03:51 min]
4.7 … Floats – Schwebende Elemente … [07:49 min]
4.8 … Bildposition und Textfl uss optimieren … [03:44 min]
5 … Spaltenlayouts umsetzen … [00:46 Std.]
5.1 … Einleitung … [00:28 min]
5.2 … Ein dreispaltiges Layout entwerfen … [09:03 min]
5.3 … Hintergrundfarben gestalten … [04:20 min]
5.4 … Das Spaltenlayout optimieren … [04:05 min]
5.5 … Abstände anpassen … [10:39 min]
5.6 … Ein Stylesheet für zwei Layouts verwenden … [04:19 min]
5.7 … Seitenlayouts miteinander kombinieren … [05:52 min]
5.8 … Flexible und elastische Seitenlayouts … [06:53 min]
6 … Grafi ken & Effekte mit CSS bearbeiten … [00:46 Std.]
6.1 … Einleitung … [00:19 min]
6.2 … Icons für Hyperlinks erstellen … [05:59 min]
6.3 … Aufzählungspunkte grafi sch gestalten … [05:21 min]
6.4 … Einen grafi schen Rollover-Effekt erzeugen … [03:51 min]
6.5 … Tabellen gestalten … [10:12 min]
6.6 … Hintergrundgrafi ken für fl exible Layouts … [10:43 min]
6.7 … Transparente Untermenüs … [09:07 min]
7 … Browserkompatibilität … [01:11 Std.]
7.1 … Einleitung … [00:27 min]
7.2 … CSS validieren … [09:12 min]
7.3 … Doctype defi nieren … [03:47 min]
7.4 … Darstellungsunterschiede identifizieren … [10:29 min]
7.5 … Browser-Bugs beseitigen … [05:43 min]
7.6 … Eine Browserweiche erstellen … [08:44 min]
7.7 … Untermenüs im IE 6 anzeigen … [09:25 min]
7.8 … CSS-Hacks … [06:28 min]
7.9 … Der Box-Model-Bug … [05:48 min]
7.10 … Der Double-Float-Margin-Bug … [02:27 min]
7.11 … Der 3-Pixel-Jog-Bug … [08:23 min]
8 … CSS-Frameworks: YAML und YUI Grids … [01:09 Std.]
8.1 … Einleitung … [00:29 min]
8.2 … Der Aufbau des YAML-Frameworks … [10:16 min]
8.3 … YAML-Screenlayouts anwenden … [09:33 min]
8.4 … Spalten anordnen und ausblenden … [06:49 min]
8.5 … Seitennavigation mit YAML gestalten … [08:01 min]
8.6 … Spalten unterteilen mit Subtemplates … [05:13 min]
8.7 … CSS-Hacks in YAML … [02:49 min]
8.8 … Druckversion mit Print-Stylesheets erstellen … [05:09 min]
8.9 … Die Yahoo! User Interface Library (YUI) … [05:45 min]
8.10 … YUI Grids CSS … [14:29 min]
9 … CSS-Layoutbeispiele … [00:16 Std.]
9.1 … Einleitung … [00:34 min]
9.2 … Vanilla Oasis … [05:26 min]
9.3 … Your Business … [04:38 min]
9.4 … Froggyland … [05:25 min]

General
Complete name : 58_Lektion_05.02.flv
Format : Flash Video
File size : 87.5 MiB
Duration : 9mn 2s
Overall bit rate : 1 353 Kbps
Encoded date : Fri Apr 18 16:29:06 2008
Video
Format : VP6
Duration : 9mn 2s
Bit rate : 938 Kbps
Width : 1 024 pixels
Height : 600 pixels
Display aspect ratio : 16:9
Frame rate : 10.000 fps
Bits/(Pixel*Frame) : 0.153
Stream size : 60.7 MiB (69%)
Audio
Format : MPEG Audio
Format version : Version 1
Format profile : Layer 3
Duration : 9mn 2s
Bit rate mode : Constant
Bit rate : 64.0 Kbps
Channel(s) : 1 channel
Sampling rate : 44.1 KHz
Resolution : 16 bits
Stream size : 4.14 MiB (5%)