电子商务网页设计与制作教案2任务一创建网站文化结构.docx

1、电子商务网页设计与制作授课教案学年第学期学院（部）专业（学部）课程名称电子商务网页设计与制作任课教师课内形式理论教学口课内实践口理实一体0习题复习口 考核评价口其他活动口学习量安排课内：课外形式调查分析0小组研讨口实践任务回理论探究口 考核评价口汇报展示口其他活动0课外：序号14授课日期月 日月 日月 日月日授课班级课内教学内容：项目2：创建并管理电子商务网站站点一一掌握网站搭建基础任务一创建网站文件结构课程思政设计：（1）通过教师讲解创建并管理电子商务网站站点的知识，增强学生的民族自信心和自 豪感。（2）通过小组合作讨论，引导学生未来就业创业选择电商领域，实现自我价值和社会 价值。（3）引导

2、学生热爱专业、热爱科学、热爱学习、热爱国家，激发民族、国家、社会和 家庭责任感。（4）注重社会主义精神文明建设，反对不良思想和作风。课外学习任务：（1）课前：以小组为单位，观察国内各大电子商务网站的构建站点，分析各个网站结构与脉 络，同时梳理出构建完善的网站结构与脉络对网站建设的重要意义并以PPT的形式记录 下来。（2）课后： 创建静态站点，并在“代码”视图中编写HTML页面。 创建小型电子商务网站站点。填表说明：1.序号，指该课程授课的顺序号，应与授课计划一致：2.授课形式在相应的选项打J教学目标：知识目标理解创建本地静态站点； 了解“站点设置对象”对话框；掌握在“代码”视图中编写HTML页

3、面；掌握在站点中创建文件结构；掌握站点文化的优化与管理；掌握创建小型电子商务网站站点；能力目标能够正确创建本地静态站点；能够掌握站点文件的优化与管理；能够准确创建小型电子商务网站站点。素质目标较强的专业知识和技术能力；丰富知识结构，提升专业能力；自觉履行电子商务网页设计师的各项职责。重点难点及解决方法：（1）重点：了解“站点设置对象”对话框 解决方法：通过课堂练习+启发式教学的方 法，教师讲解“站点设置对象”对话框，引 导学生积极思考，掌握相应知识；同时通过 课堂练习，使学生加深掌握在“代码”视图 中编写HTML页面以及在站点中创建文件 结构;培养学生的思维能力和分析问题解决 问题的能力。（2

4、难点：站点文化的优化与管理解决方法：通过案例演示+启发式教学讲解 的方式，细致讲解站点文化的优化与管理。 帮助学生理解通过站点管理完成对站点文 化的优化与管理的重要性。从实用的角度帮 助学生提高专业知识。课内教学授课地点：教学媒体：微课、PPT课件、网页图片、相关教学视频等。设备及材料：多媒体计算机、多媒体教学广播软件、网页素材图片、 教学载体源文件等。其它资源：与本次课相关的专业技术论文 电子版。学习效果评价方式：对理论知识学习效果评价：采用课堂提问、课后习题和查阅技术论文研读笔记的方式； 对技能的评价：教师对学生上交创建网站文件结构作品按制作要求进行综合性评价； 对职业素养的评价：采用学

5、生自评、小组内评价和教师评价相结合的方式。课后小结：方法及手段课内教学内容及过程时间1. 课前调研成果展示与汇报【课前调研成果展示与汇报】教师向学生展示网站文件结构图，使学生理解建立完善的站点对梳理网站的结构与脉络对网站的建设具有重要的意义。教师注意通过本章之前所学到的知识引导学生，让学生在学 习的过程中有承上启下的感觉，使学生可以更加容量理解所学到 的新知识。9德育教育培育学生自学能力、培养发现问题和提出问题的 优良品质。【根据调研结果引出新课】从创建本地静态站点进行讲解，帮助学生快速掌握如何创建 本地静态站点。同时，通过课堂练习，使学生可以深入了解“站 点设置对象”对话框以及掌握站点文化的

6、优化与管理。使学生可 以学会如何创建小型电子商务网站站点。夕德育教育夕：引导学生热爱专业、热爱科学、热爱学习、热爱 国家。2. 布置任务【教师展示教学载体，创设学习情境】站点的类型有很多，包括本地静态站点和远程动态站点等。 对于网页初学者来说，创建本地静态站点是很关键的，使用 Dreamweaver可以轻松创建本地静态站点。本任务将在Dreamweaver中使用“新建站点”的功能创建一 个静态站点，使用“管理站点”优化站点结构，帮助读者在掌握 创建本地站点的方法的同时，理解本地站点的基本结构。在创建站点之前，需要对站点的结构进行规划，特别是大型 网站的站点，更需要对站点有好的规划。好的站点规划

7、可以使网 站的结构目录更加清晰。完成站点的创建后，可以在站点中进行 新建文件夹、新建页面等基本操作，以及在站点中复制文件和调 整文件的位置等。通过Dreamweaver中的站点功能可以更好地管理整个网站中的所有文件。任务分析【分析电子商务网站结构与脉络】教师讲解使用“新建站点”的功能创建一个静态站点，使用 管理站点优化站点结构，帮助学生在掌握创建本地站点的同时， 可以深入理解本地站点的基本结构。3. 知识准备（教学难点）【了解“站点设置对象”对话框】要创建本地静态站点，首先需要打开“站点设置对象”对话 框，执行“站点” 一 “新建站点”命令，即可弹出“站点设置对 象”对话框。或者执行“站点”一

