愤怒的大鸟 发表于 2015-1-15 23:32:46

带来一篇把XHTML/CSS页面转换成为打印机页面

最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。在之前,为Web页面创立一个打印机友爱的版本意味着要计划一个结构和格局都经由修正的独自页面,如许才干够在打印的时分取得使人中意的效果。如今,经由过程利用布局化的XHTML和CSS,你能够完成一样的效果而只用消费少很多的精神。

从屏幕显现到打印效果
年夜多半的Web页面都是计划合用于在盘算机屏幕上寓目的。但是,有的时分用户必要将某些页面打印出来,大概就是为了保存一个临时的纪录,大概将其用作便利的离线参考材料。
如今的贫苦是,让Web页面在盘算机黑色屏幕上看起来有目共睹和五光十色的良多特征,都没法在打印版的Web页面上体现出不异的效果――特别当打印机是口角的时分。在被升级为灰度打印的时分,黑色的组合会得到(原本的)对照效果;图形会看起来掉真,并且泯灭太长的打印工夫;在Web页面上起侧重要感化的导航按钮在打印页面上也毫无用途。
为了克制这些成绩,Web的创立者经常会为页面专门计划一个打印机友爱的版本,如许会见者就有打印的愿望。打印机友爱的版本一般都包含有和次要Web页面不异的内容,可是会省略失落年夜多半的图形、背景和导航元素。页面还会把黑色转换成某种情势,以便天生可以让人承受的灰度图象。
CSS的办理计划
利用布局化的XHTML标示和CSS格局将内容和暗示分别开来的一个上风在于,经由过程变动CSS款式,你能够很容易就把内容从头格局化。因而,创立一个打印机友爱的页面就是把一个分歧的CSS文件链接到不异的XHTML页面上。
你能够同时把屏幕款式表和打印款式表链接到统一个XHTML文件里,以是就没有需要独自创立一个打印机友爱的页面,只必要一个打印机友爱的款式表就好了。当你在链接代码里到场多媒体范例的文件时,这就是在告知扫瞄器为了举行屏幕输入要遵守大概疏忽哪些CSS的划定规矩,而为了打印输入要利用哪些划定规矩。
上面是链接到一对CSS文件的例子:
<linkrel="stylesheet"type="text/css"media="screen"href="mysite-screen.css"
/>
<linkrel="stylesheet"type="text/css"media="print"href="mysite-print.css"/>
假如必要撑持老版本的扫瞄器,那你就必需保持利用CSS1的媒体形貌符screen和print。它们是互相排挤的,因而在为屏幕显现而天生页面的时分,扫瞄器会疏忽失落打印款式表,反之亦然。以是,每一个款式表都必要包括不异的款式选择器,可是有分歧的划定规矩声明,以便为分歧的输入设备分离天生页面款式。
</p>
在W3C的HTML工作小组电子邮件论坛上频频冒出这样的情绪化批判字眼:“幼稚”、“令人无法忍受”、“荒谬”、“使诈”等。

蒙在股里 发表于 2015-1-20 21:11:03

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

再见西城 发表于 2015-1-30 05:19:25

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

冷月葬花魂 发表于 2015-2-6 07:35:38

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

透明 发表于 2015-2-15 17:47:53

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

精灵巫婆 发表于 2015-3-4 13:29:35

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

飘飘悠悠 发表于 2015-3-11 19:47:58

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

山那边是海 发表于 2015-3-19 11:20:38

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

灵魂腐蚀 发表于 2015-3-27 23:52:23

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
页: [1]
查看完整版本: 带来一篇把XHTML/CSS页面转换成为打印机页面