web标准cssdiv网页布局与美化.ppt

第一章 Web标准;课程内容;第一章 Web标准;表格布局与DIV+CSS布局的区别;方法;表格布局; 大大缩减页面代码，提高浏览速度； 缩短改版时间； 容易被搜索引擎搜索到； 样式定义方便； 表现和内容分离 遵循Web标准化设计。;什么是Web标准;Web标准中网页的构成;内容： 页面实际要传达的真正信息，包括数据、文本、文档或图片。不包括辅助信息，如导航菜单、装饰图片等。;结构： 就是对网页内容进行整理和分类。;表现： 对结构化的信息进行样式上的控制，如对颜色、大小、背景等外观进行控制，所有这些用来改变内容外观的，称为“表现”。;行为： 是对内容的交互及操作效果，如JavaScript，就是动态控制网页信息的结构和显示，实现网页的智能交互。;Web标准为浏览者提供的好处;Web标准为设计者提供的好处;符合Web标准的设计规则; CSS的定义是由三个部??构成: 选择符(selector)，属性(properties)和属性的取值(value)。 ccs　语法: selector {property: value} (选择符 {属性:值}) 例子:body {color: black}，此例的效果是使页面中的文字为黑色。 ;校验网页是否符合Web标准;CSS常用属性;建立一网站主页，用DIV+CSS的样式来实现，要求网站主页由三部分组成：头部、主体及尾部。 PPT由刘鑫整理