电子商务网页设计与制作-电子教案.docx

PAGE 7 电子商务网页设计与制作 授 课 教 案 学年 第 学期 学院 （部） 专业（学部） 课程名称 电子商务网页设计与制作 任课教师 课内形式 理论教学□ 课内实践□ 理实一体? 习题复习□ 考核评价□ 其他活动□ 学习量 安排 课内： 课外形式 调查分析? 小组研讨□ 实践任务? 理论探究□ 考核评价□ 汇报展示□ 其他活动? 课外： 序号 14 授课日期 月 日 月 日 月 日 月 日 授课班级 课内教学内容： 项目9：使用CSS控制超链接——制作电子商务网站首页 知识链接 课程思政设计： （1）在系统讲解专业知识的过程中注重专业知识的价值引领作用，同时必须具备正确的道德认知和良好的道德情操。 （2）通过小组合作探讨，培养学生团结协作的工作作风，掌握制作电子商务网站首页，培养学生的专业能力。 （3）引导学生成为创新型、复合型电子商务高级专业人才。 （4）启发学生思考，开阔学生思维，鼓励学生发表观点看法，引起学生共鸣，从而引导学生树立正确的职业观和职业道德。 课外学习任务： （1）课前： 以小组为单位，探讨制作电子商务网站首屏有哪些设计要点。使学生在课前充分理解用户对网站首屏的关注度要远远大于对网站其他部分的关注度，首屏对于每一个需要转化率的网站都很重要。同时了解如何制作电子商务网站首页。 （2）课后： = 1 \* GB3 ①分析设计电子商务网站导航有哪些设计技巧。 = 2 \* GB3 ②分析如何制作电子商务网站首屏。 教学目标： 知识目标 了解电子商务网站导航设计技巧； 掌握电子商务网站首屏的设计要点； 认识超链接； 了解超链接路径； 能力目标 能够掌握电子商务网站首屏的设计要点； 能够认识超链接； 能够了解超链接路径。 素质目标 在掌握制作电子商务网站首页的基础上，理解并应用专业知识； 丰富知识结构，提升专业技能； 自觉履行电子商务网页设计师的各项职责。 重点难点及解决方法： （1）重点：认识超链接。 解决方法：采用“视频教学法+启发式教学法”，为学生讲解超链接的相关知识，使学生理解什么是超链接以及超链接的分类；同时掌握不同类型超链接的使用方法。通过学习培养学生的专业知识以及学习能力。 （2）难点：了解超链接路径。 解决方法：通过“视频教学法+讨论式教学法”，为学生讲解在Dreamweaver CC中多种创建超文本链接的方法；帮助学生掌握相关知识，使学生可以深入掌握多种超链接路径的使用方法。 课内教学授课地点： 教学媒体：微课、PPT课件、网页图片、相关教学视频等。 设备及材料：多媒体计算机、多媒体教学广播软件、网页素材图片、教学载体源文件等。 其它资源：与本次课相关的专业技术论文电子版。 学习效果评价方式： 对理论知识学习效果评价：采用课堂提问、课后习题和查阅技术论文研读笔记的方式； 对技能的评价：教师对学生上交网页作品按制作要求进行综合性评价； 对职业素养的评价：采用学生自评、小组内评价和教师评价相结合的方式。 课后小结： 填表说明：1.序号，指该课程授课的顺序号，应与授课计划一致；2. 授课形式在相应的选项打“√”。 课内教学内容及过程 时间分配 方法 及手段 课前调研成果展示与汇报 【课前调研成果展示与汇报】 教师向学生展示电子商务网站首页效果图片，通过制作电子商务网站的首页，使学生掌握使用CSS控制页面超链接的方法和技巧。 教师注意讲解使用CSS控制页面超链接的方法和技巧，帮助学生了解网站的首页是决定了网站给用户的第一印象。 ?德育教育?：培育学生独立思考以及专业能力。 【根据调研结果引出新课】 在讲解电子商务网站导航设计技巧时，同时引出电子商务网站首屏的设计要点。通过视频演示讲解超链接的相关知识，使学生掌握超链接路径，以便为后续的学习打好基础。 ?德育教育?：启发学生思考，开阔学生思维，鼓励学生发表观点看法，引起学生共鸣，从而引导学生树立正确的职业观和职业道德。 布置任务 【分析电子商务网站导航设计技巧】 符合网站内容结构 在设计电子商务网站的导航之前，首先应该全面了解网站整体的内容，并且将商品进行归类。电子商务网站通常有两个导航，分别是网站头部的总导航和侧边的分类导航。 结合网站业务目标 首页中的导航是网站当下情况的一个缩影，用户通过导航就能大概了解到网站销售哪些商品。因此，很有必要使导航随着网站主营商品的变更或商品销量的变化而变化，让呈现在用户眼前的导航始终与网站本身内容以及时下的热点贴合。改版后的京东网站首页如图所示。 遵从用户使用习惯 在设计网站首页导航时，要根据用户的使用体验和感受来设计。对于电子商务网站来说，要将导航的使用对象都看成是新用户或是没有耐心的用户，不要让用户感觉麻烦，要在第一时间满足用户的需求