Cascading Style Sheets - Beispiel-Quelltext


<HTML>
<HEAD>
  <TITLE>Cascading Style Sheets - Übungen</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="green">
<FONT FACE="Helvetica,Arial">
  <H1><FONT COLOR="red">Cascading Style Sheets</FONT></H1>
  <H2><FONT COLOR="blue">Einsatz und Probleme von HTML</FONT></H2>
  <UL>
    <LI>HTML kommt aus dem akademischen Bereich
    <LI>HTML beschreibt Struktur eines Dokuments
    <LI>Webseite = Struktur (HTML) und Inhalt
  </UL>
  <H2><FONT COLOR="blue">Folgerungen</FONT></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><FONT COLOR="blue">Tricksereien</FONT></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><FONT COLOR="blue">Folgen</FONT></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><FONT COLOR="blue">Konsequenzen: Formatvorlagen (CSS)</FONT></H2>
  <UL>
    <LI>Saubere Trennung von Struktur, Inhalt und Layout
    <LI>Medienabhängiges Layout möglich
  </UL>
</FONT>
</BODY>
</HTML>