项目6 任务1 活动1教案 认识手机端与电脑端店铺装修的区别

教师课时教学设计教学日期学习班级学习地点教学内容认识手机端与电脑端店铺装修的区别教学目标知识能力:1、掌握手机端与电脑端店铺装修在屏幕布局、导航形式、内容呈现等方面的差异。

2、熟悉手机店铺装修的设计趋势（信息精简、风格统一、图片为主、分类清晰、色彩鲜亮等）。过程和方法:1.情景带入，导入新课；2.案例观察，探索差异；

3.任务驱动，完成分析；4.归纳总结，拓展延伸。情感态度和价值观:培养细致的观察能力和对比分析能力。在国货品牌案例解析中，感悟文化传承与技艺创新的力量，建立对“中国智造”的认同感与自豪感。

教学重点掌握手机端与电脑端店铺装修在屏幕布局、导航形式、内容呈现等方面的差异教学难点能结合具体案例（如pmsix旗舰店）准确分析并总结两者的差异，理解差异背后的设计逻辑。课型实训课教具多媒体机房实训内容任务一——观察pmsix旗舰店的电脑端与手机端店铺装修，填写观察任务单（记录屏幕布局、导航形式、轮播图内容等方面的差异）。

任务二——对观察到的差异点进行截图（3-5张），标注差异位置并作简要说明。课堂组织形式1、教师主导，学生主体2、案例观察与任务驱动结合的实训课程教师教的过程设计学生学的过程设计设计意图时间一、情景导入

美工小可在工作中发现，将电脑端店铺装修直接照搬至手机端后，效果很差，用户体验不佳。提问：“为什么会出现这种情况？手机端与电脑端店铺装修存在哪些不同？”引出本节课主题。探索新知

1.讲解手机端店铺特点：随时随地浏览、预览方便、互动性强等。

2.介绍手机店铺装修设计趋势：信息精简、风格统一、图片为主、分类清晰、色彩鲜亮等。

3.引导学生登录pmsix旗舰店的电脑端和手机端店铺，明确观察维度（屏幕布局、导航形式、轮播图内容等）。思考教师提出的问题，初步感知手机端与电脑端店铺装修可能存在差异，明确学习方向。学习手机端店铺特点及设计趋势，登录指定店铺，准备进行观察分析。通过情景引发学生好奇心，激发学习兴趣，自然导入新课。让学生了解相关基础理论，为后续观察任务提供依据和方向。5分钟10分钟教师教的过程设计学生学的过程设计设计意图时间三、学以致用，实施任务

1.布置任务一：指导学生对照观察任务单，逐一对比pmsix旗舰店电脑端与手机端在屏幕布局（如电脑端可能更宽屏、多栏布局，手机端为竖屏、单栏为主）、导航形式（如电脑端可能有顶部复杂导航栏，手机端多为简化导航或下拉菜单）、轮播图内容（如电脑端轮播图信息更丰富，手机端更精简）等方面的差异，填写任务单。

2.布置任务二：引导学生对关键差异点进行截图，标注差异位置并简要说明差异内容。四、归纳总结，拓展延伸

1.组织学生分享观察结果，师生共同总结手机端与电脑端店铺装修的核心差异。

2.介绍活动拓展内容：观察“小米官方旗舰店”PC端和手机端店铺装修的异同，按相同要求完成任务单。按照要求完成任务一和任务二，认真观察、记录差异，遇到问题及时与教师或同学交流。参与分享讨论，巩固对差异的认识，明确拓展任务要求。通过实际观察和操作，让学生主动发现并总结两者的差异，提升观察能力和分析能力。通过总结梳理知识，通过拓展任务强化所学内容，做到学以致用。。20分钟5分钟课后训练及