Veel websites die mooi ogen op het computerscherm komen nauwelijks lees- en bruikbaar uit de printer gerold. Wat kan u zoal doen om ervoor te zorgen dat uw site ook op papier deftig oogt?

Printers?
In eerste instantie is het uiteraard belangrijk dat uw website er goed uitziet op een computerscherm. En dat niet alleen in de browser en resolutie van uw keuze maar in alle meest gebruikte browsers en schermresoluties. Omdat veel mensen pagina's van websites afdrukken om ze later rustig te kunnen lezen of prijzen te vergelijken, is het even belangrijk dat een pagina er ook op papier goed uitziet.

Basisvoorzorgen
Geen frames. Sites met frames zijn een absolute ramp om af te drukken. De argeloze surfer die op een site die gebruik maakt van frames op de printknop duwt, krijgt als resultaat niet één pagina maar verschillende pagina's die helemaal niet weergeven wat hij op het scherm ziet. Webbouwers vergeten daarbij vaak dat de gewone surfer absoluut niet weet wat frames zijn.
Geen Flash. Recente browsers slagen er wel in om Flash af te drukken, maar uiteraard geven ze slechts één beeld van een hele Flash-animatie weer. Dat is behoorlijk vervelend op sites waarbij hele teksten in Flash staan.
Normaal kleurgebruik. Hoewel zwarte letters op een effen, witte achtergrond het meest aangenaam om te lezen zijn, gebruiken heel wat sites allerlei vreemde tekst- en achtergrondkleuren. Zeker wanneer het gaat om lichte letters op donkere achtergronden geeft dat in printvorm vaak onhandelbare resultaten.
Vloeiende pagina lay-out. Sites die werken met een vaste paginabreedte passen op papier vaak niet op een blad. U kan dus beter pagina's maken die zich aanpassen aan de schermgrootte.

En een printknop dan?
Sommige sites proberen deze euvels te omzeilen door een printknop te voorzien, die leidt naar een printvriendelijke pagina. Zorg er bij de afdrukvriendelijke pagina's steeds voor dat ze de naam van uw site of bedrijf vermelden, de titel van de pagina, een internetadres en dat ze toch nog enigszins aangenaam zijn om te bekijken. Een dergelijke printknop is een mogelijke oplossing, maar reken er zeker niet op dat alle gebruikers die knop gaan gebruiken. Heel wat surfers blijven trouw aan de printmogelijkheden die hun browser hen biedt.

Style sheets?
Een goede maar zelden gebruikte oplossing wordt aangereikt door style sheets. Zo kan u naast uw gewone style sheet een tweede link voorzien naar een style sheet die enkel gebruikt wordt wanneer uw pagina afgedrukt wordt. Daartoe moet u de verwijzing naar deze style sheet voorzien van het attribuut media="print". In de style sheet zelf kan u een tag opnemen die verhindert dat de delen van uw webpagina die deze tag gebruiken, afgedrukt worden. Deze tag kan de volgende zijn: ".screen { display:none; }". Wanneer u nu bijvoorbeeld bij uw navigatie een klasse class="screen" plaatst, zal deze navigatie niet afgedrukt worden. Op die manier kunnen alle elementen die overbodig zijn in de printversie, verwijderd worden door ze te markeren. U kan dit systeem verder uitwerken door in de 'printer style sheet' de inhoud van bepaalde klassen aan te passen aan het medium. Wanneer u op het scherm bijvoorbeeld groene lettertypes gebruikt, kan u deze in de printer style sheet definiëren als zwart, om de leesbaarheid van de uitgeprinte pagina's te verhogen.

Els Aerts & Karl Gilis

Een meer uitgebreide versie van dit artikel verscheen in Tips & Advies Online Ondernemen, jaargang 5, nummer 21 (België en Nederland).