第章使用Web标准设计和制作.pptxVIP

第2章 使用Web标准设计和制作网页;2.1 表格布局;2.1.2 混乱的逻辑结构和冗余的嵌套表格 采用表格布局的页面内，为了实现设计的布局，制作者往往在单元格标签td内设置高度、宽度和对齐等属性，有时还要加入装饰性的图片，图片和内容混杂在一起。使代码视图显得非常臃肿。 因此当页面布局需要调整时，往往都要重新制作表格。尤其当有很多页面需要修改时，工作量将变得难以想象。 表格在版面布局上很容易掌控，通过表格的嵌套可以很轻易地实现各种版式布局，但是即使是一个1行1列的表格，也需要table、tr和td这3个标签，最简单的表格代码如下所示： table tr td这里是内容/td /tr /table 如果需要完成一个比较复杂的页面时，HTML文档内将充满了tr和td标签。同时，由于浏览器需要把整??表格下载完成后才会显示，因此如果一个表格过长、内容过多的话，那么访问者往往要等很长时间才能看到页面中的内容。 多的冗余代码，对于服务器端也是一个不小的压力，也许一个只有几个页面、每天只有十几个人访问的个人站点对流量不会太在意，但是对于一个每天都有几千人甚至上万人在线的大型网站来说，服务器的流量就是一个必须关注的问题了。 ;2.2 了解Web标准;2.2.4 Web标准的优势 Web标准是由W3C（world Web Consortium）和其他标准化组织制定的一套规范集合，包含一系列标准，包含我们所熟悉的HTML，XHTML，javaScript以及CSS等。Web标准的目的在于创建一个统一的用于Web表现层的技术标准，以便于通过不同浏览器或终端设备向最终用户展示信息内容。相对于目前的网页制作方法，使用Web标准的优势有以下几点。 加速开发 ：在20世纪90年代后期，当互联网和Web逐渐成为主流时，Web浏览器的开发商还没有完全地支持CSS（层叠式样式表，对于Web开发人员来说，他们可以用CSS来控制HTML文档的表现）。 易于维护，增加机会：多年以来，web标准团体一直推荐“保持视觉设计和内容相分离”的优点，这意味着HTML变得非常简单，大部分的XHTM?L页面只有一些富语义的div和p??签，以及一个指向强大的CSS文件的链接。 拓展访问渠道 ：干净的代码带来更多的利益。不支持CSS的浏览器现在可以简单的忽略样式表，换句话说，有语义的XHTML表示可以被任何浏览器呈现，包括非传统的客户端，例如手机、PDAs、语音阅读器和屏幕阅读器等等，任何支持这些简单标签的设备都可以。 节约带宽成本 ：当我们从页面上剥离了font、table标签和一些用于装饰的图片，将页面尺寸从20.9k缩减到9.2k。 提高用户体验：在web初期，巨大的图形界面设计使得拨号上网的用户忍受缓慢的访问速度，随着宽带的普及这种情况有些好转。 ;2.3 网站设计的标准时代;2.4 Web标准三剑客;2.5 Web标准的思考与争论;2.6 关于Web标准的误区;2.7 课堂讨论;2.8 课后练习