第6章Web标准与CSS基础解说.ppt

第6章 Web标准与CSS基础 Teaching Objectives 通过本章学习，应该掌握以下内容： 理解Web标准的含义 掌握CSS的基本概念 什么是XHTML 理解表现和内容的分离 掌握CSS选择符的声明方法 CSS使用方式 Web2.0 自2005年以来，Web 2.0的提出和应用给IT界带来了新的技术革新，越来越多的主流网站开始抛弃传统的基于Table的表格布局方法，转而采用基于Web标准的DIV+CSS的设计方法对网站进行重构 6.1 Web标准 6.1.1 Web标准 6.1.2 内容与表现的分离 6.1.3 布局思考方式 Web标准 什么是标准？ Web标准，即网站标准 目前所说的Web标准一般指网站建设采用基于XHTML语言的网站设计语言，Web标准中典型的应用模式是DIV+CSS Web标准并不是某一个标准，而是由W3C和其他标准化组织制定的一套规范集合 Web标准（续） 内容与表现的分离 内容、结构和表现是一个网页必不可少的组成部分 内容是页面传达信息的基础 表现使得内容的传达变得更加明晰和方便 结构是内容和表现之间的纽带 【6_1.html】 内容好比是人的身体；结构则标明了身体的各个部分；表现好比装扮身体的衣服；行为就是走、跑、跳等动作 布局思考方式 传统布局 【6_2.html】 页面的结构部分和表现部分混杂 主要布局元素是tab