任务2.2 分辨率和图的使用。

知识目标：

1. 理解分辨率和设备像素比的概念。

2. 掌握二倍图的使用方法。

3. 掌握 SVG 矢量图的使用方法。

能力目标：

4. 能独立完成背景图片的缩放、实现背景图片的二倍图。

5. 能独立完成SVG 标签和样式、从外部引入 SVG 文件。

思政目标：

6. 培养学生认真观察的能力。

7. 强化学生勤于思考信念。

8. 培养学生善于总结的能力。

重点：

1. 分辨率和设备像素比

2. 背景图片的缩放、实现背景图片的二倍图

3. SVG 标签和样式、从外部引入 SVG 文件

难点：

分辨率和设备像素比

课程思政元素：

认真观察、勤于思考、善于总结

融入知识点：

1. 二倍图

2. 实现背景图的二倍图效果

3. 实现引入外部 SVG 文件

引导法、融入法、案例法。