网页设计与制作在电子商务中的应用

《网页设计与制作》课程标准一、课程性质与任务网页设计与制作课程是电子商务专业商务网站维护方向的一门专业课程。

旨在于培养学生具备从事网页设计与制作的基本职业能力，为下一步网站的建设学习打好基础，使学生达到网页设计制作人员的基本职业能力要求。

二、课程教学目标通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能对网页进行各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业化方向的发展奠定基础。

职业能力目标：1.能够熟练制作简单网页的能力；2.能够创建本地站点并能对网页进行各种超链接的能力；3.能够对网页进行具有创意的美化的能力；4.能够制作有创意的网页动画的能力；5.能够掌握网页设计与制作的相关技巧的能力；6.能够根据企业需要制作商务网页的能力；7.能够跟踪和学习网页设计与制作的新知识和新技术的能力。

8.具有开放分享、开拓进取、勇于创新、吃苦耐劳、不屈不挠的精神。

三、参考学时108学时。

四、课程学分6学分。

五、课程内容和要求六、教学建议（一）教学方法教师必须重视现代教学理论的学习，不断地更新观念，深刻领会和探究任务引领型的项目活动形式的教学方式。

1.项目教学法在教师的指导下由学生亲自处理一个项目的全过程，让学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难。

加强网页制作技术与各课程的整合的研究，充分运用项目教学法，探索在数字化学习环境下的新型的教学模式，为学生提供自主发展的时间和空间，努力培养学生的创新精神和实践能力，自觉地成为学生学习的引导者和促进者。

2.任务驱动法在教学活动中，教师应当围绕特定的教学项目，设计出具体的、可操作的任务，以任务组织教学，在任务的履行过程中，以参与、体验、互动、交流、合作的学习方式，充分发挥学习者自身的认知能力，调动他们已有的知识与经验，在实践中感知、认识、应用所学知识，在“做”中学，“用”中学，不断提高学生的动手实践能力。

《电子商务网页设计与制作》教学教案第一章：电子商务网页设计基础1.1 教学目标1. 了解电子商务网页设计的概念与意义。

2. 掌握电子商务网页设计的基本原则与要求。

3. 熟悉常用的网页设计工具与技术。

1.2 教学内容1. 电子商务网页设计的概念与意义。

2. 电子商务网页设计的基本原则与要求。

3. 常用的网页设计工具与技术。

1.3 教学方法1. 讲授与案例分析相结合。

2. 实际操作演示与学生实践。

1.4 教学资源1. 教学PPT。

2. 网页设计案例素材。

3. 网页设计工具软件。

1.5 教学评估1. 课堂问答。

2. 学生实践作品展示。

第二章：网页布局与配色设计2.1 教学目标1. 掌握网页布局的设计方法与技巧。

2. 学习网页配色的基本原则与方法。

3. 了解色彩搭配对网页视觉效果的影响。

2.2 教学内容1. 网页布局的设计方法与技巧。

2. 网页配色的基本原则与方法。

3. 色彩搭配对网页视觉效果的影响。

2.3 教学方法1. 讲授与案例分析相结合。

2. 实际操作演示与学生实践。

2.4 教学资源1. 教学PPT。

2. 网页布局与配色案例素材。

3. 网页设计工具软件。

2.5 教学评估1. 课堂问答。

2. 学生实践作品展示。

第三章：网页图像处理与动画制作3.1 教学目标1. 掌握网页图像处理的基本方法与技巧。

2. 学习动画制作的基本方法与技术。

3. 了解动画在网页设计中的应用与效果。

3.2 教学内容1. 网页图像处理的基本方法与技巧。

2. 动画制作的基本方法与技术。

3. 动画在网页设计中的应用与效果。

3.3 教学方法1. 讲授与案例分析相结合。

2. 实际操作演示与学生实践。

3.4 教学资源1. 教学PPT。

2. 网页图像处理与动画案例素材。

3. 网页设计工具软件。

3.5 教学评估1. 课堂问答。

2. 学生实践作品展示。

第四章：网页文字处理与排版4.1 教学目标1. 掌握网页文字处理的基本方法与技巧。

