CSS in der Praxis

In 11 Stunden CSS richtig verstehen und beherrschen - mit vielen Praxislösungen für Layout und Webdesign

von Bernhard Stockmann

• Von der einfachen Homepage bis zum komplexen Web-Portal
• CSS-Grundlagen für Webdesign und Typografie
• Stylesheets für barrierefreie und mobile Websites

DVD • 11:00 Std. Gesamtspielzeit • ISBN 978-3-8362-1723-1 •

• Training merken Training gemerkt
• 
• Versandkostenfreie Lieferung
• innerhalb von Deutschland und Österreich. Bestellungen bis 12:00 Uhr werden noch am selben Tag (Montag bis Freitag) versendet. (Info)

Wer sich heutzutage ernsthaft mit Webdesign beschäftigt, braucht solide CSS-Kenntnisse. Das Training des beliebten Trainers Bernhard Stockmann ist geeignet sowohl für Einsteiger wie auch für Fortgeschrittene und vermittelt zunächst leicht verständlich alle Grundlagen zu CSS, wie die Trennung von Form und Inhalt, das Zusammenspiel von HTML und CSS, Wissenswertes zu Typografie und Design oder das Prinzip der Kaskadierung. In den weiteren Kapiteln wird das Wissen konkret in praxisnahen Projekten eingesetzt und vertieft. Sie erhalten zahlreiche Lösungen für einfache und komplexe Websites, Tipps zur Gestaltung für mobile Endgeräte wie etwa iPhone oder iPad, den Einsatz von Effekt-Bibliotheken. Schließlich gewährt Ihnen Bernhard Stockmann noch einen Blick in die zukünftigen Möglichkeiten des Webdesigns mit dem neuen Standards CSS 3.

(alle Kapitel zuklappenalle Kapitel aufklappen)

• 1. CSS-Grundlagen verstehen und anwenden
  01:09 Std.
  • 1.1 Einleitung00:21 Min.
  • 1.2 Die Trennung von Inhalt und Design04:38 Min.
  • 1.3 Die Arbeitsumgebung einrichten 09:01 Min.
  • 1.4 Wichtige HTML-Grundlagen09:11 Min.
  • 1.5 Die Verbindung zwischen HTML und CSS07:04 Min.
  • 1.6 Selektoren – A und O der Stylesheets09:18 Min.
  • 1.7 Kaskadierung und Vererbung verstehen14:46 Min.
  • 1.8 Kind- und Nachbar-Selektoren einsetzen07:57 Min.
  • 1.9 Die Pseudoklassen nutzen04:00 Min.
  • 1.10 CSS in CSS einbetten03:10 Min.
• 2. Typografie mit CSS gestalten
  01:04 Std.
  • 2.1 Einleitung00:21 Min.
  • 2.2 Tipps zu Gestaltung und Typografie10:12 Min.
  • 2.3 Die offiziellen Spezifikationen des W3C03:24 Min.
  • 2.4 Die grundlegenden Texteigenschaften in CSS07:47 Min.
  • 2.5 Die verschiedenen Maßeinheiten richtig einsetzen07:24 Min.
  • 2.6 Mit Schriftstapeln arbeiten08:06 Min.
  • 2.7 Externe Schriftarten einbetten06:27 Min.
  • 2.8 Das Schriftbild mit Initialen auflockern07:11 Min.
  • 2.9 Zitate mit Anführungszeichen kennzeichnen06:32 Min.
  • 2.10 Externe Hyperlinks umformatieren03:46 Min.
  • 2.11 Alternierende Farben in Listen erzeugen03:01 Min.
• 3. Mit CSS zum perfekten Layout
  01:27 Std.
  • 3.1 Einleitung00:26 Min.
  • 3.2 Den Dokumentenfluss verstehen03:01 Min.
  • 3.3 Inhalte in Containern verschachteln05:06 Min.
  • 3.4 Das Box-Modell verstehen13:23 Min.
  • 3.5 Kollabierende Außenabstände nutzen03:14 Min.
  • 3.6 Minimale und maximale Breiten verwenden03:12 Min.
  • 3.7 Inline- und Block-Elemente unterscheiden08:06 Min.
  • 3.8 Hintergründe positionieren05:06 Min.
  • 3.9 Positionieren mit »float« und »clear«07:24 Min.
  • 3.10 Alles fließt – Die Eigenschaft »overflow«06:51 Min.
  • 3.11 Ausrichten und positionieren mittels »position«12:06 Min.
  • 3.12 Eine zentrierte Webseite mit zwei Spalten05:55 Min.
  • 3.13 Eine zentrierte Webseite mit drei Spalten06:59 Min.
  • 3.14 Eine dehnbare Webseite mit drei Spalten06:31 Min.
• 4. Navigationsmenüs erstellen
  00:52 Std.
  • 4.1 Einleitung00:25 Min.
  • 4.2 Listen richtig einsetzen04:07 Min.
  • 4.3 Vertikale Navigationsmenüs erstellen – Teil 109:37 Min.
  • 4.4 Vertikale Navigationsmenüs erstellen – Teil 209:18 Min.
  • 4.5 Ein horizontales Breadcrumbs-Menü08:17 Min.
  • 4.6 Ein horizontales Aufklapp-Menü – HTML09:11 Min.
  • 4.7 Ein horizontales Aufklapp-Menü – CSS11:30 Min.
