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

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