2. 学习网页排版的设计方法与原则。

1、电子商务的主流工作岗位,具备的技能淘宝客服:1、能够熟练使用计算机及快速的打字速度;2、懂得利用网上平台开展电子商务;3、具有一定的网络营销和销售的技能及解决售后问题能力;4、具有较好的应变能力及语言表达能力电子商务专员:1、能够熟练使用计算机;2、懂得利用网上平台开展电子商务; 3、熟悉B2B、B2C平台销售、网上阿里巴巴淘宝推广本公司产品的流程操作;4、与客户沟通交流所具备的口才以及应变能力。

美图美工:1、了解掌握公司产品信息;2、熟悉工作流程及总体进度;3、具备处理售后纠纷等问题的能力;4、掌握基本的PS图片处理技巧和DW代码编写知识;5、了解一定的网络营销与销售技巧,协助公司展开品牌推广、提升交易量广告文案:1、了解市场动向,有一定的创意;2、熟悉B2B、B2C平台销售、网上阿里巴巴淘宝推广本公司产品的流程操作;3、具备优秀的文字处理能力和策划头脑,同时具备超强的文案写作及审美能力;4、才思敏捷,具备创新意识,有团队合作精神和高度的责任感。

电话营销员:1、能够熟练使用电话营销呼叫系统;2、有效沟通能力3、具有一定的电话营销的技巧,运用呼叫系统进行项目推广和访问除此之外还有网络营销员、、网站推广员、网络编辑、个人开网店2、专业课程在工作上的运用在电子商务专业涉及的诸多课程,以下是个人在实习上的体会《商务沟通》在遇到工作压力时,学会自我调节。

在企业中学会与同事、领导有效沟通。

在电话营销和访问中,注意电话礼仪和礼貌用语。

与客户的沟通时,保持热情的态度、饱满的精神,口齿要清晰,语气要亲切友好,吸引客户注意力。

《现代客户关系管理》——主要体现在客服、电话营销、网络推广,分析客户类型,明确目标客户群。

因人而异,消除客户的防备心理,与客户迅速建立信任关系。

处理客户疑问,提高客户满意度。

实习企业用到的管理系统是课程中介绍有网络客户服务的常用工具:提高处理事务的效率和企业的服务质量。

也可以用于管理层面的工作岗位,如部门主管,经理等;《网页设计与制作》体现在网站的建设、维护和更新,是网站维护人员基础《计算机网络技术应用》《应用计算机网络技术》、《电子商务技术基础》公司的网络建设,网站建设。

学校名称《电子商务网页设计与制作》课程标准课程代码适用专业电子商务编制审核制定日期一,课程定位《电子商务网页设计与制作》是电子商务专业地理实一体课程,是电子商务专业地核心课,本门课程对于网站维护岗,网站编辑岗,美工面设计岗,网页设计岗岗位而言都是从业员需要掌握地最核心地专业技能。

通过本门课地学,学生应该掌握一种网站设计工具,熟悉网站设计地整个流程,并培养完成静态网站设计任务地职业素养与职业能力,提高学生地就业竞争能力。

本课程是理实一体化课程,课程地实验实践环节学时数大约占该门课程总学时地五零%,本课程在第二学年第一学期开设,本课程地先行课程为《图像处理技术》与《电子商务概论》,学生已经具备扎实地理论知识与一定地计算机网络知识与操作技能;其后续课程为《网上经营实务》与《电子商务综合应用实训》。

二,课程目地《电子商务网页设计与制作》课面向技术岗位群设立,通过课程学,学生能树立良好地世界观,生观与价值观,具备坚持走特色社会主义道路地信念与决心,能在遇到困难时不轻言放弃而是努力攻克困难,能具备信息收集与筛选能力,制定工作计划,独立决策与实施能力,能利用网站制作工具,完成电商静态网站地网页策划与制作。

具体课程目地如下:知识目地:一.了解简单地网站地规划设计能力,能阅读需求说明书,明确客户需求;二.知道建立站点,管理站点地有关步聚与方法;三.熟悉常用HTML代码地语法结构与使用方法四.理解使用DW工具行网页地设计与制作地方法与步骤;五.熟悉CSS样式地设置方法;六.了解移动端网站自动生成工具地使用方法与步骤。

