Einstieg in CSS
Galileo Press (Hersteller)
978-3-8362-1212-0 (ISBN)
- Titel ist leider vergriffen, Neuauflage unbestimmt
- Artikel merken
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.
Suzana Kötter ist Inhaberin der Fima [id]-script und spezialisiert in den Bereichen Web Publishing, PDF-Workflow und Richt Internet Applications. Sie hat die Webdesigns für die TYPO3-Video-Trainings von Galileo Press erstellt.
Thomas Kötter verfügt über langjährige Erfahrung in der Schulung und Arbeit mit TYPO3 sowie der Entwicklung von TYPO3-Extensions. Mit seiner Firma [id] script ist er in den Bereichen Web-Publishing, PDF-Workflow und Rich Internet Applications tätig. Er ist Adobe Certified Instructor.
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.]
| Erscheint lt. Verlag | 27.6.2008 |
|---|---|
| Reihe/Serie | Galileo Computing |
| Sprache | deutsch |
| Gewicht | 190 g |
| Themenwelt | Informatik ► Web / Internet ► HTML / CSS |
| Schlagworte | Boxes • Cascading • CSS (Cascading Style Sheets); Einführung • CSS (Cascading Style Sheets); Einführung (CD-/DVD-ROMs) • CSS-Layout • CSS-Layouts • Stylesheet • Style Sheet • Videotraining • Video-Training • Webdesign • YAML |
| ISBN-10 | 3-8362-1212-9 / 3836212129 |
| ISBN-13 | 978-3-8362-1212-0 / 9783836212120 |
| Zustand | Neuware |
| Haben Sie eine Frage zum Produkt? |
