电子商务网页设计与制作 教案 第1次课 网页设计初了解

湖南商务职业技术学院教案授课章节及主题网页设计初了解课次1教学目标知识目标了解有关网页制作的基本知识与网页的构成元素；了解常见的网站类型；理解网页设计配色方法；能力目标

1.能够快速了解网页设计的基础知识；素养目标.培养学生清晰有序的逻辑思维；.培养学生数据分析与总结的意识；.培养学生系统分析与解决问题的能力学情分析知识基础学生已经具备了一定的计算机操作能力和Photoshop软件的基本操作技能，具有一定的图像处理能力，具有一定的审美能力学生特点.学生爱学习爱思考爱表达，喜欢动手实践，但学生自律性不强，遇到困难时畏难.软件课程知识绝大部分同学掌握较好，少部分同学操作不太熟练.解决复杂问题能力弱，缺乏知识迁移能力教学重点

1.课程认知

2.网页框架

3.网页元素教学难点网站分析教学方法讲授法案例演示法讨论法实践法线上线下混合式教学资源与平台教学平台超星学习通https:〃www.xueyinonline.com/detai1/221724252参考书.《电子商务网页设计与制作》，电子工业出版社.《HTML5+CSS3网页设计与制作》，人民邮电出版社参考网络资源.菜鸟教程https://www.runoob.com/.虎课网https://huke

88.com/教学过程设计环节教学内容教师活动学生活动课程认知15min.课程定位.教学目标.教学内容.课程考核.支撑岗位

1.【讲授】教师讲授课程基本情况，激发学生对课程学习的热情

1.学生了解本课程基本情况，确定学习的目标任务导入2min李小明是湖南商务职业技术学院2015级电子商务专业的学生，他在暑假社会实践中接触到了一些电子商务企业，这些电子商务企业除了在淘宝、京东等平台进行商品销售外，还需要在互联网上发布企业网站，从而促进企业品牌形象的推广，加强客户对企业的认知度作为电子商务专业的学生，掌握企业网站的设计与制作是最基本的专业素养要求，对此，小明很困惑，因为他连什么是网页还不知道呢？如果你也跟小明一样有这样的困惑那么就请跟我一起走进本次任务的学习吧

1.【任务导入】教师通过案例导入本次课的学习目标

1.学生了解木次课学习的目标任务描述5min在百度搜索框中输入以表1所不的“关键词”，找到关键词所对应的官方网站访问这些网站的首页，并分析这5个网页的类型、结构、元素与配色等相关属性，填入表1中表1网页类型及相关属性分析

1.【任务描述】讲师讲解本次课需要完成的任务

1.学生了解木次课要完成的任务关键词1天猫商城网站首页URL网站类型网页结构网页元素网页配色关键词2湖南花木篮网站首页URL网站类型网页结构网页元素网页配色关键词3顺丰快递网站首页URL网站类型网页结构网页元素网页配色关键词4艾瑞网网站首页URL网站类型网页结构网页元素网页配色关键词5知乎网站首页URL网站类型网页构成网页元素网页配色知识准备35min

1、网页设计相关概念1网址2浏览器3网页4网站5首页

2、常见网站类型按照网站功能的不同，常见的网站类型有以下几种1资讯门户类网站2企业品牌类网站3交易类网站4功能类网站5交互类网站

3、网页结构1网站Logo2网站名称3导航菜单.【知识讲授】教师讲解网页设计相关概念、网站类型知识点.【案例讲解】教师打开某网站，讲解网页结构和网页元素.【课堂活动】打开某网站，请学生讨论分析网页结构和网页元素

1.听取教师讲解知识占・

八、、

92.积极参与课堂活动4Banner5网页正文6网页页脚

4、网页元素1文本2图像3超级链接4导航栏5动画6表格7框架8表单任务实施40min天猫商城网站的分析湖南花木篮网站的分析顺丰速递网站的分析艾瑞网网站的分析知乎网站的分析❼技能训练.【案例分析】教师以天猫商城网站为例对该网站进行分析.【发布任务】教师在学习通发布测试任务.【实践指导】来回巡视，及时帮助学生解决问题完成技能训练题作业1:网页类型与属性分析方法参照任务1网页设计初了解任务实施.pdf思考自测5min开展课堂活动网页初了解踪随堂练习随堂练习.【发布任务】教师在学习通发布测试任务.【归纳总结】来回巡视，及时帮助学生解决问题完成知识检测课堂小结3min通过对本次课的学习，让学生对于网页设计有一个初步的了解，并对WEB标准有一个基础性的认识作业布置1继续完成技能训练任务，并提交至学习通

2.预学下一次课的内容教学反思。