《网页制作》模块4网页的样式设计.ppt

,模块4 网页的样式设计,模块4 网页的样式设计,认识CSS样式表。掌握引用CSS样式表的方法。掌握CSS样式表的应用方法。,知识目标,模块4 网页的样式设计,能理解CSS的作用。能恰当地应用CSS样式表修饰页面。,能力目标,模块4 网页的样式设计,任务1：认识CSS样式表。任务2：使用CSS修饰页面。,具体任务,任务1 认识CSS样式表,任务1 认识CSS样式表,任务1 认识CSS样式表,任务1 认识CSS样式表,任务1 认识CSS样式表,任务1 认识CSS样式表,任务2 使用CSS修饰页面,1.创建和管理CSS样式,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,2.编辑CSS样式Dreamweaver中提供了8种CSS样式类别，即类型、背景、区块、方框、边框、列表、定位和扩展。,任务2 使用CSS修饰页面,1）“类型”样式,任务2 使用CSS修饰页面,下面对“类型”样式下的各个选项进行详细介绍,任务2 使用CSS修饰页面,2）“背景”样式,任务2 使用CSS修饰页面,下面对“背景”样式下的各个选项进行详细介绍。,任务2 使用CSS修饰页面,3）“区块”样式,任务2 使用CSS修饰页面,下面对“区块”样式下的各个选项进行详细介绍,任务2 使用CSS修饰页面,4）“方框”样式,任务2 使用CSS修饰页面,下面对“方框”样式下的各个选项进行详细介绍,任务2 使用CSS修饰页面,5）“边框”样式,任务2 使用CSS修饰页面,下面对“边框”样式下的各个选项进行详细介绍,任务2 使用CSS修饰页面,6）“列表”样式,任务2 使用CSS修饰页面,下面对“列表”样式下的各个选项进行详细介绍,任务2 使用CSS修饰页面,7）“定位”样式,任务2 使用CSS修饰页面,下面对“定位”样式下的主要选项进行详细介绍,任务2 使用CSS修饰页面,8）“扩展”样式,任务2 使用CSS修饰页面,下面对“扩展”样式下的主要选项进行详细介绍,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,1.具体任务,任务2 使用CSS修饰页面,2.实现步骤,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,任务2 使用CSS修饰页面,思考与练习,课后思考题,思考与练习,课后思考题,Thanks!,