如何设计页面的打印机友好版本
你永远不知道人们会如何选择消费你的网站内容。 他们可能会选择在传统台式机或笔记本电脑上访问您的网站,或者他们可能是许多访问某种移动设备的访问者之一。 为了适应这种广泛的访问者,今天的网络专业人士创建了一些网站,这些网站看起来不错,并且在这些广泛的设备和屏幕尺寸上都能很好地工作,但许多人没有考虑的一种可能的消费方法是打印。 当有人打印出你的网页时会发生什么?
许多网页设计师认为,如果一个网页是为网页创建的,那么它就应该被阅读,但是这是一个思路狭隘的想法。 一些网页可能很难在线阅读,也许是因为读者有特殊的需求,这使他们难以在屏幕上查看内容,而且他们从书面页面更加舒适。 有些内容可能也需要印刷。 对于一些阅读“如何”文章的人来说,将文章打印出来可能会更容易一些,或许写完笔记或在完成时检查步骤。
最重要的是,您不应该忽略可能选择打印网页的网站访问者,并且您应该采取措施确保您网站的内容在打印到页面时可以使用。
什么使打印机友好的页面打印友好?
网络行业对于如何编写一个打印友好的页面存在一些分歧。 有些人认为只有文章内容和标题(可能有一个旁行)应该包含在页面上。 其他开发人员只是删除侧面和顶部的导航,或将其替换为文章底部的文本链接。 有些网站删除广告,其他网站删除一些广告,还有一些网站保留所有广告的完整性。 您需要决定在您的特定用例中最有意义的东西,但这里有一些要考虑的提示。
我推荐打印友好页面
- 将颜色更改为白色黑色。
- 如果您的网页有背景颜色,或者您使用彩色字体,则您的打印机友好页面应该是白色背景上的黑色文本。 大多数人使用黑白打印机,彩色背景可能会耗尽大量墨水或墨粉。
- 将字体更改为可读的面部
- 如果您的网页使用文体字体,则可能需要将其更改为容易阅读的衬线或无衬线字体以便打印页面,以便于阅读。
- 观看字体大小。
- 如果你正在写一个小字体的网页,你应该增加打印的字体大小。 我建议使用16pt或更大的文字,具体取决于您的观众。
- 强调所有链接。
- 这些链接不会在您的打印机友好页面上点击,因此很明显它们是链接将清晰地显示页面信息,并让读者知道它们在数字页面中缺少的功能。 我也喜欢将链接的颜色更改为蓝色,这对于彩色打印机很有用。
- 删除不重要的图像。
- 什么使得一个基本的形象取决于开发者和市场部门。 我将图片限制为页面左上角文章和品牌徽标所需的图片。
- 删除导航。
- 广告和侧面导航导致网页难以打印的原因很多。 删除它可以让文字在屏幕上流动更多空间 - 使打印时更易于阅读。 另外,由于页面打印出来, 导航只是浪费墨水。
- 删除一些或大部分广告。
- 这是一个棘手的问题,因为一些打印友好的专业人员会将所有图像从打印友好的页面中删除,包括特别是广告。 但事实是,许多网站都受到广告支持,并且删除所有广告都会影响这些网站留在业务中的能力。 如果我不得不在打印输出中的广告或网站消失之间进行选择,我会选择广告。 毕竟,如果我喜欢它足以打印出来,我希望网站继续。
- 删除所有JavaScript和动画图像。
- 这些打印效果不佳或根本不能打印,并且在某些情况下会导致打印网页时出现问题。
- 包括一个旁路。
- 即使您的文章通常没有排版,您也应该在适合打印机的版本中加入排版。 这样,如果客户将文章存档,她可以很快找到谁写了这些文章,而无需返回到您的网站。
- 包含原始网址。
- 在打印输出的底部包含原始文章的URL非常重要。 这样,如果您的客户需要遵循链接或从您的网站获取更多信息,则可以在网上找到确切的网页。 此外,如果他们复印打印输出,您的网站将获得更多曝光。
- 包含版权通知。
- 你在网上写的是你的写作。 仅仅因为客户可以打印出来或复制并粘贴文本并不意味着它是公共领域。 它不会阻止坚定的小偷,但它会提醒临时用户你的权利。
通过这些简单的指导方针,您可以为您的网站创建适合打印的页面,让您的客户乐于使用并返回。
如何实施打印友好的解决方案
您可以使用CSS媒体类型创建打印友好页面,为“打印”媒体类型添加单独的样式表。 是的,可以编写脚本来将网页转换为适合打印的页面,但是当您可以为打印页面时编写第二个样式表时,实际上不需要走这条路线。
Jennifer Krynin的原创文章。 由Jeremy Girard于6/6/17编辑