linksrhein Technische Dokumentation von LinksRhein
  Startseite Technix-Seite Doku zurück  weiter  suchen

Stylesheets

Stylesheets sind Dateien, die einheitliche Layoutbeschreibungen für zahlreiche HTML-Seiten enthalten. Für unterschiedliche Ausgabegeräte (Drucker=print/ Monitor=screen) können im HTML- Header durch den Verweis auf unterschiedliche Stylesheets unterschiedliche Layout-Vorgaben definiert werden.

Hier folgt der Auszug aus dem Beispieldokument, der die im Dokument verwendeten Stylesheets definiert;

<!-- Stylesheets -->
<link media="print" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_print.css" type="text/css">
<link media="screen" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_screen.css" type="text/css">

Die Layout-Definitionen befinden sich hier in den Dateien lr_print.css und lr_screen.css.

In dem folgenden Auszug aus lr_screen.css wird z.B. für die Autorin ein kursives (italic), fettes (bold) Schriftbild, mit einer Ausrichtung an den rechten Rand (text-align=right) definiert.

.Autor             {font-style: italic;
                    font-weight: bold;
                    text-align: right}

Um eine Autorinnenangabe in dem so definierten Layout erscheinen zu lassen, ist im Dokument dann folgender Eintrag nötig:

<p class=“Autor">Angelika Bernecker</p>
vgl. Beispieldokument

Den Effekt seht ihr in der nächsten Zeile:

Angelika Bernecker

  Startseite Technix-Seite zurück  weiter  Anfang

sw, 23.06.01