网站重构amp;Web标准设计第二版.pptxVIP

爱生活，爱设计，将web标准进行到底…个人简介Adam于亚东前言 网站重构能够实现加快网页解析的速度，实现信息跨平台的可用性以及更加良好的用户体验，网站重构以高效开发与简单维护降低服务器成本，最重要的是它便于改版，实现与未来兼容。 Web标准就是实现网站重构的一种方法，所谓Web标准, Web标准并不是指某一个单一的标准，而是一系列标准的集合。一般指网站重构采用基于XHTML语言的网站设计标记语言，Web标准中典型的布局应用模式“DIV+CSS”。 本教程以XHTML和CSS的应用为核心，在课程讲授的同时结合多项实例，使读者能够学以致用，举一反三，在较短时间里学会如何设计符合标准的Web网站。 本教程适合于所有层次的Web开发者，网页设计师等. 无论你是刚刚接触CSS设计，还是接触CSS有一定基础的朋友，那么你就能从本教程中获得最大的收益，本教程力求使读者能够在学会制作Web标准网站的同时，掌握网站重构的核心思想。掌握学习的方法学习是一种思想，一种不断思考，一种不断实践，一种不断创新的过程……学习没有捷径，只有勤奋，努力，实践，思考……如何学习Web 学习任何一门技能的时候，首先要明确思想，只有明确了思想才能够少有很多弯路，初学者学习Web标准，首先就要明确一点，到底什么是Web标准，如果错误的理解了Web标准的思想，很难学好Web标准，给初学者的建议：初学者很容易犯的错误就是把Web标准理解为Div+CSS，以为DIV的作用就是简单的替代表格去做表格以前做的事情，于是乎许多采用新技术的网站开始了DIV+CSS制作网页，当打开页面代码的时候，看到整个页面基本都是采用了DIV标签，给每个DIV标签都指定一个class，这是对Web标准的一种滥用方式。Web标准的思想是实现结构，表现，行为的分离，不只是简单的把table换成DIV ，如果要学好web标准的思想，首先要做的就是抛弃传统的表格布局思想。那么接下来我就会给大家先讲思想课，让大家更好的了解究竟什么是web标准的思想。思想 VS 工具子曰：工欲善其事，必先利其器思想是工具的灵魂思想是工具的灵魂 思想是工具的灵魂，就像我们的计算机软件是计算机硬件的灵魂一样，没有了软件，计算机的硬件即使再好也没有任何作用，如同废铁，所以我们在学习的时候要明确我们的最终目是什么，我们要学的是这门技术的思想而不是去重视实现这门技术的一种应用工具。当然思想与工具都很重要，但是他们最大的区别在于，学会了思想我们可以选择很多不同的工具来实现这门技术，例如我们用Dreamweaver，EditPlus，甚至记事本等都可以实现我们想要的技术，工具最大的作用在于可以提高我们的工作效率，这是工具最重要的作用。所以我们不要走错的方向。 Web传统网站 Web 传统网站是一个“完美”的“和谐社会”，一切即table，table即一切。表格视乎和谐一切……David Siegel 印刷专家 有人说我毁掉了Web，我回答他们，的确如此。我毁掉了Web是因为我把巧克力和花生酱混合在一起却再也不能把他们分开。我犯下了把结构跟表现混合在一起的错误。 David Siegel David Siegel 印刷专家 他是一个印刷专家。那麽在1997年的时候，David Siegel改变了web，他自己研究出了一项网页布局技术，利用html中的的table元素和gif图片缝合在一起了，创造了表格布局技术，之后它就犹如一头猛兽泛滥起来。于是乎许多设计师们对他在web上复制传统印刷媒体布局方法感到欣喜若狂，从此以后数百万的页面把结构跟表现混杂在一起。在这之后David Siegel在内的很多人，很快提出反对采用表格进行布局的言论，但我们知道猛兽一旦释放就很难在关起来，加上当时没有有效的方法解决这个问题，猛兽在我们身边自由的徘徊，甚至到现在。我们可以看看互联网上仍然有很多网站都是采用的传统方式布局。 Web标准的好处高效开发与简单维护信息跨平台的可用性降低服务器成本便于改版加快网页解析的速度与未来兼容更加良好的用户体验高效开发与简单维护 网站建设的过程中，网站运营成本关键在于高效的开发与简单的维护，由此可见一个网站的结构搭建对后网站维护的重要性，采用Web标准的方式实现了结构与表现相互分离，可以使具体的结构内容和样式分离出来，这样使得分离出来的结构和样式代码可以重复使用，从而减少重复代码的编写，加快开发效率和成本。达到事半功倍的作用，通过修改一个外部的样式可以是使每个结构文档中相对应区域代码维护，使得维护变的简单高效，在可读性和维护性上都得到了极大的提高。信息跨平台的可用性 由于采用结构跟表现分离的技术，结构与表现各自为一个独立的个体，这样可以使信息实现跨平台，我们可以针对不同的设备进行不同的样式进行替换。从而实现一