Buidling a Printable Webpage

[SamA74]

If it’s just a normal web page, and you want it to look better when printed, it’s not that difficult. You can create a print specific css.

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" media="print" href="css/print.css">

Or use a media query in the main css if you prefer.

@media print {...}

Most styling will already be done in the main css, but you can override certain things specifically for printing.

@SamA74

To see what the print css needs, use print preview, and see what could look better.I will hide stuff that’s no use in print, like the nav. Re-style things that will use too much ink and just alter whatever looks bad in the preview.