Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
From the book Converting an existing style sheet for print

Converting an existing style sheet for print

Although you can develop a print style sheet from scratch, it’s usually much faster to convert an existing screen-media style sheet. The first step is to save the existing external style sheet under a new name.

  1. In the Files panel, double-click mygreen_styles.css to open it.
  2. Choose File > Save As.
  3. When the Save As dialog box opens, type print_styles.css in the File Name/ Save As field. Make sure the site root folder is targeted. Click Save.
  4. If necessary, open mylayout.html from the site root folder. In the CSS Styles panel, click the Attach Style Sheet icon.
  5. The Attach External Style Sheet dialog box opens

  6. Click Browse.
  7. The Select Style Sheet File dialog box appears.

  8. Select print_styles.css from the site root folder. Click OK/Choose.
  9. In the Attach External Style Sheet dialog box, select the Link option for the Add As value. From the Media field menu, choose print. Click OK.
  10. In the CSS Styles panel, click the All button, if necessary.
  11. A new entry—print_styles.css—has been added. At the moment, both style sheets are identical. You will modify the print sheet in the next exercise.

  12. Close print_styles.css and mygreen_styles.css.
  13. Save mylayout.html.
  • + Share This
  • 🔖 Save To Your Account