新闻与资讯

标题: 网站设计中为页面添加打印功能
发布时间: 2011-10-24

网站设计中为页面添加打印功能

一个网站页面中有打印功能的话,可以很方便的让访问者打印出来线下阅读。这个功能可以通过CSS(Cascading Style Sheets)来实现,CSS可以控制页面的哪个部分用来打印,哪个部分不打印。那么我们怎么才能使用CSS设计一个有好的打印页面呢?

一般的,创建打印页面需要包含以下两步:

1,创建一个CSS文件,用以修改页面的展示和移除不需要打印的元素。这个CSS文件需要独立于你的正规的CSS文件。因为两个不同的链接元素需要使用两个文件来展示。下面是一些创建打印页面的技巧:

把颜色改成白底黑字,因为背景有颜色会浪费很多墨水。

把字体调成易读的字体

把字体大小设成可让访问者调节的功能。

把链接都用下划线来标注

去掉多余的元素(导航栏,广告,java,动画FLASH,以及其他的生动的图片)

留下一个作者,这样客户就知道是谁写的

留下网址和版权。

2,使用LINK元素来制作打印页面。链接一个外部的CSS文件要用以下格式:

<link rel=”stylesheet” type=”text/css”href=”styles.css”>

给这个格式上加上“media”属性。

<link rel=”stylesheet” type=”text/css” href=”PrintStyles.css”media=”print”/>

下面是一个例子:

body {
color : #0000000;
background : #ffffff;
font family : “Times New Roman”, Times, serif;
font-size : 12pt;
}
a {
text-decoration : underline;
color : #0000ff;
}
#navigation, #advertising,#other{
Display : none;
}



下一篇:设计网站时要考虑到当今世界上主流的浏览器
上一篇:成功的网站设计所需要的技能