基本信息
文件名称:HTML5+CSS3网页设计实战 教案 第6章 个人网页布局实战.docx
文件大小:1.05 MB
总页数:40 页
更新时间:2025-12-02
总字数:约1万字
文档摘要
教学单元
第六章个人网页布局实战
教学内容
将网页截图进行切片
学习资源
任务单、PPT、专题网站等。
学时
2学时
学习目标
知识目标:
掌握切片工具的使用及快速复制切片的操作。
明确必须输出或者不必输出的元素。
对图标元素进行必要整合,形成精灵图。
能力目标:
具备使用Photoshop完成效果图切片并输出的能力。
具备明辨所需的用户切片对象的能力。
素养目标:
养成精确进行切片的职业素养。
巩固对用户切片规范英文命名的习惯。
学习重点
切片工具的使用,明确所需的输出元素,整合图标成精灵图。
学习难点
整合图标成精灵图的过程中,保证图标的间距方便计算偏移量。
教学方法
讲授法、