Home ยป Webpagina afdrukken, print.css,

Webpagina afdrukken, print.css,

Laatst bijgewerkt op 28 December 2009.

vergrootglasVan de week kwam er een buur langs die zelf geen computer heeft (jawel, ze bestaan nog). Of hij even wat mocht zoeken op Internet, of dat ik het even voor hem wilde doen. De buur vond wat hij zocht, en wilde dit afdrukken. Of dat ook mocht. Van mij kan iedereen krijgen wat hij/zij nodig heeft, dus geen probleem. Even een afdrukvoorbeeld bekijken alvorens het afdrukken, en dan zie je al snel dat het meeste wat er afgedrukt gaat worden onzin is. Alle reclame, de gehele sidebar, de footer, de achtergrond, zoekvenster, of zelfs het reageervenster. Allemaal zaken die je niet afgedrukt wilt zien. Daarnaast geven ze printerinkt niet weg.

[adsense]

Als website eigenaar, en zeker als eigenaar van een CMS (Content Management System) is het erg belangrijk om voor je bezoekers te zorgen. Vandaar deze kleine Tutorial. Je hebt je website tenslotte niet voor niets. Schrijf je informatieve artikelen, dan bestaat de kans dat er wel eens iemand een print van wil draaien. Ik heb van de week eens een beetje rond gekeken hier en daar, maar het is toch best droevig gesteld met de afdruk resultaten op Internet.

Op zich is het helemaal niet moeilijk om er voor te zorgen dat de artikelen die je publiceert mooi, en zonder poespas worden afgedrukt. Ik heb voor iedereen die er mee aan de slag wil? een vooropzet gemaakt. Opslaan als print.css. Upload de file naar je host, en plaats hem tussen je ander files of in je theme folder.Tussen de <head></head> tags in je header of index zet je de volgende regel
” <link rel=”stylesheet” type=”text/css” href=”print.css” media=”print”> ”
?
Nu is het zaak het stylesheet aan te vullen met die onderdelen uit je pagina die onbelangrijk zijn tijdens het afdrukken van een pagina. Hierdoor krijg je een mooi afdruk resultaat
In de stylesheet die je hebt kunnen downloaden zie je de div id voor de sidebar met de display eigenschap none. De sidebar wordt hierdoor niet weergeven in het afdruk voorbeeld, en zal niet worden afgedrukt. Zorg er voor dat linkverwijzingen worden underlined. Succes..!

Ik schrijf niet om iets vast te leggen, maar om beter te zien wat er al was. Vaak zit betekenis in kleine momenten die je pas opmerkt wanneer je vertraagt. Dit is geen plek van conclusies, maar van kijken, twijfelen en soms begrijpen. Wat betekent het om mens te zijn, en wat mogen we onderweg niet kwijtraken?