• 5. Praxis-Workshop: Die Präsentations-Website
  00:48 Std.
  • 5.1 Einleitung00:22 Min.
  • 5.2 Die Gestaltungsvorlage03:04 Min.
  • 5.3 Die grafischen Elemente der Website03:17 Min.
  • 5.4 Das HTML-Grundgerüst02:04 Min.
  • 5.5 Die Layout-Elemente positionieren09:48 Min.
  • 5.6 Schriftbild, Absätze und Überschriften gestalten09:07 Min.
  • 5.7 Das Navigationsmenü gestalten07:22 Min.
  • 5.8 Die Fußzeile als Zitat kennzeichnen06:05 Min.
  • 5.9 Verfeinerung und Abschlussarbeiten03:39 Min.
  • 5.10 Conditional Comments für Internet Explorer 703:25 Min.
• 6. Praxis-Workshop: Die Firmen-Website
  01:01 Std.
  • 6.1 Einleitung00:22 Min.
  • 6.2 Layoutvorlage und Einzelelemente im Überblick04:06 Min.
  • 6.3 Das HTML-Grundgerüst der Seite02:36 Min.
  • 6.4 Das Basis-Layout umsetzen09:24 Min.
  • 6.5 Schriftbild, Absätze und Überschriften gestalten10:59 Min.
  • 6.6 Die Hauptnavigation gestalten 13:22 Min.
  • 6.7 Der letzte Feinschliff09:57 Min.
  • 6.8 Anpassung an Internet Explorer 711:02 Min.
• 7. Praxis-Workshop: Die komplexe Portal-Website
  01:42 Std.
  • 7.1 Einleitung00:27 Min.
  • 7.2 Der Seitenaufbau im Überblick09:45 Min.
  • 7.3 Die grafischen Elemente im Detail05:54 Min.
  • 7.4 Den Seitenaufbau umsetzen in HTML und CSS10:31 Min.
  • 7.5 Die rechte Inhaltsspalte aufteilen09:10 Min.
  • 7.6 Das Schriftbild gestalten04:26 Min.
  • 7.7 Das Navigationsmenü umsetzen12:14 Min.
  • 7.8 Die Nachrichten-Übersicht gestalten12:05 Min.
  • 7.9 Vorlage für ein optionales Zwei-Spalten-Layout07:19 Min.
  • 7.10 Die Überschriften formatieren04:36 Min.
  • 7.11 Der Sprechblasen-Stil10:37 Min.
  • 7.12 Zweispaltiger Bilderfluss mit »float«10:05 Min.
  • 7.13 Die Fehlernachricht gestalten05:19 Min.
• 8. Blog-Seiten mit CSS anpassen
  00:45 Std.
  • 8.1 Einleitung00:18 Min.
  • 8.2 WordPress – Wo fange ich an?02:24 Min.
  • 8.3 Eine eigene Stilvorlage anlegen04:26 Min.
  • 8.4 Der HTML- und CSS-Aufbau des Themas 08:16 Min.
  • 8.5 Farben, Abstände und Rahmen anpassen11:07 Min.
  • 8.6 Die Website mit Firebug analysieren09:58 Min.
  • 8.7 Das Navigationsmenü positionieren08:56 Min.
• 9. CSS für Druck und mobile Endgeräte
  00:21 Std.
  • 9.1 Einleitung00:20 Min.
  • 9.2 Medientypen unterscheiden02:06 Min.
  • 9.3 Die Website für den Druck optimieren07:40 Min.
  • 9.4 Websites für mobile Endgeräte aufbereiten11:02 Min.
• 10. Barrierefreie Webseiten gestalten
  00:20 Std.
  • 10.1 Einleitung00:24 Min.
  • 10.2 Zugänglichkeit von Webinhalten – Die Richtlinien05:52 Min.
  • 10.3 HTML-Grundlagen für Barrierefreiheit06:26 Min.
  • 10.4 Die Zoom-Funktion im Browser unterstützen03:44 Min.
  • 10.5 Grenzen der Wahrnehmung beachten04:30 Min.
• 11. Formulare mit CSS aufwerten
  00:30 Std.
  • 11.1 Einleitung00:22 Min.
  • 11.2 Formulare in HTML aufbauen04:37 Min.
  • 11.3 Eingabefelder gestalten02:15 Min.
  • 11.4 Unterschiedliche Eingabefelder selektieren03:33 Min.
  • 11.5 Eingabefelder ausrichten09:34 Min.
  • 11.6 Feldersätze verwenden05:37 Min.
  • 11.7 Schaltflächen grafisch aufwerten04:32 Min.
