网页设计与制作在电子商务中的应用
网页设计与制作课程标准课程性质与任务课程教学目标三
《网页设计与制作》课程标准一、课程性质与任务网页设计与制作课程是电子商务专业商务网站维护方向的一门专业课程。
旨在于培养学生具备从事网页设计与制作的基本职业能力，为下一步网站的建设学习打好基础，使学生达到网页设计制作人员的基本职业能力要求。
二、课程教学目标通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能对网页进行各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业化方向的发展奠定基础。
职业能力目标：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、专业课程在工作上的运用在电子商务专业涉及的诸多课程,以下是个人在实习上的体会《商务沟通》在遇到工作压力时,学会自我调节。
在企业中学会与同事、领导有效沟通。
在电话营销和访问中,注意电话礼仪和礼貌用语。
与客户的沟通时,保持热情的态度、饱满的精神,口齿要清晰,语气要亲切友好,吸引客户注意力。
《现代客户关系管理》——主要体现在客服、电话营销、网络推广,分析客户类型,明确目标客户群。
因人而异,消除客户的防备心理,与客户迅速建立信任关系。
处理客户疑问,提高客户满意度。
实习企业用到的管理系统是课程中介绍有网络客户服务的常用工具:提高处理事务的效率和企业的服务质量。
也可以用于管理层面的工作岗位,如部门主管,经理等;《网页设计与制作》体现在网站的建设、维护和更新,是网站维护人员基础《计算机网络技术应用》《应用计算机网络技术》、《电子商务技术基础》公司的网络建设,网站建设。
电子商务网页设计与制作课程标准.doc
学校名称《电子商务网页设计与制作》课程标准课程代码适用专业电子商务编制审核制定日期一,课程定位《电子商务网页设计与制作》是电子商务专业地理实一体课程,是电子商务专业地核心课,本门课程对于网站维护岗,网站编辑岗,美工面设计岗,网页设计岗岗位而言都是从业员需要掌握地最核心地专业技能。
通过本门课地学,学生应该掌握一种网站设计工具,熟悉网站设计地整个流程,并培养完成静态网站设计任务地职业素养与职业能力,提高学生地就业竞争能力。
本课程是理实一体化课程,课程地实验实践环节学时数大约占该门课程总学时地五零%,本课程在第二学年第一学期开设,本课程地先行课程为《图像处理技术》与《电子商务概论》,学生已经具备扎实地理论知识与一定地计算机网络知识与操作技能;其后续课程为《网上经营实务》与《电子商务综合应用实训》。
二,课程目地《电子商务网页设计与制作》课面向技术岗位群设立,通过课程学,学生能树立良好地世界观,生观与价值观,具备坚持走特色社会主义道路地信念与决心,能在遇到困难时不轻言放弃而是努力攻克困难,能具备信息收集与筛选能力,制定工作计划,独立决策与实施能力,能利用网站制作工具,完成电商静态网站地网页策划与制作。
具体课程目地如下:知识目地:一.了解简单地网站地规划设计能力,能阅读需求说明书,明确客户需求;二.知道建立站点,管理站点地有关步聚与方法;三.熟悉常用HTML代码地语法结构与使用方法四.理解使用DW工具行网页地设计与制作地方法与步骤;五.熟悉CSS样式地设置方法;六.了解移动端网站自动生成工具地使用方法与步骤。
七.熟悉测试,发布,维护站点地方法。
能力目地:1.具备阅读并正确理解网站需求分析报告与设计方案地能力。
2.能从"色彩搭配地视觉效果","正确地传达"与"网页布局方式"三个方面对内外知名电商网站行简单地赏析;3.会分析电商网站地栏目,并能使用WORD软件绘制电商网站地栏目结构图;4.能使用"记事本"编写最简单地HTML代码实现简单地网页;五.熟练使用网页设计工具与图像美化工具制作电子商务网页。
网页设计与制作课程在电子商务专业的作用
０ 引言
随着互联网时代的不断进步和发展，人们对网站网页的 要求不断提高。这种时代背景下，利用电子商务专业开设网 页设计与制作课程，可以达到人们日趋严格的要求。电子商 务专业中，网页设计与制作课程让专业学生从初步认识网页 到自主熟练设计制作网页，为专业学生在日后工作中出色完 成工作任务奠定基础。目前，社会各领域的交易活动中，以 互联网技术形式进行交易的情况随处可见，这足以证明电子 商务专业已在互联网时代的商务活动中占据主导地位。因此， 各大高校应重视这种形势。在此形势下，高校应继续加强以 网页设计与制作为核心课程的专业知识课程教育，不断加强 电子商务专业人才的培养，不断提高人才的技能水平，同时， 加强素质教育，为社会打造全能型电子商务人才，为促进电 子商务专业的发展作出贡献。
１ 网页设计与制作课程的现状
科学技术迅速发展、互联网技术深入社会的背景下，网 站开发技术已广泛应用于各大领域，随之而来的是网页设计
与制作的研究。很多高校已在电子商务专业中开设了这门课 程。从专业名称上就能了解到电子商务专业是与计算机技术 紧密联系的专业。作为基础课程，网页设计与制作主要利用 一些软件如 Dreamweaver 制作简单的网站。学校进行授课时， 往往达不到理想的效果，专业学生不能真正掌握这门技术。 网页设计与制作是一个实践性极强的学科，如果只停留在基 础知识掌握阶段，不能进行正常的网页制作工作。因此，如 何利用网页设计与制作课程教授学生进行网页设计制作，是 人们面临的一大难题。在解决这项难题的前提下，专业学生 通过学习这门课程，不仅能进行复杂网站网页的设计制作， 而且能对网站运行时后台数据的处理方式有所了解，对网站 网页有一个全面深刻的认识。
新思政背景下电子商务专业《网页设计与制作》课程思政教学改革实践探索
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. 课后作业：检查学生对课堂所学知识的巩固情况。
《dreamweaver网页设计与制作》课程标准
《Dream weav er网页设计与制作》课程标准一、课程定位和课程设计（一）课程性质与作用“网页设计与制作”是高职电子商务专业的职业技能课，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件dreamweaver中文版的使用以及网页制作的拓展内容（Flash、Firework）等诸多知识的操作性极强的技能型应用课程，是本专业的一门带有实践环节的专业基础课程，是电子商务专业学生的必修课程。
“网页设计与制作”是“电子商务网站规划与管理”和“动态网页设计与制作”等课程的前期基础课程。
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
(二)课程基本理念本课程遵循职业性原则，以学生未来职业中可能用到的知识为中心，采用任务驱动的设计理念，以学生为主体，多元智力的学生观，突出课程的职业性，实践性和开放性，紧紧盯住产业需求，牢牢贴近一线服务，专业融入产业，规格服务岗位。
（三）课程设计思路主要指课程设计的总体思路：基于工作任务的结构模式，采取提出问题----介绍解决问题的方法----归纳总结，培养寻找答案的思维方法的模式。
以问题引导出相关原理和概念，在讲述实例的过程中融入，通过分析归纳，介绍解决工程实际问题的思想和方法，然后进行概括总结。
二、课程目标通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
基于工作过程的项目教学法在电子商务教学中的课例研究
基于工作过程的项目教学法在电子商务教学中的课例研究传统课程模式以学科为主线，不适应中职专业课程以岗位能力为本位，以工作过程为导向的专业课程新体系。
基于此，本文以电子商务专业课程《网页设计与制作》为例，从电子商务网站开发的实际工作任务对知识技能的要求出发，以培养电商职业能力为核心，以项目为导向，建立以工作过程为框架的，并进行实施，以培养中职电商学生应具有的职业技能和素养。
标签：工作过程;电子商务;课例研究一、研究背景中等职业技术学校人才培养的目标是具有较强的动手能力、实践能力和创新能力，同时也具有一定理论基础的操作人员和管理人员，他们往往活跃在生产一线，需求量大且是企业的中坚力量。
但由于政策生源等诸多因素影响，中职学生的素质普遍不高，文化课基础薄弱，对专业知识知之甚少，对专业能力缺乏感性认识，不了解枯燥的技能知识与岗位就业的内在联系，以至于缺乏兴趣，学习效率大打折扣。
基于工作过程的项目化教学设计，是根据某一职业实际工作活动，以工作项目为载体，以技能训练为主线，以完成项目任务为目标的教学活动，从而克服结构化的学科体系内容，有利于学生对过程性内容的掌握，是贯彻落实工学结合教学理念的有效途径。
《网页设计与制作》是中职电子商务专业的核心课程，具有一定的理论性和较强的操作性。
根据电子商务网页设计岗位职责，《网页设计与制作》被分为八个项目，本文将以项目二制作网站注册登录模块为例，说明如何利用基于工作流程的项目教学法，以提高课程的教学效率。
二、课前准备1.学生情况分析本课例研究面向是高一年级电子商务3班的学生，33位同学情况如下：（1）操作能力强（2）信息水平高（3）岗位职责意识弱（4）抽象思考能力弱2.教学平台与资源准备我在学习通平台上完成课程创建，导入项目二制作网站注册登录模块内容，并将其分解为三个任务，六个活动，同时根据工作过程利用MindMaster思维导图软件制作项目实施流程图，并发布在学习平台中。
学生利用手机等移动设备在课前登录学平台查看课程，让学生对项目整体工作任务做到心中有数。
电子商务《网页设计与制作》课程标准
《网页设计与制作》课程标准一、课程说明课程名称网页设计与制作标准简称网页设计与制作适用专业电子商务修读学期第一学期制订时间2018.08课程代码1351610课程学时72课程学分4课程类型B类课程性质必修课课程类别专业基础课先修课程平面设计基础与应用后续课程品牌运营、平台运营对应职业资格证或内容CEAC网店运营师、网页制作员合作开发企业无执笔人合作者无审核人制（修）定2018-08日期注：1.课程类型（单一选项）：A类（纯理论课）/B类（理论＋实践）/C类（纯实践课）2.课程性质（单一选项）：必修课/专业选修课/公共选修课3.课程类别（单一选项）：公共基础课/专业基础课/专业核心课4.合作者：须是行业企业人员，如果没有，则填无二、课程定位《网页设计与制作》是为满足行业企业对静态网页设计和制作人员的用人需求而开设的一门面向电子商务专业的必修课。
涉及网页基础、HTML标记、CSS样式、网页布局等内容。
本课程的前期课程主要有《平面设计》等，平行的专业课程主要有《市场营销》等，后续的专业课程主要有《网店设计》等。
通过本课程学习让学生在已掌握平面设计等基本技能的基础上，进一步掌握网页设计开发技能，同时培养了学生网站建设与运营能力，使其具备从事网站编辑相关岗位的职业能力。
三、设计思路《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。
充分发挥学生的主体性作用，使学生积极主动参与工作过程。
在教学中体现学生主体、过程导向的理念，按照“项目教学法”设计和实际工作过程一致的学习任务单，分阶段实现不同任务，达到79“做中学”目的。
以电子商务专业学生的就业为导向，根据行业专家对电子商务专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：·懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
·精技能：掌握综合运用网页编辑软件、图像处理软件（或Fireworks）设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS（及后续课程JavaScript）进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
·高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：·熟悉和掌握静态网页设计与制作的基本知识；·掌握Web国际标准基础知识；·了解和熟悉HTML语言；·掌握静态网页设计与制作的知识；·掌握网页中DIV+CSS网页布局方法；·掌握网页中图片设计和处理、动画导入的知识；·掌握网站检查与发布的知识；·坚持手写代码，形成良好的代码规范编写习惯。
能力目标：·具备信息收集、处理、准备、加工的能力；·具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；·具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案第一章：电子商务网页设计概述1.1 教学目标让学生了解电子商务网页设计的概念和意义。
让学生掌握电子商务网页设计的基本原则和流程。
1.2 教学内容电子商务网页设计的概念和意义。
电子商务网页设计的基本原则（如用户体验、界面设计等）。
电子商务网页设计的流程（如需求分析、设计稿制作等）。
1.3 教学方法讲授法：讲解电子商务网页设计的概念和意义，以及基本原则和流程。
案例分析法：分析电子商务网页设计的成功案例，让学生了解实际应用。
1.4 教学资源教材：电子商务网页设计相关书籍。
案例素材：电子商务网页设计成功案例。
1.5 教学评价学生能准确回答电子商务网页设计的概念和意义。
学生能理解并运用电子商务网页设计的基本原则和流程。
第二章：电子商务网页制作基础2.1 教学目标让学生掌握电子商务网页制作的基本技术。
让学生能够独立完成简单的电子商务网页制作。
HTML和CSS的基础知识。
电子商务网页制作的常用工具（如网页编辑器、图像处理软件等）。
电子商务网页制作的基本步骤。
2.3 教学方法讲授法：讲解HTML和CSS的基础知识，以及电子商务网页制作的常用工具和步骤。
实践操作法：让学生在电脑上进行实际操作，掌握电子商务网页制作技术。
2.4 教学资源教材：电子商务网页制作相关书籍。
实践素材：电子商务网页制作所需图片、样式文件等。
2.5 教学评价学生能掌握HTML和CSS的基础知识。
学生能够运用常用工具完成简单的电子商务网页制作。
第三章：电子商务网页布局与排版3.1 教学目标让学生掌握电子商务网页布局与排版的原则和方法。
让学生能够独立完成电子商务网页的布局与排版。
3.2 教学内容电子商务网页布局与排版的原则。
电子商务网页布局与排版的方法（如使用HTML和CSS进行布局和排版）。
电子商务网页布局与排版实例分析。
讲授法：讲解电子商务网页布局与排版的原则和方法。
实践操作法：让学生在电脑上进行实际操作，掌握电子商务网页布局与排版技术。
网页设计与制作在电子商务中的应用效果评价
网页设计与制作在电子商务中的应用效果评价随着互联网的发展和普及，电子商务已经成为了现代商业的主流形式之一。
越来越多的企业和个体商户开始将业务拓展到线上，以便更好地满足消费者的需求，增加销售渠道并提升品牌形象。
在电子商务中，网页设计与制作扮演着至关重要的角色，它直接关系到用户体验、产品展示、交易流程等关键环节。
对于电子商务平台来说，一个优秀的网页设计与制作是至关重要的。
一、网页设计与制作的作用在电子商务中，网页设计与制作的作用不言而喻。
它不仅是企业展示产品和服务的窗口，更是用户与企业进行交流、了解产品、进行购买的主要场所。
一个好的网页设计可以提高用户体验度，让用户更愿意在该网站进行购物，从而提升企业的销售额和品牌形象。
一个合理的网页设计还能够提高网站的搜索引擎排名，吸引更多的流量，增加曝光度。
1. 界面设计一个网页的界面设计直接关系到用户的第一印象。
清晰、简洁、美观的界面设计可以让用户更愿意停留在网站上，进行浏览和购物。
而杂乱、混乱的界面设计则会让用户感到厌烦，影响用户的使用体验。
2. 导航设计良好的导航设计可以让用户更便捷地找到需要的信息和产品，提升整体的用户体验度。
相反，过于复杂或者混乱的导航设计会让用户迷失在网站中，增加用户的流失率。
3. 响应式设计当前，手机端访问已成为主流，因此网页设计也需要兼顾不同设备的适配。
一个具有响应式设计的网页可以更好地适应不同尺寸的设备，提供更好的用户体验。
4. 信息布局信息的布局直接关系到用户对产品和服务的了解程度。
一个清晰、合理的信息布局能够让用户更快地找到自己所需要的信息，提高用户的满意度。
5. 页面加载速度页面加载速度是用户体验的关键指标之一。
过慢的加载速度会让用户感到不耐烦，增加用户的流失率。
1. 提升用户体验度一个优秀的网页设计可以提升用户的体验度，让用户更愿意留在网站上进行浏览和购物。
良好的用户体验可以提高用户的满意度，增加用户的复购率。
2. 增加销售额优秀的网页设计可以吸引更多的用户，提高用户的转化率，并最终增加销售额。
基于Web标准的电子商务网站网页设计与制作
１ 电子 商务 网站 网 页设计
电子 商 务 网 站 是 基 于 互 联 网 ， 以交 易 双 方 为 主
息以快捷、 方便 的方式传达给受众。据统计 ， 前 国 目 内网页设计从业人员已达 ３０万之众 ， ０ 专业从事网页 设 计 的公 司 、 工作 室 也 有 十几 万 个 ， 间涌 现 出了许 其 多优秀的网页设计作品。但是由于网页设计的发展 在国内仅有不到二十年的时间 ， 整体上讲还不 成 从 熟， 存在着许多弊病 ， 如网页结构形式 单一、 内容 空 洞 、 面混乱等 问题 。 页
Ｚ ｈ —ｉ ＨＵ Ｓ ｕ ｑｎ ，Ｗ Ｅ ｅ ，Ｚ ＩＷ ｉ ＨＡＮＧ Ｊａｍｅ ｇ ｉ— ｎ 。
（ ． ｏ ｌＣｌ ｇ ， ｅ ｉｇＵ ｉ ｎｖｒｔ， ｅ ｉｇ１０ １ ， ｈ ａ １Ｎ ｒ ｏｅｅ Ｂ ｉｎ ｎｏ Ｕ ｉ ｓｙ Ｂ ｉｎ ００ Ｃ ｉ ； ｍａ ｌ ｊ ｎ ｅｉ ｊ １ ｎ
Ａｂ ｔａ ｔ Ｗ ｉ ｅｐ ｐ ｌｒ ｎ ｅ ｅｏ ｍｅ ｔ ｆ ｈ ｅｗ ｒ ｓｒ ｃ ： ｔ ｔ ｏ ｕａｉ ａ ｄｄ ｖｌｐ ｎ ｅｎ ｔｏｋ，Ｗｅ ａｅｌｙ ｕ ｎ ｔｌ ｅ ｏ ｏ ｌｘｍｏｅａ ｄｍｏｅ ｈ ｈ ｙ ｔ ｏｔ ｂｐ ｇ ｏ ｔ ｄｓ ｅｂ ｃ ｍｅｃｍｐｅ ｒ ｎ ｒ．Ｅｓ ｅ ａ ａ ｙ ｐ—
０ 引 言
伴 随着互 联 网的迅 速推广 ， 愈来 愈 多 的人 得益 于 网络 的发展 和壮大 ， 网络 以其特 殊 的方式 极 大地改 变 着人 们 的生活 方式 。 网页设 计 随着 网络 的发 展 而逐 渐受 到人们 的重 视 ， 它本 身 以 网络 为 载体 ， 各种 信 把
中 图 分 类 号 ：Ｐ９ Ｔ ３３ 文献标识码 ： Ａ ｄ ｉ １ ．９ ９ｊｉ ｎ １０ －４ ５２ １． ３０ ８ ｏ： ０ ３６ ／． ｓ．０６２７ ．０２ ０ ．２ ｓ
电子商务网页设计与制作
电子商务网页设计与制作在当今数字化的商业世界中，电子商务网页已经成为企业展示产品、服务以及与客户互动的重要窗口。
一个设计精美、功能齐全且易于使用的电子商务网页，对于吸引潜在客户、促进销售以及提升品牌形象都起着至关重要的作用。
接下来，让我们深入探讨一下电子商务网页设计与制作的各个关键方面。
首先，我们来谈谈网页的布局设计。
一个清晰、直观的布局能够引导用户轻松浏览网页，快速找到他们所需的信息。
页面的顶部通常应放置网站的标志、导航栏以及搜索框。
导航栏要简洁明了，包含首页、产品分类、购物车、用户登录/注册等关键链接。
在页面的主体部分，要突出展示热门产品、新品推荐以及促销活动。
产品图片要清晰、吸引人，并且配有简洁准确的文字描述和价格信息。
页面的底部则可以放置版权信息、联系我们、常见问题解答等内容。
色彩搭配也是网页设计中不可忽视的一环。
选择适合品牌形象和目标受众的颜色非常重要。
例如，对于高端时尚品牌，可能会选择低调奢华的黑、白、金配色；而对于面向儿童的产品，鲜艳活泼的色彩如红、黄、蓝会更合适。
同时，要注意色彩的对比度和协调性，以确保文字清晰可读，页面整体美观舒适。
接下来是图片和视频的运用。
高质量的产品图片和生动的视频能够极大地提升用户的购物体验。
图片要多角度展示产品的细节，让用户能够全面了解产品的外观和特点。
视频可以用来展示产品的使用方法、功能演示或者品牌故事，增强用户对产品的信任和兴趣。
在网页的交互设计方面，要确保用户操作简单便捷。
购物车功能要易于使用，用户能够方便地添加、删除商品，查看商品总价和优惠信息。
注册和登录流程要简洁，尽量减少用户输入的信息，同时提供第三方登录选项，如微信、支付宝等。
支付环节要安全可靠，提供多种支付方式供用户选择。
对于电子商务网页来说，响应式设计至关重要。
随着移动设备的广泛使用，网页必须能够在不同尺寸的屏幕上（如手机、平板电脑、台式电脑）完美显示，并且保持良好的用户体验。
页面加载速度也是影响用户满意度的关键因素之一。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案一、教学目标1. 了解电子商务网页设计的基本概念与原则。
2. 掌握网页设计与制作的基本技术，如HTML、CSS、JavaScript等。
3. 能够独立完成电子商务网页的设计与制作。
4. 理解电子商务网页设计的重要性，提高电子商务网站的吸引力和用户体验。
二、教学内容1. 电子商务网页设计基本概念与原则网页设计的定义与目的电子商务网页设计的特点与要求网页设计原则（如美观性、易用性、可访问性等）2. HTML与网页结构HTML基本语法常用HTML标签及其功能网页结构与布局3. CSS与网页样式CSS基本语法常用CSS选择器与属性网页样式设计（如字体、颜色、布局等）4. JavaScript与网页交互JavaScript基本语法常用JavaScript函数与对象网页交互设计（如动态效果、表单验证等）5. 电子商务网页设计实践网页设计流程与方法电子商务网页设计案例分析学生实践：独立完成一个简单的电子商务网页设计与制作三、教学方法1. 讲授法：讲解电子商务网页设计的基本概念、原则、技术与方法。
2. 案例分析法：分析电子商务网页设计案例，让学生了解实际应用。
3. 实践操作法：引导学生动手实践，提高网页设计与制作能力。
4. 讨论法：组织学生进行分组讨论，分享设计心得与经验。
四、教学资源1. 教材：《电子商务网页设计与制作》2. 课件：教师自制的PPT课件3. 案例素材：电子商务网页设计案例及相关素材4. 网络资源：在线教程、相关网站与素材库五、教学评价1. 课堂参与度：学生参与课堂讨论、提问与回答问题的积极性。
2. 实践操作能力：学生完成网页设计实践作业的质量与效率。
3. 作品展示：学生展示自己的电子商务网页设计作品，评价其设计思路与效果。
4. 期末考试：考查学生对电子商务网页设计基本概念、原则与技术的掌握程度。
六、教学安排1. 课时：共计32课时，每课时45分钟。
2. 授课方式：讲授+实践操作+讨论3. 教学计划：第1-4课时：讲解电子商务网页设计基本概念与原则第5-8课时：学习HTML与网页结构第9-12课时：学习CSS与网页样式第13-16课时：学习JavaScript与网页交互第17-20课时：实践电子商务网页设计案例第21-24课时：学生独立完成电子商务网页设计与制作第25-28课时：作品展示与评价第29-32课时：期末考试七、教学注意事项1. 关注学生的学习进度，针对不同学生的实际情况进行针对性指导。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
JavaScript它是具有某些功能的小程序，这些程序在运行的 过程中被调用解释，我们把它叫做脚本语言。JavaScript是客户 端脚本语言，它使我们的网页具有交互功能，提高网页的浏览 速度和节约网络流量。
VBScript与JavaScript大部分类似就是运行的平台不同 而已，JavaScript可以运行在大多数平台，而VBScript只能在 Windows操作系统中的浏览器上运行。
2、策划电子商务网站
2.1 网站规划 在网站规划中首先确定网站服务的对象，即网站访问者， 网站访问者分为外部和内部访问者。外部访问者由当前和潜在 的客户、供应商、竞争者、股东、政府人员及其它个人和组 织。客户也许是想在线购物或提出苛刻的意见；商家对产品需 求及库存量进行分析，了解产品的需求，进而调整生产计划， 避免生产出过剩的产品；竞争者全方位进行分析，调整的战略 计划，以便在市场竞争中脱颖而出。 网站设计人员同时为内部、外部访问者，需要收集各方 面人员的需求，按照他们的需求对网页进行设计。通过电话访 问、问卷调查等方法收集多方意见，根据问题的轻重程度协调 制定各方面工作。 企业的目标和任务是企业生存的根本，它贯穿着企业的整 个活动过程，设计者对其有清晰的了解，否则注定网站开发的 失败。当企业在电子商务活动中发现其目标和任务需要更改以 适应新的环境，则网页设计人员也需要跟随其变化。 网站建设目标确定后，就需要确定一套完整的评估体系。 在激烈的电子商务竞争体系中，设计人员设计网站的出发点要
CGI是在服务器中运行的通用网关接口程序。XML称为可扩 展标记语言，它不能被HTML替代，应用在结构化、传输及存储 信息。
1.2 WEB网页编辑制作 使用浏览器打开的网页即称作WEB网页，它使用的是 HTML语言，并且可视化。HTML代码是由一些标签组成的，在 浏览器中不可见，但网页中图片、动画和声音是可见的，并且 之间是相互独立互不影响，网页元素存放的位置都是由HTML来 设计的。网页设计的关键问题的如何提高网页访问的速度，如 果网页打开速度非常慢的话，是网页设计的弊端。 网页设计与制作工具即“网页三剑客”是DreamWeaver、 Flash、PhotoShop，它适合初学者，比较容易掌握。网页设 计与制作过程为：首先利用PhotoShop软件对网页进行页面布 局；然后在使用PhotoShop中的切片工具对图片进行切片； 最后利用DreamWeaver中的DIV+CSS样式对网页进行布局； Flash可以制作一些小动画插入到网页中。
购物网站的创建是周密系统的工程，它不但要解决技术上 的问题，而且要按照一定的方法来制作。本文介绍网页设计与 制作的方法及涉及的语言，并且按照企业的要求来设计并且构 建电子商务网站。
关键词：电子商务；网络；网页； HTML语言
引言
电子商务网站是网络销售企业生存的基础，同时商家通过 网站向外界展示公司及商品的相关信息的平台。
电子商务网站的创建是实现电子商务的核心部分，它是企 业实现电子商务的基础。
1、网页设计与制作涉及的语言及网页编辑制作
1.1 网页设计与制作涉及的语言 制作网页所要涉及的语言有：HTML、VBScript、CGI、 XML、JavaScript和JAVA等编程语言。网站是由多个网页组成 的并且各个网页之间通过超链接彼此互相链接起来，这样用户 就可以浏览到每个网页的内容，HTML也叫做超文本标记语言， 它是纯文本文件，每个网站都会显示HTML的相关信息。 Java即可以说是编程语言，也可以认为是一种平台，在网 页中使用Java先编写Java代码再使用Eclipse对其代码进行编辑 调试。
57
求方便访问者的使用，含有丰富的信息量，并且操作界面吸引 眼球跟上市场主流。
2.2 网站设计 2.2.1 网站内容及功能的确定 在网站设计之前要对网站的访问者、网站的用途及其竞争 对手进行分析，网站设计员可以构建网站的结构，确定其内容 和功能。 电子商务网站包括前台的静态网页和后台的动态网页， 静态网页一般存放一些长期不要修改的信息，如：企业概况、 企业文化、交易方式等；动态网页需要经常更新，如：产品更 新、产品价格和种类、促销方式、内容经常更新能吸引更多的 访问者。 网站具有发布信息和线上交易的功能，还有一些在线注 册、在线登录和在线留言等一些辅助功能。 2.2.2 网站页面美化 漂亮的网页能够吸引访客，所以网页的界面能够给访问者 留下直接印象，我们有专门的网页美工来美化页面。 网页美化的原则为：一、网站都有自己的行业特征和风 格，比如科技网站通常用蓝色，娱乐网站用橙色，政府网站用 红色；二、根据访客的性格特征，年轻人活力十足所以色调就 需要动感十足，女性网用紫色代表浪漫时尚，三、网站色调统 一，尽量为统一色系，最多不能超过三种颜色，不然会造成审 美疲劳，导致访问量下降。四、精细，细节决定成败，所以网 页美化时要注意细节。 总之网页设计时需简单明了，让用户在短时间内了解网站 的主体内容，便于快速阅读。 2.2.3 网站导航的设计与制作 网站导航是由多个链接组成，按照一定规律进行分组归 类，可以访问多个网页。导航是网站的一种常用方式，它使网 页设计美观、简洁，提高网页访问速度。 网站导航分为局部和全局导航，全局导航是网站的整体内 容结构，它联系网站各个主要部分，使他们能够在各个网页之 间进行跳转；局部导航在同一页面跳转，也可以在与之相关的 网页中实现跳转，比如：选项菜单、主题列表和项目列表等。 2.3 网站布局 网站通过网页布局实现模块化，根据内容确定网页类型进 行设计。网站的页面形式应该相似，但还要考虑商标、导航和 广告等其它形式。商标一般放在网页的左上角，起着重要的作 用。赞助和广告以多种形式结合起来，局部导航随着内容的变 化有所不同，但总体需要保持一致。 为了让网站总体设计风格统一，设计人员使用框架对网 页进行布局，它包括网站风格布局、功能布局和网站尺寸的设 计，统一结构和外观。
网页设计与制作在电子商务中的应用
文／周艳萍 蔡玲
摘要：电子商务是依托网络为技术的网上购物的商贸活 动，目前网络购物已经在全球进行广泛的商贸活动。消费者和 商家只需要在网上进行交易、商业贸易及在线支付等综合活 动，不必面对面或者事先认识，是一种新生的商业动作模式， 为广大民众接受并且喜欢。
电子商务是一种网上购物形式，必然和网页设计与制作有 着密切的关系。网页设计与制作就是网页前台界面的设计及网 站后台的搭建。网页设计与制作是实现网上购物的前提条件， 电子商务实现的基础。
电子商务网站也分为很多种，比如商品供应商企业在网站 上展示和销售自己的商品；批发网站，经销商不生产商品，他 们做厂家的代理商，从厂家拿货批发给下家商品经营者；商品 交易及信息展示网站，提供多种产品如书、电子产品、生活日 用品等产品的报价、咨询、展示等多种用途的网站：不以经营 商品为目的的拍卖网站，它是采取拍卖的方式给户提供商品 交易的平台，客户不是为了购买商品而光临该网站，而是在这 个平台上拍卖东西或者竞拍东西。总之，电子商务网站提供 一个商品交易的平台给商家和客户，为商家提供方便快捷的 服务，使利润达到最大化，为客户提供低价优质的网上购物 服务。