赏析和规划电子商务网站——了解电子商务网站

电子商务网页设计与制作

授课教案

学年第学期

学院（部）专业（学部）知识链接

填表说明：1.序号，指该课程授课的顺序号，应与授课计划一致；2. 授课形式在相应的选项打“√”。

课内教学内容及过程时间

分配

方法及手段

1.课前调研成果展示与汇报

【课前调研成果展示与汇报】

教师向学生展示多种网站页面效果，引导学生说出网站页面中包含的主要元素。

教师注意对这些组成元素进行讲解，帮助学生理解各元素功能的同时，了解不同元素在页面中的作用。

德育教育 ：培育学生独立思考、认真聆听他人展示与汇报的优良品质；

【根据调研结果引出新课】

在讲解网站元素时，着重引出电子商务网站的概念。通过图片演示分析其独有的特点，并与学生一起总结出一个电子商务网站需要具备的功能。

德育教育 ：培育学生文化自信、道路自信。

2.布置任务

【教师展示教学载体，创设学习情境】

提出电子商务网站类别的概念，让学生对号入座，将找到的多个电子商务网站归类为信息服务类、广告类、交易类、管理类和综合类。

3.任务分析

【分析综合类电子商务网站的特点】

提出综合类电子商务网站B2B、C2C和B2C三种模式，以小组为单位，讨论三种模式的功能，并分别举例说明。

4.知识准备（教学难点）

【分析页面案例，掌握电子商务网站视觉营销原则】❖主题突出原则

❖整体设计原则

❖内容与形式统一原则

❖准确表达与良好体验原则

【知识点学习情况检测，教学策略调整】

教师通过课堂提问，了解学生对知识的掌握情况，对共同的错误点或存在的问题，进一步有针对性地讲解。

【学生实践，找出视觉营销手段】

通过向学生展示运用视觉营销的电子商务网站页面，引导学生深度理解视觉营销对电子商务网站的作用及重要性。

【通过案例分析，进一步加深学生对视觉营销原则的理解】教师展示多个电子商务网站页面，带领学生共同分析视觉营销给电子商务页面带来的不同效果。

5.任务实施（教学重点）

【教师讲解网站的开发流程，做好学生未来的就业定位】

⏹教师引导学生说出参与电子商务网站开发的职位

⏹教师展示电子商务网站招聘信息，帮助学生理解

【了解各职业的工作内容，】

教师讲解电子商务网站开发流程，并对每一过程中的职业要求进行分析。帮助学生了解整个网站的开发过程，以及开发团队中各个职位的前后因果关系，以便应对未来工作中遇到的各种问题。

思想、素质教育 ：贯穿学生实践过程中

（1）培养学生在规定时间内完成特定任务的时间观念意识；（2）教育学生自觉遵守《中华人民共和国电子商务法》，不虚假宣传，诚信经营；

（3）培养学生踏实认真、精益求精的工作作风

6、技能提升

【新媒体对电子商务网站的影响】

以小组为单位，学生浏览移动端电子商务网站，找出同一个电子商务网站PC端页面与移动端页面的区别，并试着阐明原因。

思想、素质教育 ：贯穿学生实践过程中

（1）通过理解PC端与移动端的不同，培养学生精益求精的工匠精神；

（2）教育学生自觉遵守《中华人民共和国电子商务法》，不虚假宣传，诚信经营；

（3）展示我国在“互联网+”的时代下，电子商务蓬勃发展的成果。

填表说明：1. 本页可续页；2.教学方法如：项目教学、案例分析、分组讨论、角色扮演、启发引导等；

3. 教学手段如：课件演示、模型讲解、实物讲解、挂图讲解、视频讲解、网络课程等。

任务一赏析电子商务网站

填表说明：1.序号，指该课程授课的顺序号，应与授课计划一致；2. 授课形式在相应的选项打“√”。

课内教学内容及过程时间

分配

方法

及手段

2.课前调研成果展示与汇报

【课前调研成果展示与汇报】

教师向学生展示多种电子商务网站页面，引导学生说出有那些要素会影响用户浏览。

教师注意着重从页面结构和色彩搭配方面引导学生，让学生掌握影响网页效果的视觉要素。

德育教育 ：培育学生独立思考、发现问题和提出问题的优良品质；

【根据调研结果引出新课】

从网站的功能栏目、色彩和页面布局进行讲解，帮助学生快速了解电子商务网站与普通网站在页面上的不同。同时，通过深度剖析，学生能够了解电子商务网站的必要组成和布局要点，为后面制作综合电子商务网站打下基础。

德育教育 ：培育学生遵纪守法的意识和个人的社会信誉意识。

2.布置任务

【教师展示教学载体，创设学习情境】

教师通过分析一家电子商务网站的各项功能，帮助学生了解设计制作电子商务网站的一些要点。

本任务针对电子商务网站的首页面进行分析。从网站的功能栏目、色彩和页面布局进行讲解，帮助学生快速了解电子商务网站与普通网站在页面上的不同。同时，通过深度剖析，读者能够了解电子商务网站的必要组成和布局要点，为后面制作一个综合电子商务网站打下基础。

该网站是一家B2C类型的、综合性的电子商务网站，主要经营数码产品、日用百货、服装服饰等产品。与天猫、京东、亚马逊等电子商务平台相似，该网站主要为普通用户提供服务。

3.任务分析

【分析电子商务网站首页】

教师分析网站的类型、主要经营产品、竞争对手和目标用户，引导学生深入理解网页设计的核心。

4.知识准备（教学难点）

【分析电子商务网站页面结构种类和色彩】

❖常见页面结构分类

❖页面导航设置

❖色彩独有的色彩意向

❖页面色彩搭配技巧

【知识点学习情况检测，教学策略调整】

教师通过课堂提问，了解学生对知识的掌握情况，对共同的错误点或存在的问题，进一步有针对性地讲解。

【学生实践，加深对页面结构和色彩的理解】

通过向学生展示不同的电子商务网站页面，引导学生说出页面的布局方式及色彩搭配方案。

【通过模拟练习，进一步加深学生掌控页面色彩搭配的能力】教师提出一种主色，让学生说出三种色彩搭配方案。即页面的主色、辅色和背景色。

5.任务实施（教学重点）

网页的用户体验是由很多因素决定的，既由一些操作是否方便决定，也由页面美观性决定。总之，网页设计至少要符合目标用户的审美习惯，并具有一定的引导性。