基本信息
文件名称:HTML5+CSS3网页设计实战 教案 第6章 个人网页布局实战.docx
文件大小:1.05 MB
总页数:40 页
更新时间:2025-12-02
总字数:约1万字
文档摘要

教学单元

第六章个人网页布局实战

教学内容

将网页截图进行切片

学习资源

任务单、PPT、专题网站等。

学时

2学时

学习目标

知识目标:

掌握切片工具的使用及快速复制切片的操作。

明确必须输出或者不必输出的元素。

对图标元素进行必要整合,形成精灵图。

能力目标:

具备使用Photoshop完成效果图切片并输出的能力。

具备明辨所需的用户切片对象的能力。

素养目标:

养成精确进行切片的职业素养。

巩固对用户切片规范英文命名的习惯。

学习重点

切片工具的使用,明确所需的输出元素,整合图标成精灵图。

学习难点

整合图标成精灵图的过程中,保证图标的间距方便计算偏移量。

教学方法

讲授法、