网页设计与制作在电子商务中的应用
网页设计与制作课程标准课程性质与任务课程教学目标三
《网页设计与制作》课程标准一、课程性质与任务网页设计与制作课程是电子商务专业商务网站维护方向的一门专业课程。
旨在于培养学生具备从事网页设计与制作的基本职业能力，为下一步网站的建设学习打好基础，使学生达到网页设计制作人员的基本职业能力要求。
二、课程教学目标通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能对网页进行各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业化方向的发展奠定基础。
职业能力目标：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. 课后作业：检查学生对课堂所学知识的巩固情况。
- 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 网站布局 网站通过网页布局实现模块化，根据内容确定网页类型进 行设计。网站的页面形式应该相似，但还要考虑商标、导航和 广告等其它形式。商标一般放在网页的左上角，起着重要的作 用。赞助和广告以多种形式结合起来，局部导航随着内容的变 化有所不同，但总体需要保持一致。 为了让网站总体设计风格统一，设计人员使用框架对网 页进行布局，它包括网站风格布局、功能布局和网站尺寸的设 计，统一结构和外观。
网页设计与制作在电子商务中的应用
文／周艳萍 蔡玲
摘要：电子商务是依托网络为技术的网上购物的商贸活 动，目前网络购物已经在全球进行广泛的商贸活动。消费者和 商家只需要在网上进行交易、商业贸易及在线支付等综合活 动，不必面对面或者事先认识，是一种新生的商业动作模式， 为广大民众接受并且喜欢。
电子商务是一种网上购物形式，必然和网页设计与制作有 着密切的关系。网页设计与制作就是网页前台界面的设计及网 站后台的搭建。网页设计与制作是实现网上购物的前提条件， 电子商务实现的基础。
电子商务网站也分为很多种，比如商品供应商企业在网站 上展示和销售自己的商品；批发网站，经销商不生产商品，他 们做厂家的代理商，从厂家拿货批发给下家商品经营者；商品 交易及信息展示网站，提供多种产品如书、电子产品、生活日 用品等产品的报价、咨询、展示等多种用途的网站：不以经营 商品为目的的拍卖网站，它是采取拍卖的方式给户提供商品 交易的平台，客户不是为了购买商品而光临该网站，而是在这 个平台上拍卖东西或者竞拍东西。总之，电子商务网站提供 一个商品交易的平台给商家和客户，为商家提供方便快捷的 服务，使利润达到最大化，为客户提供低价优质的网上购物 服务。