8、管理站点”命令，在弹出的 “管理站点”对话框中单击“新建站点”按钮，同样可以弹出“站 点设置对象”对话框。【知识点学习情况检测，教学策略调整】教师通过课堂提问，了解学生对知识的掌握情况，对共同的 错误点或存在的问题，进一步有针对性地讲解。【学生实践，加深对站点设置对象的理解】通过向学生展示不同电子商务网站的结构与脉络，使学生加 深所学知识。【通过课堂练习，进一步加深学生掌握创建本地站点】 练一练一在“代码”视图中编写HTML页面 练一练一在站点中创建文件结构任务实施（教学重点）【讲解站点文化的优化与管理】操作视频：视频项目二站点文件的优化与管理01执行“站点” 一 “管理站点”命令。弹出的“

9、管理站点”对话框如图所示。02设计人员可以在您的站点”列表中看到在Dreamweaver 中创建的所有站点。单击“删除当前选定的站点”按钮I-,弹出 提示对话框，单击“是”按钮，即可删除当前选中的站点。03单击“编辑当前选定的站点”按钮M ,即弹出“站点设置对象”对话框，可以在该对话框中修改站点信息。04单击“复制当前选定的站点”按钮限，即可复制选中的 站点并得到该站点的副本。05单击“导出当前选定的站点”按钮IC,可以在“导出站 点”对话框中选择导出站点的位置。单击“保存”按钮即可将当 前站点导出。06单击“导入站点”按钮，可以在任何一台设备上导入站点。如果对于设置站点有疑问，可以单击“帮助

10、按钮，弹出“如何使用”页面。何使用”页面。9思想、素质教育贯穿学生实践过程中（1）培养学生的专业知识和技能能力；（2）培养学生的社会责任感和良好的社会道德习惯，在参与社 会活动中学做文明人、学做社会人；（3）注重社会主义精神文明建设，反对不良思想和作风。6、技能提升【学生学会如何创建小型电子商务网站站点】以小组为单位，学生创建小型电子商务网站站点，教师通过 之前所讲的案例制作，使学生掌握基本的页面布局制作方法；深 刻理解创建网站文件结构。名称imagesJI styleindex.html9思想、素质教育9：贯穿学生实践过程中（1）通过掌握创建网站文件结构的方法，培养学生的创新精神 和学习习

11、惯；（2）提高知识和能力的迁移能力；（3）引导学生未来就业创业选择电商领域，实现自我价值和社会价值。【展示汇报】随机抽选13个小组进行展示汇报。7. 教学评价【组织阶段考核与学生自评互评、展示考核结果】本次课的考核注重过程评价：课上考核包括专业能力与职业 素养两方面。展示本次课职业素养评价表，组织学生自评、互评。8. 小结与作业（课外学习）小结：木节课在教师的带领下，学生们从课前调研到课程实施，通 过教师讲解、课堂互动等环节充分学习了如何提高页面用户体 验，与理论知识相结合，帮助学生掌握从创建本地静态站点到站 点文化的优势与管理的相关知识，做到知己知彼，有的放矢。为 后面课程中学生独立完成网页

12、设计工作铺平道路。作业：学生课后可通过网络查找国内电子商务网站页面的结构与 脉络，开拓视野的同时并加深理解。9.板书设计掌握网站搭建基础任务一创建网站文件结构、分析任务：创建本地静态站点-、知识准备：了解“站点设置对象”对话框、任务实施：站点文件的优化与管理四、技能提升：创建小型电子商务网站站点五、教学评价六、小结、作业课外学习任务及学习指导课前：【教师布置调研任务】调研主题：观察国内各大电子商务网站的构建站点并分析各个网站结构与脉络 要求：以小组为单位，观察国内各大电子商务网站的构建站点，分析各个网站结 构与脉络，制作汇报PPT （至少调研3个国内电商网站；梳理出各网站结构与脉络的 特点、P

13、PT不得不于8页，图文并茂），提交到“微信群”。【学生调研，教师线上指导】学生采用线上调研的方式，开展调研。教师使用“微信群”对学生进行指导。【教师对各组调研成果进行评价】教师查阅学生调研结果PPT,对每个小组的PPT进行评价，记录评价成绩，并 挑选出优秀作品。课后：【学生创建静态站点，并在“代码”视图中编写HTML页面】小组成员团结协作，练习创建静态站点，并在“代码”视图中编写HTML页面。 使学生掌握不同的网站有不同的结构，功能也不一样，需要按照需求创建适合的站点 结构。在此过程中，教师使用“微信群”对学生进行指导。学生创建小型电子商务网站站点】学生通过之前所学的知识，创建小型电子商务网站站点，使学生深刻掌握基本的 页面布局和制作方法。教师使用“微信群”对学生进行。教师设置“创建小型电子商务网站”主题讨论题目，学生均可参与讨论，分享心 得。填表说明：1.本页可续页；2.教学方法如：项FI教学、案例分析、分组讨论、角色扮演、启发引导等;3.教学手段如：课件演示、模型讲解、实物讲解、挂图讲解、视频讲解、网络课程等。