SwissChecklist

Checklist: Layout Adjustments for Printing - YAML

Preparing website content for paper is an important component of any website's design - and an attractive screen design is no hindrance to a legible and well-organized print version.

The switch between screen and printed page means changing from an interactive to a passive medium. Paper has a fixed size and proportions. Longer content areas must come to terms with page breaks - something unfamiliar in the online world. Links are no longer clickable on paper, so if the corresponding URL is not visible, important information is lost.
  • Printing Preparation

    Show Details Show Substeps Show Substeps Show Substeps
  • Decide if you want to print the content of all column containers, of some, or of only one.

    Show Details Show Substeps Show Substeps Show Substeps
    The question is: which parts of the layout contain important information and what is only decoration?

    The footer information, advertising in the margins, and search forms are all useless in print. The navigational elements are no longer usable on paper.
  • Layout Adjustments

    Show Details Show Substeps Show Substeps Show Substeps
  • Add Print Stylesheet

    Show Details Show Substeps Show Substeps Show Substeps
    Within the YAML framework, the order and thus the use of the column containers of content, navigation, or anything else, is variable. The print stylesheets are designed to let you freely choose any combination of column containers to be printed. You choose by linking one of the seven print stylesheets from the yaml/print/ folder in the central stylesheet of your layout.

    more

    The file print_draft.css has an exeptional position. It is a generic print stylesheet without any predefined container settings. Use this stylesheet if your layout, for example, is completely based on subtemplates.
  • Switching the Units of Measurement for Font Sizes

    Show Details Show Substeps Show Substeps Show Substeps
    Practical font sizes are different for the screen and for paper. Onscreen, the scalability of the type is very important, so we usually use relative units like em or percent. For print we use absolute units like points or pica.

    Normal text should not be set at anything smaller than 10pt (10 points) to be legible on paper. This basic font size is set for the body element and is inherited down to all child elements.

    Important: switching to pt (points) is necessary for consistent print results in Firefox. If you need to change the standard font size, do use this unit of measurement.
  • Test Print Layout

    Show Details Show Substeps Show Substeps Show Substeps
    File > Print Preview

    Print preview in Microsoft Internet Explorer should be used to make sure you get your printout looking just like how you want it. Not only will this save you time, but also paper!
  • New Step

    Show Details Show Substeps Show Substeps Show Substeps
Use this Checklist

Preview/Print

Use

Change

Sort