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.
Aus dem Inhalt:
- Flexible Webseiten gestalten
- Stylesheets erstellen und einbinden
- CSS-Quellcode verständlich erklärt
- Schriften gestalten
- Seitenelemente sauber positionieren
- Das Boxmodell anschaulich erklärt
- Grafiken und Effekte einsetzen
- Browser-Bugs umgehen
- Einführung in das YAML-Framework
- Layoutvorlagen
Dieses Video-Training hat 75 Lektionen und eine Gesamtspielzeit von 7 Stunden.
Dieses Video-Training ist lauffähig ohne Installation auf folgenden Systemen:
- Windows
In jedem Fall brauchen Sie ein DVD-Laufwerk, Lautsprecher und eine Auflösung des Monitors von mindestens 1024 x 768 Pixeln.
Rezensionen / Stimmen
Das Video-Training bietet Einsteigern in HTML und CSS eine sehr gute und umfassend erklärte Möglichkeit, sich diesem doch recht schwierigen Thema zu nähern. Durch die eingebaute Suchfunktion in der Oberfläche lässt sich das Video-Training nicht nur einma
Reihe
Sprache
Verlagsort
Editions-Typ
Produkt-Hinweis
ISBN-13
978-3-8362-1212-0 (9783836212120)
Schweitzer Klassifikation
1. Erste Schritte mit CSS [00:32 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 und Text 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 definieren 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 Hintergrundgrafik 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:51 Min.]
4.8 Bildposition und Textfluss 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. Grafiken & 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 grafisch gestalten [05:21 Min.]
6.4 Einen grafischen Rollover-Effekt erzeugen [03:51 Min.]
6.5 Tabellen gestalten [10:12 Min.]
6.6 Hintergrundgrafiken für flexible 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 definieren [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.]