七.熟悉测试,发布,维护站点地方法。

能力目地:1.具备阅读并正确理解网站需求分析报告与设计方案地能力。

2.能从"色彩搭配地视觉效果","正确地传达"与"网页布局方式"三个方面对内外知名电商网站行简单地赏析;3.会分析电商网站地栏目,并能使用WORD软件绘制电商网站地栏目结构图;4.能使用"记事本"编写最简单地HTML代码实现简单地网页;五.熟练使用网页设计工具与图像美化工具制作电子商务网页。

C h i n as t o r a g e&t r a n s p o r t m a g a z i n e 2021.102020年5月28日教育部发布《高等学校课程思政建设指导纲要》指出，全面推进课程思政建设，就是要寓价值观引导于知识传授和能力培养之中，帮助学生塑造正确的世界观、人生观、价值观[1]。

课程思政作为一种新的教学理念，把思政教育融入到各专业课程的教学过程中，其实施促进了高校思想政治教育中显性教育与隐性教育的有机统一，有利于实现人才培养目标。

以我校电子商务专业《网页设计与制作》课程为例，基于新思政背景深入挖掘该课程中所蕴含的思政元素，把思想政治教育融入到专业课程学习中，积极探索课程思政教学改革的实践路径。

1.《网页设计与制作》课程介绍《网页设计与制作》是电子商务专业的必修课程，具有较强的实践性。

教学内容包含H T ML 基础知识、C S S 基础、D I V +C S S 以及J a v a S c r i p t 等。

该课程采用“任务驱动+理论讲解+案例实践”教学方法，通过任务案例的导入、分析、实践、总结来讲解和强化知识点，从而引导学生在“学中做”“做中学”，把价值观的形成、基础知识的学习以及基本技能的培养和提高进行有机地结合，从而将学生培养成为社会所需的复合型高技能应用型人才。

2.《网页设计与制作》课程思政教学中存在的问题《网页设计与制作》课程在具体的实践教学中仍存在只侧重于专业基础知识的传授和技能的培养，而未能够充分发挥专业课程育人的重要作用。

第一，师资不专业。

参与《网页设计与制作》课程教学的老师基本上是经济管理类或计算机类专业的应届毕业生，缺乏网页设计实践经验，学习工作背景也不够多元化。

该课程需要教师熟练掌握和灵活应用网页设计基础知识，能够设计和开发静态网站，但实际上任课教师基本上是边摸索学习边教学，实践经验十分有限。

第二，优秀教材较少。

现有关网页设计与制作的教材数量相对不多，适合本科教学的专用教材就更少。

《电子商务网页设计与制作》教学教案一、教学目标1. 了解电子商务网页设计的基本概念与原则。

2. 掌握网页设计与制作的基本技术，如HTML、CSS、JavaScript等。

3. 能够运用网页设计软件（如Dreamweaver、Photoshop等）进行网页设计与制作。

4. 了解电子商务网页设计的趋势与创新。

二、教学内容1. 电子商务网页设计的基本概念与原则2. HTML与CSS基本语法与运用3. JavaScript基础与网页交互4. 网页设计软件的使用与技巧5. 电子商务网页设计案例分析与实践三、教学方法1. 讲授：讲解电子商务网页设计的基本概念、原则以及技术要点。

2. 示范：通过实际操作，展示HTML、CSS、JavaScript等技术的应用。

3. 练习：学生动手实践，运用网页设计软件进行网页设计与制作。

4. 讨论：分组讨论，分析电子商务网页设计的趋势与创新。

四、教学准备1. 教室环境：确保电脑、投影仪等设备齐全，网络畅通。

2. 教学材料：教案、PPT、案例素材、网页设计软件安装包等。

3. 学生分组：根据班级人数，合理分组，每组4-6人。

五、教学过程1. 导入：简要介绍电子商务网页设计的重要性，激发学生兴趣。

2. 讲解：讲解电子商务网页设计的基本概念与原则，重点讲解HTML、CSS、JavaScript等技术。

