第1章Web标准与CSS布局概述.ppt

Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,BeanSoft|,*,课程介绍,教学大纲,学习要求,考核形式,网站欣赏,网站欣赏,,/,,/,www.F 8,Dreamweaver cs3,第,1,章,Web,标准与,CSS,布局概述,Web,标准的历史及发展,Web,标准的构成,Web,标准有什么好处,CSS,布局与,table,布局的区别,向,Web,标准过渡,面向现在与未来的设计,常见问题,5,Web,标准的历史及发展,Web,标准,Web,标准是由,W3C,和其他标准化组织如,ECMA,等制定的一套规范集合，包含一系列标准：,XHTML1.0,、,CSS2.0,、,DOM1.0,、和,ECMA JavaScript,。,Web,表现层技术,就是将信息展示给用户并提供给用户交互行为的技术，简单理解表现就是样式，技术层面是程序代码，而表现层带给人们的则是视觉所看到的问题。,Web,标准的历史,GML-HTML-XHTML-XML,CSS,JavaScript,6,Web,标准的构成,结构,:,用来对网页中用到的信息进行整理与分类。,HTML,:,超文本标记语言,XML,：可扩展标记语言,XHTML,：可扩展超文本标记语言,表现：对已经被结构化的信息进行显示上的控制,CSS2.0,CSS3.0,-CSS4.0,行为：对整个文档内部的一个模型进行定义及交互行为的编写，用于编写用户可以进行交互式操作的文档。,DOM,ECMAJavaScript,7,Web,标准的好处,高效率的开发与简单维护,信息跨平台的可用性,降低服务器成本,便于改版,加快网页解析速度,与未来兼容,更良好的用户体验,8,CSS,布局与,table,布局的区别,CSS2.0,的优势,浏览器支持完善,表现与结构分离,样式设计控制功能强大,继承性能优越（层叠处理）,传统的,table,布局与,CSS,布局,table,布局,CSS,布局,9,向,Web,标准过渡,从,HTML,转向,XHTML,发挥,CSS2.0,的作用,合理的,CSS,文件结构,继承与重用的优势,设计跨平台的代码,具有良好可用性的,CSS,样式设计,使用基于,DOM,的脚本语言来编写交互,继承与重用,10,常见问题,什么样的网站才符合,Web,标准,使用,Web,标准之后表格的用途,是否可以继续使用,HTML,来设计网页,为什么不直接使用,XML,学习,CSS,布局比表格困难吗,CSS,布局是否意味着必须手写代码,什么叫网站重构,使用,Web,标准之后就不再存在兼容性问题了吗,有没有,Web,标准方面的优秀图书或网站,使用,CSS,设计只能作出简单的网页吗,11,面向现在与未来的设计,Web,标准与,Web2.0,用户体验技术,用户体验设计的发展趋势,12,