网页设计如何进行HTML页面打印功能的设计

2021-12-01 08:17:53

阅读 9603次标签：网页设计素材 asp动态网页设计作者： anyi

关于网页设计这个行业，在中国来讲这个行业并不成熟，这个跟国家的经济，文化修养有密切的关系。我们不能跟欧美和韩国相比，他们有强大经济实力，设计这个东西，只有在经济蓬发的时代或在经济发达的城市才能产生价值。整站网页设计是推动市场营销的生产力，只要是视觉设计类，都有一个共同的目地，传达信息为商业服务。网页设计也是如此。如何在这个混乱的市场中，站住脚跟，向下一步迈进。

在网站的一些应用中需要提供用户直接打印页面的功能，最常见的就是电子优惠券，商家根据网站提供的模板输入内容，然后生成优惠券页面，用户打印这个页面即是优惠券。当然最优的做法是根据这个页面生成一个图片文件，用户下载这个图片再去打印，打印的效果就不会受浏览器的设置而受影响打印出来的效果。下面一品威客网就带您一起来看看。

但那样的办法太过复杂，通常我们是直接将HTML页面打印出来，这样就需要在网页设计中有一些额外的要求，这里提出两个要点：

1、在页面打印的时候浏览器的设置会对打印的效果有影响，在IE中的“工具”–“Internet选项”–“高级”中有一个“打印背景颜色和图像”，类似的在Firefox中“文件”–“页面设置”中有一个“打印背景颜色和图像”，当这个选项被选中的时候，页面中的背景颜色和图片都可以打印出来（有些不标准的IE内核浏览器似乎有些问题，背景颜色可以打印出来，但是背景图片不行），如果没有选中则背景颜色和图片都无法打印出来，所以为了屏蔽用户不同的浏览器和浏览器设置，我建议两点，第一是在用背景色填充的区域作为分界的地方加上1px的边框，颜色和背景色一样，这样在浏览器中看不出来变化，而在打印的时候即使用户的设置导致背景色无法打印出来也可以有一个边框来作为分割，最大程度上保留了页面布局；第二是对所有必不可少的图片都使用标签，这样无论用户浏览器怎么设置都可以将这些图片打印出来，可能这样与平时一些页面设计方式不同，但为了统一打印的效果，这些都是必须要留意的。

2、对style标签的属性设置：
这里表示该style内引入或者定义的样式属性仅仅在打印的时候使用，这里提醒一下，如果没有设置media属性，那么定义的样式将在浏览器和打印时都起效，所以建议将类似这样的样式放在所有常规样式之后。比如我们希望在打印出来的页面上有一行“专业深圳网站建设公司-联灿科技”，但在浏览器中并不显示：
那么我们就可以在统一样式中设置.printTitle{display:none;},而在后面的media为”print”的样式中设置为.printTitle{display:block;}。在定义的打印样式并不是在打印时的优先级会高于常规定义的样式，所以再次建议将打印样式放在所有常规样式之后。

以上就是一品威客网提供的HTML页面打印功能的设计要点，在这个环境下，有的人选择继续修炼，做高端设计，有的人选择忽悠，忽悠客户忽悠设计。整站网页设计既然是个行业，就应该存在高中低端，并不是只有超高端才能生存。卖奥拓的老总开宝马，卖宝马的老总开奥拓，并不是只有高端的公司才能有生存，关键是现阶段，中低端的网站，成本却不够低端。

下一篇： PTT设计创建PowerPoint播放器演示步... 注意企业营销网站开发存在的问题... 上一篇：