Technische Dokumentation von LinksRhein | |
Startseite Technix-Seite Doku |
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> |
Den Effekt seht ihr in der nächsten Zeile:
Angelika Bernecker
Startseite Technix-Seite |
sw, 23.06.01