Webdesign - Webseiten planen, gestalten - Free-Hack Library

Informationsdarstellung auf anderen Medien
Die Kennzeichnung der Links auf dem Ausdruck ist für den Nutzer
wenig hilfreich. Sinnvoll wäre beispielsweise die Angabe der
URL. Darüber hinaus bleibt es Ihnen freigestellt, z.B. title- und
alt-Attribute auszugeben oder sogar Copyright-Hinweise im Ausdruck
mit anzugeben. In unserem Fall beschränken wir uns auf
die Angabe der Link-URLs.
a:not([href^= '#']):after {
content: " ("attr(href)")";
color: #cccccc;
font-style: italic;
font-size: 80%;
}
Nun hat der Nutzer die Möglichkeit, die Links direkt einzugeben,
ohne die Seite noch einmal aufrufen zu müssen (Abb. 9.4.1e).
Bei Logos, Abständen, Größen der Überschriften sowie Formatierungen
einzelner Seitenelemente sind Ihrer Phantasie keine Grenzen
gesetzt. In unserem Fall verwenden wir als Hauptüberschrift das
Logo der Web Design Gazette und wenden ein paar Formatierungen
auf die restlichen Überschriften an (Abb. 9.4.1f).
h1{
display: none;
}
#logo:before {
width: 100%;
height: 80pt;
content: url(/images/logo_print.png);
}
h2 {
text-align: center;
text-transform: uppercase;
font-size:14pt;
margin-bottom:30pt;
}
h3 {
text-transform: uppercase;
font-size:12pt;
margin-top:30pt;
}
TECHNISCHE
UMSETZUNG
9
Abb. 9.4.1e: Druckansicht Web Design Gazette:
Zusätzliche Link-URLs
305