31 Comments

  • mikelodeon

    February 3, 2009 at 17:36

    wat attent dat je dit dit deelt met je medebloggers ๐Ÿ™‚ Zelf kopieer en plak ik het meestal in word. Bij blogger zou ik niet weten hoe het in te voegen, enne ook waar ;-).

  • Liesbeth

    February 2, 2009 at 14:51

    erg handig wel, zeker weten..ik heb dus pas een vraag van Donny of ik een kaartmap voor hem wil afdrukken, is een plattegrond voor een game, maar dat lukte niet om af te drukken. ik dacht inkt is op want daar leek het op. Daarna wou ik een tekst printen en dat lukte weer wel, vreemd vond ik..

  • RedStar

    February 2, 2009 at 11:45

    @ Frans, Oke!
    @ Renesmurf, Dat zou ook erg handig zijn ja
    @ Ria, Het moet gewoon werken. Niet al dat extra gedoe
    @ Pleeboy, Gij kunt dat toch niet veranderen op punt.nl ๐Ÿ˜†
    @ Frank, Dan moet je wel een PDF extensie op je pc hebben. Niet iedereen heeft dat, en dat is opeens een berg werk om er een te installen voor een printje ๐Ÿ™‚
    @ Lia, hehe tuurlijk heb ik gelijk :-)Fijn dat je wat aan de info had ๐Ÿ™‚
    @ Belinda, Dat moet je geheel zelf weten. ๐Ÿ˜€
    @ Leibele, Precies, en het is zo simpel het gelijk te regelen ๐Ÿ™‚
    @ Mya, Ja, en dat is erg jammer eigenlijk, en zeker omdat het voor een site eigenaar zo gedaan is, of het door iemand kan laten doen. Geen dank ๐Ÿ™‚

  • Mya

    February 2, 2009 at 11:01

    Klopt wat je zegt dat je een heleboel waardeloze reclame afprint, als je zomaar lukraak afprint , zo heb ik al ettelijke euro’s verspilt in internetcafe vooreer ik printer had ๐Ÿ™‚ ik ga die linktip eens bekijken , bedankt !

  • Lia

    February 2, 2009 at 09:43

    ja John wow dus, helemaal gelijk en aangezien ik er ook 3 heb zal ik daar eens heel erg duidelijk op gaan letten de volegden keer dat ik m update, nooit bij stilgestaan dank je voor deze waardevolle tip!

    fijne dag vandaag

    {-?-}

  • Frank

    February 2, 2009 at 06:46

    Bij Joomla heb je de mogelijk om bij artikelen de pdf knop te plaatsen. Is nog niet echt optimaal, maar geeft voor een print wel alleen het artikel. Maar je logje zet me aan het denken en ik ga dat dus eens goed uittesten of alles naar behoren werkt.

  • pleeboy

    February 2, 2009 at 00:02

    ik denk niet dat ze bij mij veel zullen printen, of je moet een mooie foto boven je bed willen hebben hangen:-)
    maar de info is altijd handig

  • ria

    February 1, 2009 at 22:53

    @Me: nou ik heb bij jou laatst wat posten proberen af te drukken, maar daar kwam alles mee en erg smal, het kostte veel papier in elk geval ๐Ÿ˜‰
    Ik ben niet de moeite van het adrukken waard denk ik, ik verdiep me er maar niet in ๐Ÿ˜‰

  • frans54

    February 1, 2009 at 22:36

    @Redstar: bij het kopi?ren met PrintScreen naar een bestand gebeurd er volgens mij nog iets anders dat de kwaliteit aantast, foto’s die ik gedownload prima kan vergroten blijken als ik ze probeer op te pikken mbv PrintScreen namelijk van, soms beduidend, mindere kwaliteit, waarschijnlijk is wat je download de kwaliteit zoals die bij b.v. ImageShack is opgeslagen, via PrintScreen krijg je de kwaliteit (en waarschijnlijk belangrijker: het formaat) zoals de foto op de webpagina verschijnt. Nu doe ik niet zo aan opslaan van foto’s van derden dus ik heb er niet echt last van, ik kwam erachter toen een kennis een beveiligde foto van een site waarop zij zelf afgebeeld stond wilde hebben en deze tegen downloaden beveiligd bleek (ze heeft hem trouwens uiteindelijk na erom te vragen via email keurig thuisgestuurd gekregen – zonder kosten)

  • RedStar

    February 1, 2009 at 22:13

    @ Petronella, Dat is natuurlijk een optie die niet nodig zou moeten zijn. Weet je hoeveel kliks dat zijn?
    @ hanscke, Zie mijn reactie aan Petronella. Over die inkt zei ik al. Niet nodig mij te herhalen
    @ Twan, Ah kijk eens aan ๐Ÿ˜€
    @ Aukje, Wat een handelingen allemaal
    @ Soofy, Dank je wel! ๐Ÿ™‚
    @ Inge, Jij mag overal vanuit gaan ๐Ÿ˜‰
    @ Roos, Je hoeft er ook niks mee te doen natuurlijk ๐Ÿ˜‰
    @ Frans, Veel foto eigenaren plaatsen deze met webkwaliteit ;-)Hierdoor lijkt het alsof een programma deze met mindere kwaliteit download. Het is echter de kwaliteit van de afbeelding.

  • frans54

    February 1, 2009 at 21:40

    Ik gebruik Gadwin PrintScreen om, delen van, webpagina’s af te drukken, heeft prima mogelijkheden om hetgeen je werkelijk wilt afdrukken te selecteren (trouwens ook een heel simpele manier om foto’s die tegen downloaden beveiligd zijn als je dat toch beslist wilt op jouw computer te krijgen – hoewel het vaak wel ten koste van wat kwaliteit gaat)

  • Soofy

    February 1, 2009 at 21:17

    Ik heb er (1e alinea) nog nooit mee te maken gehad, maar je maakt hier wel een punt! Goed dat je er aandacht aan schenkt.
    Hartelijke groet J

  • Aukje

    February 1, 2009 at 20:31

    Ehmmmmmmmmmm
    Als ik iets af wil drukken, kopieer ik het eerst naar word.
    Maar dat zul je ongetwijfeld niet bedoelen ๐Ÿ™‚
    Maar, denk wel mee.

  • Twan

    February 1, 2009 at 20:25

    Ik heb hier ook wel eens iets uitgeprint, en dat zag er netjes uit. Wij kregen het ook op cursus trouwens, en daar werd gezegd dat het heel erg vaak vergeten wordt. Goeie tip dus

  • hanscke

    February 1, 2009 at 20:17

    Ik ben net als Petronella heel handig geworden met knippen en plakken in word. Zo maar ongecontroleerd afdrukken vind ik qua inktgebruik veel en veel te duur.

  • Petronella

    February 1, 2009 at 20:11

    Ik selecteer gewoon de tekst en plak die in Word, waarna ik het afdruk. Meestal moet je dan ook nog even op “clear formatting” klikken om je van onnodige opmaak te ontdoen.

  • RedStar

    February 1, 2009 at 20:08

    @ Mannie, zelf print ik niet tot nauwlijks iets uit vanaf Internet
    @ Me, Nou, of dat de reden is weet ik niet. Ik krijg in mijn werk vaak genoeg de vraag om dit gelijk mee te nemen ๐Ÿ˜‰
    @ Wil, Aparte browser heb je dan. Ik krijg die vraag nooit. Buiten dat om is het een kleine moeiete om het gelijk goed te regelen.
    @ Paul, Ja, voornamelijk weblogs en nieuwssites hebben dat redelijk slecht voor elkaar. Of het luiheid van de designer is zou ik niet weten.

  • Paul

    February 1, 2009 at 19:41

    Je komt dat inderdaad erg vaak tegen. Ik vind het raar als je zelf allerlei handelingen moet verrichten om iets te kunnen uitprinten. Het is luiheid van de webdesigner of site eigenaar.

  • Wil

    February 1, 2009 at 19:40

    NU weet ik daar niet veel van en is het allemaal abacadabra voor mij. Maar als ik wat uit wil printen dan neem ik afdrukvoorbeeld en krijg dan de vraag…..De gehele pagina of alleen frame afdrukken, of zoiets dergelijks. Meestal let wel, meestal, krijg ik dan alleen wat ik nodig heb.:-))))))))

  • Me!

    February 1, 2009 at 19:35

    De truck is dat de meeste eigenaren niet willen dat je een clean tekstje krijgt. Er zijn zelfs sites waar de content op deze wijze weggefilterd is, of halverwege afgebroken wordt. Ik los dat met Firefox op door op die plaats de CSS weg te halen van de pagina, of juist toe te voegen.