《网页制作》模块4网页的样式设计.ppt
《《网页制作》模块4网页的样式设计.ppt》由会员分享,可在线阅读,更多相关《《网页制作》模块4网页的样式设计.ppt(43页珍藏版)》请在三一文库上搜索。
1、,模块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 使
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修饰页面,下面对“方框”样式下的各个选项
3、进行详细介绍,任务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!,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页制作 网页 制作 模块 样式 设计
链接地址:https://www.31doc.com/p-3000002.html