网站设计中为页面添加打印功能,网站设计中为页面添加打印功能
一个网站页面中有打印功能的话,可以很方便的让访问者打印出来线下阅读。这个功能可以通过CSS(CascadingStyleSheets)来实现,CSS可以控制页面的哪个部分用来打印,哪个部分不打印。那么我们怎么才能使用CSS设计一个有好的打印页面呢?
一般的,创建打印页面需要包含以下两步:
1,创建一个CSS文件,用以修改页面的展示和移除不需要打印的元素。这个CSS文件需要独立于你的正规的CSS文件。因为两个不同的链接元素需要使用两个文件来展示。下面是一些创建打印页面的技巧:
把颜色改成白底黑字,因为背景有颜色会浪费很多墨水。
把字体调成易读的字体
把字体大小设成可让访问者调节的功能。
把链接都用下划线来标注
去掉多余的元素(导航栏,广告,java,动画FLASH,以及其他的生动的图片)
留下一个作者,这样客户就知道是谁写的
留下网址和版权。
2,使用LINK元素来制作打印页面。链接一个外部的CSS文件要用以下格式:
<linkrel=”stylesheet”type=”text/css”href=”styles.css”>
给这个格式上加上“media”属性。
<linkrel=”stylesheet”type=”text/css”href=”PrintStyles.css”media=”print”/>
下面是一个例子:
body{color:#0000000;background:#ffffff;fontfamily:“TimesNewRoman”,Times,serif;font-size:12pt;}a{text-decoration:underline;color:#0000ff;}#navigation,#advertising,#other{Display:none;}
|