DIV+CSS网页设计(PDF版).pdf

【DIV+CSS入门教程】DIV+CSS的叫法是不准确的 【DIV+CSS入门教程】DIV+CSS的叫法是不准确的 【【DDIIVV++CCSSSS入入门门教教程程】】DDIIVV++CCSSSS的的叫叫法法是是不不准准确确的的 第一章：应知道 第一章：应知道 第第一一章章：：应应知知道道 1.1 DIV+CSS的叫法是不准确的 1.1 DIV+CSS的叫法是不准确的 11..11 DDIIVV++CCSSSS的的叫叫法法是是不不准准确确的的 我想凡是来到“这个专题”的同学，很大部分是冲着DIV+CSS来的，目的就是学习DIV+CSS 的，说的再直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的 DIV+CSS页面。 如果你看完第一段还没有发现错误的话，那你就很有必要，接着往下看。 DIV+CSS这种叫法其实是一种很错误的叫法，这是国人一厢情愿的叫法，而标准的叫 法是什么呢？ 呵呵，没错，是xHTML+CSS，不理解吧，我来细细给你说，如果下面的你能理解，保证面试 的时候会有很大的帮助，同时也可以让你后面的学习更轻松。 为什么国人将这种页面布局的方法叫做DIV+CSS？ 为什么国人将这种页面布局的方法叫做DIV+CSS？ 为为什什么么国国人人将将这这种种页页面面布布局局的的方方法法叫叫做做DDIIVV++CCSSSS？？ 因为过去布局页面基本上都是用Table布局，也可以说是Table+CSS，而现在布局页 面呢，用DIV，所以叫DIV+CSS，听起来也挺合理，认为这样布局出来的页面也就是标准页 面，甚至有些人走了个极端，看到其他网站用到Table，就会嘲笑页面做的不够标准，好似 用不用Table成为了页面是否标准的一个标尺。现在我可以告诉大家，凡是有着这种行为的， 都学得不咋样，很皮毛！ 用了Table页面就不标准了?!纯粹无稽之谈，那什么才是标准页面呢？先看一个专业 概念，WEB标准，然后我会问三个问题，你来回答： WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构 （Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结 构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象 模型（如W3CDOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他 标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的 ECMAScript标准。 看明白了没有？问题来了~先不要看答案，从上面的概念中找出 问题一：WEB标准有几部分组成？ 问题二：结构化标准语言是什么？ 问题三：表现标准语言是什么？ 答案一：三部分，结构、表现、行为 答案二：XHTML和XML 答案三：CSS 看完上面三个问题，哪什么是标准页面呢？呵呵，说白了就是按照WEB标准制作的页 面，从第二个问题和第三个问题中，我们又可以说，用XHTML和CSS制作的页面就是标准页 面，也就是说xHTML+CSS制作的页面就是标准页面。怎么样，理解了吧 为什么不说XML+CSS呢？ 为什么不说XML+CSS呢？ 为为什什么么不不说说XXMMLL++CCSSSS呢呢？？ 很简单，因为XML过于复杂，且当前的大部分浏览器都不完全支持XML。所以就不用 它来布局页面喽~ 既然xHTML+CSS制作页面就是标准页面了，又因为xHTML中不只有DIV标签，还有 span、p、a、ul、li、dl、dt、dd….，即使我不用DIV，用其他标签(比如:ul、li)制作出 来的页面也是标准页面！所以说用DIV+CSS来制作标准页面这句话就很狭隘喽~如果满屏全 部都是DIV那也算不上标准页面，曾经由一个朋友告诉我，说他的页面全部用的DIV，每个 模块，每个功能区域，就连一条线都是纯DIV实现，并且相当自豪的告诉我，没有人比他做 的页面更标准的了，他不但对WEB标准页面的理解有差错还犯了一个很大的错误，xHTML中 的每一个标签都有其作用，各司其职，各守其责，要用的恰到好处，这才算是标准页面，DIV 不是万能的哟~！ 说到这里大家应该明白，这种Web2.0时代的布局页面的方法，叫DIV+CSS是不准确的，应 说到这里大家应该明白，这种Web2.0时代的布局页面的方法，叫DIV+CSS是不准确的，应