3. 示范：教师演示HTML、CSS、JavaScript等技术的实际应用。

4. 练习：学生动手实践，运用网页设计软件进行简单网页设计与制作。

5. 讨论：分组讨论，分析电子商务网页设计的趋势与创新，分享实践经验。

7. 作业布置：布置课后作业，巩固所学知识。

六、教学评估1. 课堂问答：通过提问方式检查学生对电子商务网页设计基本概念的理解。

2. 练习作品：评估学生网页设计作品的创意、技术运用和功能性。

3. 小组讨论：观察学生在小组讨论中的参与程度和问题解决能力。

4. 课后作业：检查学生对课堂所学知识的巩固情况。

《Dream weav er网页设计与制作》课程标准一、课程定位和课程设计（一）课程性质与作用“网页设计与制作”是高职电子商务专业的职业技能课，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件dreamweaver中文版的使用以及网页制作的拓展内容（Flash、Firework）等诸多知识的操作性极强的技能型应用课程，是本专业的一门带有实践环节的专业基础课程，是电子商务专业学生的必修课程。

“网页设计与制作”是“电子商务网站规划与管理”和“动态网页设计与制作”等课程的前期基础课程。

通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。

本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。

通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。

(二)课程基本理念本课程遵循职业性原则，以学生未来职业中可能用到的知识为中心，采用任务驱动的设计理念，以学生为主体，多元智力的学生观，突出课程的职业性，实践性和开放性，紧紧盯住产业需求，牢牢贴近一线服务，专业融入产业，规格服务岗位。

（三）课程设计思路主要指课程设计的总体思路：基于工作任务的结构模式，采取提出问题----介绍解决问题的方法----归纳总结，培养寻找答案的思维方法的模式。

以问题引导出相关原理和概念，在讲述实例的过程中融入，通过分析归纳，介绍解决工程实际问题的思想和方法，然后进行概括总结。

二、课程目标通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。

基于工作过程的项目教学法在电子商务教学中的课例研究传统课程模式以学科为主线，不适应中职专业课程以岗位能力为本位，以工作过程为导向的专业课程新体系。

基于此，本文以电子商务专业课程《网页设计与制作》为例，从电子商务网站开发的实际工作任务对知识技能的要求出发，以培养电商职业能力为核心，以项目为导向，建立以工作过程为框架的，并进行实施，以培养中职电商学生应具有的职业技能和素养。

标签：工作过程;电子商务;课例研究一、研究背景中等职业技术学校人才培养的目标是具有较强的动手能力、实践能力和创新能力，同时也具有一定理论基础的操作人员和管理人员，他们往往活跃在生产一线，需求量大且是企业的中坚力量。

但由于政策生源等诸多因素影响，中职学生的素质普遍不高，文化课基础薄弱，对专业知识知之甚少，对专业能力缺乏感性认识，不了解枯燥的技能知识与岗位就业的内在联系，以至于缺乏兴趣，学习效率大打折扣。

基于工作过程的项目化教学设计，是根据某一职业实际工作活动，以工作项目为载体，以技能训练为主线，以完成项目任务为目标的教学活动，从而克服结构化的学科体系内容，有利于学生对过程性内容的掌握，是贯彻落实工学结合教学理念的有效途径。

《网页设计与制作》是中职电子商务专业的核心课程，具有一定的理论性和较强的操作性。

根据电子商务网页设计岗位职责，《网页设计与制作》被分为八个项目，本文将以项目二制作网站注册登录模块为例，说明如何利用基于工作流程的项目教学法，以提高课程的教学效率。

二、课前准备1.学生情况分析本课例研究面向是高一年级电子商务3班的学生，33位同学情况如下：（1）操作能力强（2）信息水平高（3）岗位职责意识弱（4）抽象思考能力弱2.教学平台与资源准备我在学习通平台上完成课程创建，导入项目二制作网站注册登录模块内容，并将其分解为三个任务，六个活动，同时根据工作过程利用MindMaster思维导图软件制作项目实施流程图，并发布在学习平台中。

学生利用手机等移动设备在课前登录学平台查看课程，让学生对项目整体工作任务做到心中有数。