Webdesign: CSS - Aufbaukurs (Modul 3)

Aufbauend auf dem CSS-Grundlagenkurs (Modul 2) und der HTML-Einführung (Modul 1) stehen nun verschiedene Layout-Techniken im Zentrum. Absolute, relative, statische und fixe Positionierungen bei der Spaltenerstellung werden Sie kennen lernen. Ergänzt werden diese Techniken durch ein CSS-Framework mit dem Namen YAML.

---

Seminarinhalte:

• Block- und Inline-Elemente: DIV und SPAN
• Relative,fixe und absolute Positionierungen
• Import-Techniken
• Float-Techniken
• CSS-Layout
• YAML

Voraussetzungen:
Grundkenntnisse in (X)HTML und CSS sowie gute Windowsgrundlagen werden vorausgesetzt.

Lernziel:
Die Erstellung eines CSS-Layouts lernen Sie an Hand unterschiedlicher Techniken kennen.

Zielgruppe:
Personen, die privat oder beruflich eine Website bearbeiten und pflegen möchten.

Methoden:
Vortrag, Übungen, Gruppenarbeit, Einzelarbeiten

Software:
Phase 5, TopStyle Lite

Termin:
23./24.10.2010
Sa/So, 10:30-17:30 Uhr
Nk-K233c, Dipl.-Pol. Carsten Wiegrefe
Comeniushaus, 12055 Berlin, Lahnstraße 78, Raum 109 (EDV)
€ 46,50; erm. € 29,70; 16 UStd. in der VHS Neukölln.

---

Quellen:

Die aktuelle, aber nicht mehr favorisierte CSS-Version ist CSS2 vom 12.Mai 1998. Eine deutsche Übersetzung ist auch erhältlich. Die CSS 2.1 Empfehlung vom 25. April 2004 wurde erneuert durch eine andere Fassung vom 08. September 2009 als Candidate Recommendation. Diese wird aktuell vom W3C empfohlen.

---

Browserunterstützung:

• Acid 1-Test
• Acid 2-Test
• Acid 3-Test
• Browserarchiv
• Browsershots
• Browserstatistik
• Browserunterstützung

Einführungen:

• CSS 4 You
• CSS Positionierung
• CSS Talky Nachschlagewerk
• CSS Technik
• CSS Tutorial
• Float Theorie
• Little Boxes gratis

Templates: CSS-Layout

• Artisteer
  • Artisteer Forum
  • Artisteer Vor- und Nachteile
• Blue Robot
• CSS Creator
• CSS Intensivstation
• CSS Page Layout Templates
• CSS Portal
• CSS Template Heaven
• doTemplate
• Ex-Designz.net
• FreeCSSTemplates.org
• HP-G
• Make Template
• Multiplex-Templates
• Open Source Templates
• Open Source Webdesign
• Open Web Design
• Simple CSS
• Templato.de
• The Noodle Incident
• The Style works
• Yaml

Toolbars: Browsererweiterungen für Mozilla Firefox

• Firebug 1.5
  • Firebug-Tutorial englisch
  • Firebug-Tutorial deutsch
• Web Developer 1.1.8

Weiterführende Links

• Clearfix
• Creative Commons
• em-based Layout
• em Calculator
• Favicon Generator
• Internet Explorer und hasLayout
• Table2CSS

---

Buchtipps:

Elizabeth Castro (2009): HTML, XHTML & CSS. Der Meisterkurs. Markt+Technik Verlag, München
Ingo Chao, Corina Rudel (2010): Fortgeschrittene CSS-Techniken inkl. Debugging und Performance-Optimierung. 2., aktualisierte und erweiterte Auflage. Galileo Press GmbH, Bonn.
Dirk Jesse (2008): CSS-Layouts. Praxislösungen mit YAML 3.0 - 2., aktualisierte und erweiterte Auflage. Galileo Press GmbH, Bonn.
Peter Müller (2007): little boxes Teil 2. Webseiten gestalten mit CSS. Navigation, Inhalte, YAML & mehr. Markt+Technik Verlag, München.
Susanne Rupp (2010): CSS Webdesign. Praxislösungen für professionelle Webseiten. Markt+Technik Verlag, München.
Heiko Schröder (2010): CSS - Cascading Style Sheets (Level 2.1). Grundlagen. 2. Ausgabe, 1. Aktualisierung, Januar 2010. HERDT-Verlag für Bildungsmedien GmbH, Bodenheim
Heiko Stiegert (2008): CSS-Design. Die Tutorials für Einsteiger. Galileo Press GmbH, Bonn.