Tags
Language
Tags
March 2024
Su Mo Tu We Th Fr Sa
25 26 27 28 29 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6

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

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

Galileo Computing - Einstieg in CSS: Webseiten layouten und gestalten
(.flv) in an interactive shell | German | 1024 x 600 | VP6 ~938 kbps | 10.000 fps
MPEG Audio | 64.0 Kbps | 44.1 KHz | 1 channel | ~7 hours | 3.73 GB
Genre: Video Tutorial / Web-design

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.
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%)
ScreenShots

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

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

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

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

For more, Visit my AH-blog

no mirrors please, Follow The Rules