Cascading Style Sheets - Beispiel-Quelltext



<HTML>
<HEAD>
  <TITLE>Cascading Style Sheets - Übungen</TITLE>
  <LINK REL="stylesheet" TYPE="text/css" HREF="css-ueb4.css">
</HEAD>
<BODY>
  <H1>Cascading Style Sheets</H1>
  <H2>Einsatz und Probleme von HTML</H2>
  <UL>
    <LI>HTML kommt aus dem akademischen Bereich
    <LI>HTML beschreibt Struktur eines Dokuments
    <LI>Webseite = Struktur (HTML) und Inhalt
  </UL>
  <H2>Folgerungen</H2>
  <UL>
    <LI>Der Inhalt ist wichtiger als die Form und das Layout
    <LI>Sehr einfaches Layout, wenig Gestaltungsmöglichkeiten
    <LI>HTML für ansprechendes Layout unzureichend
  </UL>
  <H2>Tricksereien</H2>
  <UL>
    <LI>Tabellen für Seitenlayout, Positionierung usw.
    <LI>Blind-GIFs für Positionierung und Abstände usw.
    <LI>Neue HTML-Tags speziell für Layout
  </UL>
  <H2>Folgen</H2>
  <UL>
    <LI>Vermischung von Struktur und Layout
    <LI>Schwer les- und wartbar
    <LI>Fehleranfällig bei Erstellung und Änderung
    <LI>Noch immer keine absolute Positionierung
    <LI>Problematisch für unterschiedlichen Medien
  </UL>
  <H2>Konsequenzen: Formatvorlagen (CSS)</H2>
  <UL>
    <LI>Saubere Trennung von Struktur, Inhalt und Layout
    <LI>Medienabhängiges Layout möglich
  </UL>
</BODY>
</HTML>