Weitere Infos
Sie lesen:
LB1 (2009)
Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.
Aktuelle Infos finden Sie hier:
Ein zweites Stylesheet nur für den Ausdruck
In diesem Abschnitt erstellen Sie ein zweites Stylesheet mit dem passenden Namen druckversion.css und binden es im HTML mit einem zweiten link-Element ein. Durch die Angabe von media="print" wird dieses Stylesheet nur zum Ausdrucken der Seite verwendet.
Erstellen Sie zunächst ein zweites Stylesheet mit dem Namen druckversion.css.
ToDo: Ein zweites Stylesheet für den Ausdruck erstellen
- Erzeugen Sie mit einem Editor eine leere Datei.
- Fügen Sie am Anfang der Datei folgenden Kommentar ein:
/* ===================================================
Stylesheet für die Übungsseiten aus "Little Boxes, Teil 1"
Stand: Druckversion (Kap. 10)
Datei: druckversion.css
Media: print
Datum: ...
Autor: ...
=================================================== */ - Speichern Sie die Datei unter dem Namen druckversion.css in Ihrem Übungsordner.
Jetzt müssen Sie im HTML der beiden Beispielseiten noch ein zweites link-Element einbauen.
ToDo: Ein zweites link-Element für den Ausdruck einbinden
- Öffnen Sie die Webseiten index.html und kontakt.html in einem Editor und fügen Sie das hervorgehobene link-Element ein:
<head>
<!-- Andere HTML-Elemente unverändert lassen -->
<link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
<link href="druckversion.css" rel="stylesheet" type="text/css" media="print" />
</head> - Speichern Sie beide Dateien und schließen Sie sie wieder.
Damit sind die Vorbereitungen fertig, und es kann losgehen.