• 12. Animationen mit JavaScript-Bibliotheken
  00:40 Std.
  • 12.1 Einleitung00:20 Min.
  • 12.2 Überblick über Effektbibliotheken01:51 Min.
  • 12.3 MooTools laden und einbinden02:56 Min.
  • 12.4 Eine einfache Hover-Überblendung07:31 Min.
  • 12.5 Eine fortgeschrittene Hover-Überblendung06:47 Min.
  • 12.6 Animationen verketten03:24 Min.
  • 12.7 Eine Animation mehrfach zuweisen05:56 Min.
  • 12.8 Das MooTools-Plug-In »Accordion« einbinden02:43 Min.
  • 12.9 Den Akkordeon-Effekt anwenden08:54 Min.
• 13. CSS3 – Die Zukunft im Blick
  00:29 Std.
  • 13.1 Einleitung00:25 Min.
  • 13.2 Was Sie jetzt schon testen können04:36 Min.
  • 13.3 Altlasten: Texte mit Schatten01:49 Min.
  • 13.4 Neu: Abgerundete Ecken02:57 Min.
  • 13.5 Neu: Transformationen03:13 Min.
  • 13.6 Neu: Dynamische Übergänge03:02 Min.
  • 13.7 Neu: Mehrfache Hintergründe03:28 Min.
  • 13.8 Neu: Berechnungen03:09 Min.
  • 13.9 Neu: Mehrspaltiger Aufbau03:19 Min.
  • 13.10 Neu: Moderne Bildergalerien02:59 Min.

Absolut top! Dieses Video-Tutorial macht Spaß und garantiert schnellen Erfolg. Für alle Einsteiger ins Webdesign und die FrontEnd-Programmierung: Meine volle Empfehlung!
itsaboutphotography.de, August 2011

Empfehlung der Redaktion!
Mobile Developer, 02/2012

Bernhard Stockmann präsentiert alles Wissenswerte rund um das Thema CSS und bietet damit einen grundsoliden Einstieg in die Thematik. Sehenswert!
Spielemagazin, 04.09.2011

Das Videotraining ist für Einsteiger ebenso interessant, wie für fortgeschrittene Nutzer. Während man sich einzelne Lektionen wählen kann, um bestimmte Wissensgebiete noch zu vertiefen, empfiehlt es sich für den Anfänger die Lektionen aber in der vorgegebenen Reihenfolge anzusehen da diese aufeinander aufbauen.
klonblog.com, 08.09.2011

In insgesamt elf Stunden präsentiert Trainer Bernhard Stockmann dem Zuschauer die vielfältigen neuen Möglichkeiten von CSS3. Dabei startet der Kurs mit den Grundlagen, ohne die CSS überhaupt nicht eingesetzt werden kann: HTML. Nach und nach - und sehr gut strukturiert - wird das Thema vertieft. Die komplexen Einsatzmöglichkeiten der mächtigen Sprache werden dem Anwender mit visueller Unterstützung präsentiert. Dabei werden nicht nur die Standardanwendungen wie Menü, Websitehintergrund und Animationen vermittelt. Auch Randthemen, die für den Anwendungsfall im Alltag notwendig sind, werden betrachtet. Gerade das Thema Barrierefreiheit ist sehr interessant. Die eingefügten Praxis-Workshops dienen zum Anwenden des theoretischen Wissens und kommen ebenfalls nicht zu kurz. Ein nettes Gimmick ist auch der CSS-Spickzettel, der der DVD beigelegt ist. Der wichtigste Code zur Manipulation des Websiten-Layouts ist darauf abgedruckt. Wie immer eine handwerklich solide, gut strukturierte und mit Wissen randvoll gestopfte Lern-DVD aus dem Hause Galileo Computing. Ein interessantes Thema wird flüssig vermittelt. Bernhard Stockmann versteht sein Handwerk und es macht Spaß, die Kapitel anzusehen.
media-mania.de, 28.07.2011

Mit vielen praktischen Beispielen und Übungsaufgaben vermittelt Stockmann seinen Trainees solides Grundwissen und ein Gespür für das passende Layout einer Webseite.
MacKauf, November 2011

Nach elf Stunden Arbeit hat der Anwender das Rüstzeug, um komplexe Websites mit CSS zu gestalten. Die Gesamtnote für das Video-Training lautet sehr gut.
dotnetpro, 10/2011

Sie lernen jede Menge über CSS - und das ziemlich gut. Bernhard Stockmann erläutert die Technologien und zeigt das Ergbenis dann direkt im Browser. Es eignet sich für Einsteiger und Fortgeschrittene.
linux User, 12/2011

Das Attribut "praxisnah" trifft voll und ganz auf das Video-Training mit Bernhard Stockmann zu. Die DVD startet mit HTML und endet in Kapitel 13 mit CSS3. Ein weiter Bogen, der sehr gut strukturiert wirkt und den lernwilligen Nutzer an keiner Stelle allein zurücklässt. Dank des CSS-Spickzettels, der dem Video als nettes Gimmick beigefügt ist, sind die wichtigsten Lerninhalte immer griffbereit. Für Einsteiger ein Muss.
Webstandards Magazin, 11/2011

Bernhard Stockmann ist Grafiker und Webentwickler. Als einer der Köpfe hinter dem beliebten Community-Portal »gimpusers.de« veröffentlicht er zahlreiche Tutorials für Einsteiger und Fortgeschrittene und gibt sein Insiderwissen zu GIMP... (mehr)