jetzt auch als Video-Kurs

Trennung Inhalt und Design durch CSS

Ein extrem großer Vorteil von CCS ist die Trennung des eigentlichen Inhalts vom Design. Das Design wird in eine eigene Datei ausgelagert und kann für alle Seiten eines Internetauftritts verwendet werden. Werden Änderungen am Design gemacht, sind durch eine Datei sofort alle Einzelseiten uptodate

Eine Seite - viele Gesichter

An folgendem Beispiel soll gezeigt werden, das eine inhaltlich identische Seite vollständig unterschiedlich aussehen kann.

Das Zusammenspiel von CSS und HTML-Tags in den folgenden Kapiteln

Beispiele für identische Inhalt und anderes Design

• www.html-seminar.de/styleswitcher/beispiel_eine_seite_viele_gesichter.htm
• www.csszengarden.com - CSSZengarden

vorheriges Kapitel: CSS lernen

nächstes Kapitel: Aufbau CSS Befehle

• Startseite
  • Vorwort
  • Neuigkeiten
  • Videokurs 11 Stunden
• HTML Tutorial für Anfänger
  • benötigte Software
  • erste HTML-Seite
  • Grundlagen - HTML-TAG
  • Absatz
  • Überschriften
  • html Editor
  • Seitenaufbau
  • Text fett, kursiv
  • Schachteln von HTML-TAGs
  • unterstreichen
  • validieren HTML-Seite
  • Sauberer HTML-Code
  • Listen, Aufzählungen
  • Definitionsliste
  • Attribute bei HTML-TAGs
  • Links, Hyperlinks
    • Dateinamen
    • interne Links
    • externe Links
    • Steuerung erstellen
    • Verzeichnisse
  • erzwungener Umbruch
  • Trennlinie, Attribute
  • Bilder u. Grafiken I
  • Farben
  • Tabellen
  • Online stellen
  • HTML-Übersicht
• CSS lernen
  • Trennung Inhalt Design
  • Aufbau CSS Befehle
  • CSS in HTML einbinden
  • CSS einsetzen
  • Box-Modell
  • CLASS und ID
  • DIV und SPANs
  • Design per CSS - float
  • Steuerung per CSS
  • Block- u. Inline-Elemente
  • Bilder und Hintergrund
  • CSS-Befehle Übersicht
  • CSS Tipps und Tricks
  • CSS-Layout-Generator
• Projekt Beispielwebsites
  • Vorstellung Projekte
  • Layout über CSS
    • Design über CSS
    • fertiges Beispiel
  • Layout über Tabellen
• Fortgeschrittene
  • Fortgeschrittene
  • hoch-tief, groß-klein
  • Farben II
  • Bilder u. Grafiken
  • Formulare
  • Frames
  • bevorz. Software
  • JavaScript
  • Metatags
  • Suchmaschinen
  • Domainnamen
  • Provider & Domains
  • kostenloser Webspace und seine Kosten
  • Recht
  • Usability
  • HTML 5
  • Geld verdienen im Internet
  • Tipps & Tricks
• Forum
  • ins Forum
• Diverses
  • WYSIWYG-Editoren
  • Software
  • Bücher
  • Links
  • Referenz Sonderzeichen
  • Maßeinheiten
  • geschl. Benutzerkreis
  • Abk. - Abkürzungen
  • favicons erstellen
  • Leserstimmen
  • Helfen Sie mit...
  • Datenschutzerklärung
  • Archiv
  • Impressum