Einstieg in CSS - Webseiten layouten und gestalten

Einstieg in CSS - Webseiten layouten und gestalten
(.flv),VP6 16:9 10fps ~938 kbps | 2008 | 1024 x 600px | MP3 44,1kHz 1ch 64 kbps | German | 3.73 GB
Genre: Video Training, eLearning

Dieses Video-Training zeigt, wie Sie moderne Seitenlayouts mit Cascading Stylesheets (CSS) umsetzen. Egal, ob Sie in CSS einsteigen wollen oder schon mit CSS-Code gearbeitet haben – hier lernen Sie auf anschauliche Weise die Grundlagen. Die Webdesigner Thomas und Suzana Kötter zeigen Ihnen, wie CSS funktioniert und wie Sie Stylesheets effektiv einsetzen. Lernen Sie, Webinhalte richtig auszuzeichnen und zu gestalten, und Ihre Webseiten mithilfe des Boxmodells zu layouten – komplizierte HTML-Tabellen gehören damit der Vergangenheit an. Darüber hinaus erhalten Sie auch Einblicke in das YAML-Framework und in den Code von exklusiven, professionellen CSS-Vorlagen.

Inhalt:
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]

Screenshots:

---

Download HotFile:

http://hotfile.com/dl/96878067/f6c85f4/Ein.C.S.part01.rar.html
http://hotfile.com/dl/96878070/cf01f89/Ein.C.S.part02.rar.html
http://hotfile.com/dl/96878071/7d134f7/Ein.C.S.part03.rar.html
http://hotfile.com/dl/96878072/be295dd/Ein.C.S.part04.rar.html
http://hotfile.com/dl/96878263/0376355/Ein.C.S.part05.rar.html
http://hotfile.com/dl/96878265/ddb923e/Ein.C.S.part06.rar.html
http://hotfile.com/dl/96878266/83572da/Ein.C.S.part07.rar.html
http://hotfile.com/dl/96878270/87ae862/Ein.C.S.part08.rar.html
http://hotfile.com/dl/96878504/a85308f/Ein.C.S.part09.rar.html
http://hotfile.com/dl/96878508/6b23ca2/Ein.C.S.part10.rar.html
http://hotfile.com/dl/96878514/ea3da7a/Ein.C.S.part11.rar.html
http://hotfile.com/dl/96878528/ca84be1/Ein.C.S.part12.rar.html