电子商务的网页设计十篇

发布时间:2024-04-29 13:51:03

电子商务的网页设计篇1

关键词:电子商务专业;网页设计;教学

一、《网页设计》教学现状

目前各大高校开设了《网页设计》课程的专业有电子商务、艺术设计、计算机软件、信息工程等专业,有的学校还把该课程设置成全校公选课程,但是教师上这门课时在教学方式、教学内容上几乎完全一致,没有从专业发展的角度来安排教学内容,严重影响了学生在其专业领域的发展。目前该门课程教学内容的设计有以下几种:

(一)介绍网页三剑客软件的使用

“网页三剑客”软件包括:DReamweaVeR是一款可进行静态和动态网页制作、网站管理的所见即所得网页编辑器。FiRewoRKS主要是用于网页图片的制作与处理,也可用于网页布局。FLaSH主要用来制作动画。按照这种教学内容培养出来的学生往往只是熟悉软件的使用,不懂网页源代码,做出来的网页效果一般,缺乏特色,学生将来从事网页设计工作时会感觉困难重重。

(二)只介绍DReamweaVeR软件的使用

这种教学方式比较常见,教师只讲述DReamweaVeR软件的使用,包括:DReamweaVeR的工作界面、文档编辑、图像与多媒体、超链接、表格、框架、CSS、模板和库、表单、行为、网站测试与。学生学习该课程后,能熟练使用软件,能用表格、框架、层来进行页面布局,懂得基本的CSS样式设置,会利用行为面板添加一定的网页特效,在网页设计完成之后,能进行网站的测试与。相比前一种,这种方式培养出来的学生网页设计基础知识更为扎实,但是相关的技术掌握太少。

(三)HtmL5、CSS3、JaVaSCRipt网页设计技巧

HtmL(HypertextmarkupLanguage),是用于描述网页文档的一种标记语言,HtmL5是当前最新版本。CSS即层叠样式表(CascadingStyleSheet),在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确地控制,CSS3是CSS技术的升级版本。JaVaSCRipt一种直译式脚本语言,用来给HtmL网页增加动态功能。HtmL5、CSS3、JaVaSCRipt是网页设计的主流技术,是教学的重点和难点。

(四)动态网页设计

除了介绍DReamweaVeR软件的使用外,还重点讲述后台数据库的访问,即C#语言、数据库编程。由于《网页设计》课程通常开设在大一,对于很多从来没有接触过编程和数据库的学生来说,他们会觉得特别难,容易产生抵触心理,消磨掉学习兴趣。

二、电子商务专业《网页设计》教学内容的设计

电子商务专业的培养目标是培养掌握电子商务系统开发技术和电子商务管理与应用知识和技能的高素质人才。《网页设计》是电子商务专业的一门专业必修课,是一门涉及面很广泛的学科,仅仅讲述DReamweaVeR显然是不够的,毕竟在一个完整的网站中,除了有合理的页面布局之外,用户还希望能看到画面优美的图片、制作精美的动画作品、引人入胜的网页特效,网站设计完成之后,还需要将网站上传和定期维护。另外对于正在读大一的电子商务专业学生来说,在《网页设计》课程中讲述动态网页也不合适,超出了他们的接受程度。因此本人在给电子商务专业的学生讲课时,结合他们的专业特色,将教学内容和课时(一学期64个课时)做了如下安排:

(一)教学内容安排

1、FiRewoRKS图片切片处理考虑到我校大一新生第一学期就学习了《pHotoSHop图片处理》,掌握了图片处理的技巧,所以图片处理部分只讲述切片和精确提取属性值,而且这部分不单独拿出来讲述,可以穿插在综合案例的DiV+CSS页面布局中。2、FLaSH动画设计:10课时这部分内容是学生最感兴趣的,重点讲述动画设计的基本方法,要求学生能够设计出网页中常见的动画效果,能将动画作品成swf文件或者gif文件,并将作品添加在网页中。3、DReamweaVeR软件使用:10课时因为学生在大一第一学期学过办公软件oFFiCe,所以DReamweaVeR软件的使用他们很容易掌握。教学目标包括:了解创建站点的方法、视图的切换、常用面板的使用;熟悉常用的html标记;能用软件建立超链接、插入图片和多媒体文件、设计表格、表单。学完这部分,学生能利用软件的菜单和工具栏完成各种类型的简单网页的设计。4、DiV+CSS页面布局:32课时这一部分是本门课程的教学重点。教学目标包括:理解DiV盒子模型、熟练掌握CSS常用样式、精通页面布局技巧,最终学生能根据效果图自如地设计出网页。5、JaVaSCRipt网页特效:10课时对大部分电子商务专业的学生来说,因为从来没有接触过程序设计,所以这部分内容对他们来说是最难掌握的。教师对他们不能提出过高的要求,以免打消他们学习的积极性。教学目标是:学生掌握JaVaSCRipt基本语法,能设计简单特效,能修改网上下载的网页特效素材,灵活运用到自己的网页中。6、网站测试与:2课时让学生掌握网站测试与的方法。

(二)教学先后顺序

通常《网页设计》课程的教学顺序是:网站基本知识、HtmL、DReamweaVeR(HtmL5+CSS3+JaVaSCRipt)、FLaSH、FiRewoRKS。本人在讲述该课程时教学的先后顺序如上所示,原因有两点:首先符合网页设计的基本流程:先确定主题,然后准备素材,pHotoSHop制作网页效果图,然后用DReamweaVeR根据效果图设计网页。常言道“巧妇难为无米之炊”,只有先把网页素材准备好了,才可以开始网页设计。其次相比DReamweaVeR网页设计,动画设计和图片处理效果更为生动直观,更能激发学生的学习兴趣。

三、结束语

任何一门课程的教学都应该根据专业的特色来调整教学内容,培养出适应社会需求的专业性人才。上述《网页设计》课程教学内容的设计使电子商务专业学生能够扎实掌握网页设计技能,同时为后续专业课程学习奠定了良好的基础。

参考文献:

[1]陈波.网页设计教学中引入mooC教育模式的探索[J].电脑知识与技术,2017,(11):95+125.

[2]田关伟,夏龄,周德荣,舒涛.翻转课堂模式下《网页设计》教学研究[J].科技经济市场,2017,(03):137-138.

电子商务的网页设计篇2

20世纪90年代以来,随着互联网的迅猛发展,网页设计变得更为理性,在设计中追求创新,寻求网页设计的可能性,创造出独特的和视觉风格。在此理念之下,灵活运用符合现代审美意识、时尚新颖的视觉审美设计原则,在网络媒介中充分结合视觉媒体,拓宽电子商务的传播形式,使包括商务在内的信息传递更加直观,对电子商务网络营销起到很好的视觉传达作用。相对传统静态的网页,基于人们生理和心理特征的新视觉设计以动态交互式为特点,具有趣味性、交互性、个性化特点。迎合现代高速发展的讯息技术,网页设计、表现形式与设计风格随之不断延展。在视觉艺术层面上,设计师首先要考虑网页设计中字体、配色、版式等视觉设计的基本元素的合理运用,在讯息技术层面,设计要考虑的是视觉设计如何适应新技术条件下的网页革新需求:涉及到网页平台上商务电子信息与用户(浅层意义上说是页面浏览者,或则说是目标用户或潜在用户)之间的沟通,这种沟通有别于传统传播媒介,是互动交互式的。网页平台对电子商务信息的表达方式在传达形式上是结合音效的二维视觉视屏、或则多维空间展示、更高层次上是虚拟信息的表达,引领客户的消费心理。有好的电子商务平台设计并不能确定宣传代表的产品就一定成功,但可以肯定的是这些可以为实际生产的产品加分,为产品创造独特的风格和视觉感受。视觉表现形式的个性表现、设计与程序技术的完美结合、用户的使用感受以及交互性是必须考虑的几个要素。对于设计师来说,网页设计相对与纸质媒介,有着更为灵活的创意空间,在琳琅满目的电子设备平台上,要想吸引浏览者的关注和视觉停留,网页设计的创新和视觉吸引力是一个很大的挑战。也就是说要突出电子商务网页设计的革新与个性特征,这样所要传达的电子讯息通过卓尔不群的动态网页视觉设计信息传达给人留下深刻印象,达到电子商务的营销目的。因为电子媒介与人们生活的密切性,浏览电子商务平台,并按照引导商务网页设置的参与体验,创意与个性的电子商务网页讯息就会不断通过网络平台,经常性多渠道的出现在用户视野。根据视觉设计的原则,视觉形象尤其是动态的,其直观深刻的第一印象可以刺激用户的深层记忆,尤其是在很大程度上用户对网站的期望值有着非同一般的提升,从而增强用户对产品信息的信任度。具体到视觉设计,和一般纸质媒介设计有所区别,栏式结构排版是网页设计常用样式,栏式排版主要通过竖分方式分隔页面信息,常见是二栏、三栏和四栏。当然分栏多少主要是根据电子商务讯息,同时结合页面设计效果。根据我们日常所见大型门户类网站,传统的三栏式排版形式是他们通用的排版形式。不拘泥于传统的页面布局,创造不同布局、质感与肌理和风格的设计,是电子商务网络营销中视觉艺术的能力和可能所在。需要说明的是,有效表达视觉设计,增强网页讯息的效果,除了符合审美的网页栏式分割方式以外,还可以通过字体表达、图片位置、经营位置,动态图片插入,多变生成各类形式,生动新颖的表达电子商务信息的页面,进而利于商务信息的有效传播。

2电子商务网络营销中视觉艺术构成元素的重要性

从专业技术上来说,网页概念中表现为HtmL静态页面,由网页浏览器直接浏览我们所说的页面上的各种动画、滚动字幕等视觉上的“动态效果”,不是实际意义上的网页的静动态概念。网页设计是一项艺术性很强的工作,合理的运用网页的基本元素是网页设计过程中需要考虑的重要问题。一般意义上网页设计的基本元素主要包括:文本、图像、动画、音频、视频等。电子商务网络营销信息大多数以文本为主,文本是几乎是所有网页中运用最为广泛的元素之一。文本可以说是网页存在的基础,在网页设计中可以通过设置字体、字号、颜色、背景等属性来改变文本的视觉效果。在电子商务网络营销界面中适当运用图像,可以丰富页面的视觉效果。目前网页支持的图像格式主要有三种:JpeG(包括JpG)、GiF和pnG格式,其中后两种支持透明背景。由于受网速限制,实际应用中网页使用的图像被分割为多个部分,然后再利用排版技术,将分割图像拼合起来,以提高图像在浏览器中的运行速度。交互过程中作为视觉设计最基本元素,点、线、面合理有效运用是我们在网页设计需要考虑的要素。点能有效地吸引视线,作为一种抽象元素,结合电子商务产品信息,通过动态交互与音效配合来设计出电子商务网络营销界面。线变化网页空间,追求更新颖的设计形式与美感更易于用户获取信息、易于浏览者阅读。面的分割可以理解为各种比例的面所产生的形式美感,强烈的透视动感,大面积的色块对比,版面分割,获得秩序的美感。色彩视觉元素应用与二维视角的网页设计,三维视角的色彩图形的空间变化,色块的位置空间变化都突破了二维视觉下的设计形式,提高网页的设计自由度,形成统一的网页视觉形象。动画能使电子商务网络营销界面网页效果更加丰富,富于动感。目前在网页设计中使用的动画主要是Flas和GiF动画。前者运用较为广泛,后者主要用于站标、广告条等组件。在网页中插入背景音乐,可以提高电子商务网络营销界面网页内容对访问者的吸引力,目前,网页上使用广泛的音频格式主要有mp3、miDi、waV格式。需要注意的是我们添加背景音乐的同时,针对访问者不同的需求,应该提供给访问者一种关闭音乐的方法。否则会不断重复播放音乐。随着网络宽带的不断增加,在电子商务网络营销界面网页中使用视频越来越多。视频和音频一样,都是与文件类型相对应的插件来进行播放的,在网页中添加视频可以大大增加站点的可读性,视频的直观性可以给电子商务网络营销界面访问者带来很大的视觉冲击力。

3结论

电子商务的网页设计篇3

关键词商务网页设计与制作课程设计电子商务专业

中图分类号:F713文献标识码:a

截至2012年12月,中国网络购物用户规模达到3.12亿,市场整体交易规模为10.2万亿元,同比增长29.9%。随着网络购物人数爆炸式的增长,越来越多的企业开始尝试利用网络平台开展商务活动。同时,企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点,企业希望人才来了就能用,这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程,这门课程学好了,对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验,引入企业网站的生产流程,对课程教学内容体系进行了重构。

1课程教学现状及存在的问题分析

《商务网页设计与制作》是高职电子商务专业的一门核心专业课程,既是学生最期待、最向往的课程,也被认为是最艰难,最难啃的课程,以文科学生为主体的商贸财经类专业尤甚。之所以向往,是因为它如此之重要;之所以艰深,是缘自于技术的隔膜和不必要的恐惧。当然,究其原因,传统教材与教法,自然难辞其咎。

1.1课程设置不合理,知识内容落后

传统网页设计与制作教材,往往专注于“网页三剑客”等技术软件的操作,让学生从一个代码,一段文字,一张图片入手,来制作属于自己的网页和网站。这种教学模式,经过两到三年,学生还难以上手;而一名合格的网页设计师,往往只需一两天,就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色,内容定位不清晰。总之,网页制作门槛高、学生动手操作难,美工不出彩、商务没感觉,这是传统模式的致命缺陷。

1.2课程教学模式落后

传统的《商务网页设计与制作》教学中,许多学校是以教师为中心,偏重于讲授为主,传授网页制作的工具、技术等专业知识,缺少对学生思考和解决问题能力的训练,没有引导学生去自主学习,这就导致很难培养学生的理性精神及创造能力、创业意识,也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神,更无法引导学生的创业意识和创造性思维。

1.3实践教学方法有待完善

现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西,很少有考虑到商务诉求。在教学过程中,大部分学生都有畏难情绪,导致教学效果不明显,学生网页设计的思路不清晰,动手操作难。

2《商务网页设计与制作》教学模式设计总体方案

2.1打破传统学术思维的束缚,遵循网站建设的业务逻辑

课程设计以典型企业网站为载体,通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DiV+CSS网页布局五个学习型项目的创设,对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示,让学生能在较短的时间内制作出不仅美观大方,而且能体现企业商务诉求的网站,打破传统学术思维的束缚,遵循网站建设的业务逻辑――企业怎么做,我们怎么做。商务网页设计制作流程如下图1所示。

2.2教学内容体系构建

本课程在教学内容的设计上以商务网页设计与制作业务流程为主线,将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。

第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手,使学生快速理解和掌握网页设计的基本原理和方法,并能完成网站栏目规划及商务网页版面设计的任务。

第三个模块以网页素材的选择为突破口,使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。

第四个模块则要求学生在已有效果图的基础上能制作实现静态页面,以使学生掌握必要的html标记语言,并掌握常见的两种页面布局方式,为后续课程的学习打下基础。

在课程实训方面,则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高,便于学生学习。

在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别,降低学生学习难度,突出商务网页设计与制作的重点,使学生能举一反三,适应商务网站网页设计师岗位能力需求。

3课程教学的实施途径

3.1基于校企合作的课程项目开发

《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容,以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合,最大限度地利用企业有效资源,通过积极深入市场与企业一线,认真分析当地产业结构与发展趋势,寻找校企合作的结合点。目前,课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中,企业高度参与,共同确定基于工作过程的典型工作任务。

3.2基于职场环境的教学实训基地建设

建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地,是实施一体化教学的硬件保障,是实现教学模式转变的重要条件。目前,我们已经建立了三个学生工作室:网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护,每年吸纳30多名学生,完成10多个企业真实项目,收入1万多元。通过引进企业真实项目,和企业建站的标准流程,提升学生的专业技能和职业素养。

3.3考核评价体系改革

本课程的学习,是要求学习者联系一家有商务网站建设需求的真实企业,来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据,兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。

4结束语

将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中,引导学生重视企业的商务诉求,制作出符合企业需求的商务网站,是本课程的重要特色。

参考文献

[1]方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛,2008(16).

[2]张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理,2012(5).

[3]周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇,2010(7).

[4]韩义.对电子商务课程教学改革的思考[J].天津电大学报,2008(9).

[5]方玲玉,李小斌,李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛,2010(12).

电子商务的网页设计篇4

6条策略。

关键词:电子商务;视觉设计;策略

1电子商务网站视觉设计的作用

注意力经济(theeconomyofattention)这一概念是由美国人michaelH.Goldhaber在1997年发表的《注意力购买者》一文中首先提出的。他认为,在当今社会,信息非但不是稀缺资源,相反是过剩的,而相对于过剩的信息,人们的注意力才是非常稀缺的。商品只有被消费者注意到,才有可能被购买,对于电子商务这种营销模式而言,要想让自己的商品在浩如烟海的商品中被消费者所注意或购买,都离不开电子商务网站的视觉设计。可以说,在电子商务竞争逐渐激烈的情况下,网站视觉设计的作用是十分巨大的。有人甚至说对于电商而言:视觉就是销量。这种说法虽然有点绝对,但是没有好的视觉设计,肯定是会影响消费者对商品的注意,从而影响销量的。

2电子商务贸易模式与传统购物方式比较

网上购物和实体购物都是产生在商家和消费者之间的商品(或服务)的贸易行为,二者既有共性又有各自的优势和劣势。实体店购物的主要优点是可以亲临现场,直接面对商家和商品,在决定购买前,商品是看得见且摸得着的,并且可以将商品的所有细节都了解得比较清晰、完整,并且还可以就一些自己不太确定的相关问题和商家面对面沟通,做到心中比较有把握。而网络购物面对的只是商品的图片和文字介绍,商家也不可能将商品的每个细节都展示出来,而商品图片的色彩又受到拍摄所用的器材、环境、用户所用的显示器不同等因素的影响,所以,消费者最后看到的商品色彩会和实物有所差别,同一款商品不同的消费者也可能会有所不同;其次,由于页面的限制,用来描述商品的文字不可能非常详细和全面,另外,文字描述(例如服装的大小尺寸)有时也会有一些与实际不是特别吻合的情况发生。所以,网购下订单时,消费者心里多少会有一些忐忑不安,不知道买到的东西和自己想象中的是否完全一样。不过,网络购物也有许多较之传统实体店购物所不具备的优点,比如随时随地、足不出户、节省时间、明码标价,甚至可以边购物边听音乐、网上聊天等等,这些特性尤其对年轻人特别有吸引力。

3电子商务网站视觉设计的策略

通过上面的分析,我们知道网购虽然有许多的优点,但是也存在许多自身难以克服的缺点和不足,面对这些缺点和不足,应该积极从各个方面去弥补这些不足,以增强电商的竞争力,比如,一贯坚持商品的好品质、合理的价格、周到完善的服务、有效的宣传等等。除此之外,还可以从电子商务网站视觉设计本身入手,想方设法赢得消费者的青睐和信任,顺利完成从浏览到支付的转化。具体来说,我认为至少可以从以下几个方面去做:

3.1热情友善――让消费者感到自己被重视与尊重

美国汽车推销大五乔伊・吉拉德曾说过:“顾客不仅来买商品,而且还买态度、买感情”。[1]按照美国心理学家亚伯拉罕・马斯洛的观点,人类需求像阶梯一样从低到高按层次分为五种,分别是:生理需求、安全需求、社交需求、尊重需求和自我实现需求。尊重需求是属于人类需求中较高层次的心理需求。在商业贸易领域中,无论是实体店还是网店,应该让消费者一进入店中,马上感受到顾客至上、热情友善的氛围。在实体店购物,有经验的售货员总是会热情主动、面带微笑地送上礼貌的问侯:“您好!请问您想买点什么?”,“阿姨,我看你逛得很累了,要不先在我这里休息一会吧,买不买东西不要紧的。”这些礼貌的语言和热情的行为,会很快让消费者对店铺产生好感、拉近销售人员和消费者之间的距离。网络购物形式虽然不能像实体店铺一样在门口站着一个人热情礼貌地问候消费者,但是依然可以在店铺的视觉设计上让消费者感受到店家的热情和尊重。比如,在店铺上方的店招设计上,要让消费者感受到一种亲和力,加上诸如“您好!欢迎光临×××的店铺”“我是×××客服,有什么问题尽管问我,我会竭诚为您服务!”“希望你购物愉快!”“于千万人之中,我们能相遇,这是一种缘分”等等。其次,对消费者的尊重应体现于每个页面和细节,而不仅仅在首页装装样子,比如,在宝贝详情面的设计中,也要处处为消费者着想,尽力把消费者关心的问题都通过视觉的形式表达出来。最后,其实一个条理清晰、美观实用的店铺设计本身,就是对消费者的一种尊重。网络上不乏这样的店铺,设计简陋随便、内容堆砌,还在显眼的位置写上诸如“本店本小利薄,不接受任何形式的议价、包邮!”“喜欢差评的请绕道!”“喜欢议价的mm请慎入”等让人反感的文字,这种做法无异于将顾客往外赶,消费者自然会对这类店铺敬而远之了。

3.2导向清晰――让消费者快速找到自己想要的信息

相信不少网购者都有这样的经历:通过搜索页发现了一个自己感兴趣的商品,可是当点击琏接进到该商品的网店,想全面、详细地了解一下该店铺的商品的时候,发现网店结构和布局十分混乱,网购者进去后找不着北,只好赶快逃了出来。造成这种现象的主要原因是网站页面结构安排不合理、导向不清晰。有的电子商务网站售卖的商品数量庞大,种类繁多,更要注意这一点,在做网站规划的时候,就要设计好网站的布局和商品分类,做到简洁清晰、一目了然,能让消费者快速找到自己想要的信息。另外,在商品详情页或二、三级子页面中,也要做好导航设计,不能让消费者进入子页面后,必须要回到页面顶部或者多次返回才能回到商品分类页面,这样会让消费者感到疲惫或者失去耐心,造成流量的跳失。为了避免这种情况,可以在页面顶部、侧面或页面底部都要设计好回到主页面的导航栏。如果页面信息量多、页面较长,设计成浮动形式的导航栏也是不错的选择。

3.3简便快捷――为消费者提供方便快捷的网购体验

要想让消费者感受到简便快捷的购物体验,首先要有一个设计合理、简洁明快的网站结构,这有利于消费者轻松找到自己想要了解的信息;其次,对网站所使用的图片和文字也要符合电子商务网站设计的要求。主要有以下三个方面:第一,网站所使用的图片文件不能太大。我们知道,图片的大小和图片的尺寸和精度有关,尺寸越大、精度越高的图片越清晰,但是占用的空间也越大,反之,尺寸越小、精度越低的图片越不清晰,但是占用的空间也越小。网络购物的形式,因为是通过浏览器加载、通过网络传输这些图片信息的,而网络传输的速度又受到网速和带宽的影响,虽然现在的网速和带宽相比以前有了很大幅度的提升,但是过大的图片依然不利于网络传输。尺寸大而精度高的图片,会严重影响网页加载的速度,漫长的等待会让消费者失去耐心,造成潜在顾客的流失。但是,也不能光顾及图片传输的速度,而忽略了图片的质量。因为,精度过低的图片,图片的清晰度会大大下降,商品的品质得不到很好的体现,甚至会在消费者心中造成品质低劣的印象。所以,在电子商务网站的图片处理时,要在图片质量和图片大小之间找到一个平衡点。第二,控制尺寸大的图片的数量。一般来说,可以在首页的视觉中心的位置放置重要信息或重点推荐的商品大图。但是要严格控制大图的数量,不光有利于网页加载的速度,其实也有利用增强页面的面积对比和变化。第三,少用图形化文字。能够用纯文本的地方就用纯文本,而图形化的文字也会增加网页的负荷。

3.4严谨专业――让消费者对商品和服务产生信任感

阿里巴巴集团董事局主席马云在淘宝十周年的卸任演讲上曾反复提到“信任”这个词,他特别指出:阿里巴巴本来是没有可能成功的,因为员工、买家与卖家的信任,让阿里巴巴成为了第一大电商平台。对于电商,马去也表示:互联网上做生意,必须要信任,电子商务最终要的,就是信任。[1]商派(Shopex)董事长兼Ceo李钟伟也曾说过:“信任消费将成为商业未来的主导”。电商只有建立了信任,才能不断获得新的消费者及重复购买。当然,很多因素会影响到消费者对电商的信任,如商品的质量、服务、口碑等,由于消费者是通过网页来获取对商品(或服务)的信息的,所以,最终消费者对于电商信任感的建立离不开视觉接受这一前提。网页设计师必须通过精心的页面设计,让消费者感觉到自己访问的是一个对自己产品十分严谨而专业的商家,从而对商家的产品产生信任感。有很多视觉设计的方法能帮助在消费者心中建立信任感:如添加正式规范的品牌徽标、美观的图文版式、清晰明了的商品细节、客观真实的商品介绍、专业的商品结构、功能、使用等方面的图解等等。另外,一定要注意,不要用一些看不清、粗制滥造、制作随便的图片,这样会让消费者觉得该商家是一个外行或新手,当然也就不会购买商品了。总之,记住信任来自正规,规范、精致、充满美感的设计,总是能给消费者带去极具品质感的感觉,对于网页视觉设计而言,这是让消费者产生依任的关键。

3.5轻松愉悦――让消费者提供愉悦的精神体验

大型商业卖场和实体店铺总是会通过漂亮的店铺装修、灯光、装饰品等手段来营造舒适的购物环境,网店的“装修”其实有相同的作用和要求。谁也不愿意在一个过于严肃和压抑的环境里作长时间的停留。对于网店而言,要想让消费者感到轻松愉悦,可以从色彩、图形及版式设计、小图标、适当的交互等方面入手。特别是色彩的设计,一定要注意搭配组合的效果,应该让人感到舒适明快,过多的深色或过于强烈的大面积色彩对比,则会让人产生压抑或疲劳的感觉。除此之外,也可以配上轻松动听的背景音乐。

3.6信息量适度――避免消费者产生疲劳和厌烦情绪

有的商家认为,消费者好不容易进到网店了,所以应该尽可能地把有关店铺和商品的大量信息都展现出来,好让消费者更多地了解自己的商品和服务。可是,这样做可能适得其反。因为,网页每个页面的空间有限的,它所承载的信息量也是有限的。可多的信息堆砌,会让置身其中的人无所适从,事实上,一个人也不可能在短时间内记住那么大量的信息。所以,在电商网页设计中,要注意页面信息量要适度,避免消费者产生疲劳甚至厌烦的情绪。

参考文献:

[1]恒盛杰电商资讯.电商视觉营销11条商规[m].北京:机械工业出版社,2016:106,24.

[2]王晖.网页设计那些事儿[m].北京:人民邮电出版社,2015.

电子商务的网页设计篇5

关键词:电子商务网站;网站设计;网站推广

中图分类号:tp393文献标识码:a文章编号:1009-3044(2008)27-1907-02

electronicCommercewebsiteplanandDesignStrategyResearch

JianGXiu-ying

(DepartmentofComputerScience,ZaozhuangUniversity,Zaozhuang277160,China)

abstract:e-commercewebsiteisthemainplatformforenterprisee-com-mercedevelopment.thispaperhasdiscussedtheprinciplesofdesigningofe-commercewebsiteoverallplan,hasanalyzedthewebsiteconstructioncontent,andthepaperbringfor-wardsomeusefulmeasurestoextendwebsite.

Keywords:e-commercewebsite;designofwebsite;extensionofwebsite

1引言

电子商务将成为二十一世纪人类信息世界的核心,对企业来说,电子商务意味着更多的商业机会,要在新的商业机会中赢得市场,就必须开展电子商务。电子商务网站是企业从事电子商务活动的基本平台,是实施电子商务的公司或商家与服务对象之间的交互界面,电子商务系统运转的承担者和表现者。上网建站对从事电子商务的企业来讲有利于树立企业形象、改进企业的业务流程,提高企业管理水平、更好的为客户服务,网站建设已经成为衡量一个企业综合素质的重要标志。

2电子商务网站的总体规划

在网站建设前对市场进行分析、确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。因此,规划网站是企业迈向电子商务的最重要的环节。

2.1确定网站建设目的

建设电子商务网站,必须首先确定网站建设的目的。电子商务网站建设的目的一般可以分为开展B2B交易,开展B2C交易,开展拍卖业务,用于企业形象建设,拓展企业联系渠道,作为交易中间商,建立市场交易场所,开展中介服务,作为服务性网站,其他应用目的等。

2.2定位网站客户

对于电子商务网站来说,必须清楚网站的目标市场在哪里,目标客户是谁,他们为什么会光顾这个站点,是否再次访问。要摸清真正需要或即将需要产品/服务的是哪些人,他们的兴趣何在,怎样创建一个兴趣圈唤醒客户,用你所提供的信息/服务让他们受益等等。这将成为整个网站所有设计思想的基础,无论企业网站采用何种形式,提供什么内容,进行怎样的包装,都要以此为出发点来考虑。

2.3理顺结构和层次

确定建站目的和客户群体后,下一步工作是目标细化,构架网站内容框架,主要包括网站核心内容、主要信息、服务项目等。然后,将网站内容大纲交给上级或业务人员审核批准,形成网站设计的总体报告。在内容框架里,还应注明这些内容的信息来源,哪个部门应该提供哪方面的信息等。

确定内容框架后,就可以勾画网站的结构图了。结构图有很多种,如顺序结构、网状结构、继承结构、weB结构等。网站结构应依据自己网站的内容反复讨论后确定。多数复杂的网站会综合运用到几种不同的结构图。例如,给一家酿酒厂设计网站结构,在说明酿造工艺过程时,用表示顺序的流程图就比较合适;在展示销售网络时,用网状结构图就能更好地体现其销售市场的旺盛和辐射力;在叙述公司历史和组织沿革时,用继承结构就显得简洁明了。画出结构图的目的,一方面便于有逻辑地组织站点和链接,同时也益于网站制作人员进行分工和协作,及时查漏补缺。

2.4设定网站盈利模式

没有利润的企业网站肯定是不能长期维持下去的,因此,盈利模式的设定对网站来说是十分重要的。网站的经营收入目标与企业网站自身的知名度、网站的浏览量、网站的宣传力度和广告吸引力、上网者的购买行为对本网站的依赖程度等因素有十分密切的关系。因此,企业网站应该从对上述因素的分析来设定本网站的盈利模式。例如我国著名的旅游网站携程旅行网主要是依靠上网者在网上进行旅游节目的预定作为网站运作和赢利的基础,通过预定飞机票和预定旅游景点的客房以及参加旅行团这三个主导产品来获取收入;同时以会员制的方式建立网站,对旅游景点、旅行社和宾馆的网上展示和广告的收费等。

2.5设定主要业务流程

网上交易流程应当尽量做到对客户透明,使客户购物操作方便,让客户感到在网上购物与在现实世界中的购物流程没有本质的差别和困难。在很多电子商务网站中上网者都可以找到“购物车”、“收银台”、“会员俱乐部”这样熟悉的词汇,不论购物流程在网站的内部操作多么复杂,其面对用户的界面必须是简单和操作方便的。

3网站内容建设

3.1依据内容确定网页风格

无论是什么类型的网站,必然有它的主题内容,网站的风格必须与它的主题相符合,同时还应考虑到浏览人群的性格特征。通常,电子商务类的网站比较适合简明大方的风格,而生活服务类的网站则选用温暖亲切的风格较好。例如DeLL公司创建的网站,其主页以简洁的图形突出网站的主题,以蓝色为该网站的基本色,无论是主页还是其后的链接页面都以蓝色为基调,给人以朴素明快的感觉。

3.2合理安排网页内容元素的位置

网页内容元素的位置安排也就是对网页的排版。一个网站往往由多个网页组成,而每个网页又由一些元素组成,如Logo(图标)、Banner(旗帜条幅)、导航条、文字内容、图片内容、联系方式、版权信息等。对这些网页内容元素进行合理的排版设计是很重要的,目标是使每张网页都能重点突出、层次分明、错落有致、井井有条,切忌把网页搞得主次不分、杂乱无章。

主页是企业在internet上的重要宣传阵地,代表公司的形象。因此在主页中应有企业的标志物,使浏览者一眼就能判别出是谁的主页。网站的所有内容都应能在主页中找到其链接。网页的设计应以醒目为上,一目了然为本。切勿堆砌太多不必要的细节,或使页面过于复杂。企业电子商务网站的主页中应包含三项要点,即机构名称、提供的产品和服务以及主页内容。

3.3网页中色彩的运用

网页的色彩要为主题内容服务,一个网站应该而且只能有一种主色调。由于色彩富于感情性,因此会对浏览者产生一定的心理效应。

除了主色调之外,一个网站的颜色一般最多不宜超过5种(不包括图片的颜色)。如果网站用色太多,会让人觉得杂乱花哨,同时有不专业的感觉。在新浪商城的网页中,在主色调外,还选用了其他4种颜色:用蓝紫色和墨绿色作为栏目的分割,这两种颜色和主色调为同一基色,使页面显得和谐自然;同时选用橙色作为网站导航,以起到突出的效果,从而形成层次感。网面上无论选用哪种颜色,能够很好地为站点的主题内容服务才是根本。

3.4网页中图片的运用

网站的网页制作不能只用文字,过长的文字篇幅会使网页显得单调。在网页中插入图片可以令网页生色不少。但图片也不能用得太多,简单的图片堆砌,会让人觉得累赘,而且影响网页的下载速度。所以网站中的图片既要美观、符合网站的内容,又要少而精,放在最需要的地方,起到画龙点睛的效果,增加网站的吸引力。

网页中合理地运用动画会使网页更加增添生气。常见的动画格式有GiF动画和Flas。Flas通常可以很精彩,变化效果可以更加复杂美观,而且图片大小还可以控制在相对较小的范围内,但它需要安装插件方可浏览;GiF动画的兼容性更好,但它的颜色和帧数不能太多,否则图片文件会很大且很难减肥。同样,动画图片在一个网页中也不宜出现太多。

3.5网页中的背景音乐

对于企业的电子商务网站的主页来说,背景音乐建议少用,因为背景音乐会增大网页文件的大小,延长下载时间,也可能分散浏览者的注意力,使真正重要的内容得不到完全仔细的阅读。但是在对产品的介绍过程中加入背景音乐,在对上网者进入本网站时采用一些语音技术如欢迎词:“欢迎光临某某公司,本公司经营……”等会产生较好的效果。

综上所述,决定企业电子商务网站风格最重要的出发点,就是要为网站的主题服务,切实准确地传达网站的信息,方便浏览者阅读。因此,在网页的制作过程中,要综合平衡各方面的因素,呈现给用户一种完整、统一的风格。

4网站推广

网站已经做好了,但是在internet上,谁也不知道我们的站点,要让自己公司的网页有多人访问,当然最有效的办法就是进行推广,即网上广告,只有这样网站才能很快被别人知道,并通过网站了解公司并与公司取得业务联系。一般网上广告可以采取以下几种方式:

网幅广告:也叫旗帜广告(Banner),它是一种提示型的广告,它可能就是一个标题,通过“点此进入”,来实现跳转的功能。图表广告:也叫纽扣(Button)它类似网幅广告,只是比前者小一些。这种广告对人们熟悉的广告产品可以这么做,对于小厂家,特别是新产品,最好做网幅广告。

关键字广告:是指企业在一些提供搜索功能的网站竞价关键字,通过付费的方式实现在搜索中的排名,以方便查找信息的人很快发现我们,并跳转到我们的站点。例如,百度、google、3721等,就是提供关键字广告的网站,一些中小型企业适合做这类广告。

在线分类广告:在线分类广告的广告内容按产品与服务的类别详细分类,一其基本特点是将零散而数目较大的广告被合理地组织起来,所有使用者通过这种平台可以方便的检索、浏览别人的广告,也可以自己的广告,对于商家来说,一方面可以检索自己需要的信息,同时也可以在这里自己的信息,不过这一般都是收费的。企业也可以做这一类广告。通过以上这些工作,我们就可以完成一个标志企业网络身份的网站,并且通过网络推广的方式实现了宣传,以方便企业在网络经济的竞争时代立于不败之地。

5结束语

在电子商务迅猛发展的今天,建设符合企业具体情况的电子商务网站,快速提高其竞争能力,跟上时代步伐,加快我国经济发展,是大家共同努力的方向。

参考文献:

[1]张洋,杨峰,文庭孝.电子商务网站设计研究[J].高校图书馆工作,2005(3):14-22.

[2]薛万欣.电子商务网站建设[m].北京:机械工业出版社,2005.

[3]魏善沛.电子商务网站开发与实现[m].北京:高等教育出版社,2004.

电子商务的网页设计篇6

【关键词】网页设计商业网站脚本编程

1前言

网页设计――根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

《商务网站前台设计》课程是电子商务专业的核心课程,本课程的最终目的是设计与制作出具有电子商务营销特点的精美网页。然而,对不同的主题,设计效果是不一样的。为此,课程团队经过长期积累和充分讨论,率先制定出了《商务网站前台设计课程标准》,该标准试行两年多以来,得到了业内人士的肯定。本课程正是在该标准的指导下,评项目、教项目、学项目、做项目,它将抽象问题具体化,将主观感觉分数化,将创作变得有章可循,进而使学生能按照某种规则指引,又好又快地设计出满意的网页来。

2商务网站的前台设计概述

《商务网站前台设计》课程是电子商务专业的一门专业核心课。始终贯彻“工学结合、项目导向”课程模式,以“实用、够用、必需”为原则,培养学生的实际应用能力,取得了良好的教学效果。根据职业岗位的需求,与企业专家共同确定目标和内容。通过本课程学习,使学生能熟练运用fireworks/photoshop软件进行网页效果图的设计;熟练运用HtmL中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计网页;掌握Dreamweaver进行网站的导入、规划、管理、的相关技术及网页制作的操作技能;掌握CSS+DiV网页布局设计,掌握JaVaSCRipt脚本编程语言的基本语法知识。

商务网站前台设计课程,主要采用项目教学法,教学项目是教学内容的具体表现形式,也可以说教学内容就是教学项目,完成教学项目的工作过程中形成的隐性知识即工作过程知识才是职业教育教学的核心内容,典型工作任务为工作过程知识的载体,课程内容来源于实践专家研讨会,工作过程是课程形式的体现,因此,教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验后的不断调整完善,最终选择了四个项目(由简单到复杂)。

(1)选择两个源于真实、完整的“红叶网上书城”和“校园超市”商务网站制作项目。其中“红叶网上书城”网站制作偏向于简单的表格布局制作,该教学目的难度属于中等偏易,“校园超市”电子商务网站制作偏向于较有难度的DiV布局制作,难度属于中等偏难,两个项目的整体设计共同为引导学生“怎么做?”。

3拓展网站设计的实践项目

从理论实施布局来讲,这个项目基本覆盖了所需的理论知识,构成了基础实践阶段的项目。为了进一步提高学生的实践能力,又设计了课外拓展实践项目。

(1)选择个性化网站制作项目,主要侧重学生同步独立实践,该项目为课外拓展实训项目,要求学生在课堂外独立完成,解决“做什么”问题。在该项目的难度属于中等。

(2)工学结合项目,是在期末集中实训期间,在学校聘请的兼职教师的指导下,学生以小组的形式主动到企业中找项目分角色完成真实网站制作项目。

由此而构成354的教学模式,既三阶段项目:

“三段”:基础型实践阶段、拓展型实践阶段、工学结合型实践阶段。

“五化”:课程教学项目化、模块单元化、教学过程工作化、考核多样化、课程评价过程化。《商务网站前台设计》课程建设,形成了本课程的“三段五化”教学模式。课程教学为主,充分运用“三段”教学模式,实践教学循序渐进,符合高职学生的认识规律。

“四项目”:“红叶网上书店”项目和“校园超市”电子商务网站项目、个性化电子商务网站项目,源自企业真实的电子商务网站制作项目。

本课程四个模块均以典型的电子商务网站项目为核心,将真实的网站分解到各个教学单元,强化知识点和技能点的训练,各个教学单元独立起来、前后相关、有序叠加,最后整合成完整的项目。

课程模块是以商务网站前台设计的实际工作过程,按工学结合,能力导向来划分的,包含网页设计的制作流程、企业规范、项目规划书的制作、效果图设计、HtmL和CSS+DiV理论及实践、Dreamweaver理论及实践、网站维护等内容。通过项目教学,企业实训和认证考试来实现学生的综合实践能力。

“行动导向”教学模式强调学生是学习过程的中心,教师是学习过程的组织者、管理者、协调者和监督者,教师是“导演”,学生是“演员”。根据《商务网站前台设计》课程的特点,由项目组成的教学模块均是相对独立、有单独展示的成果,因此,每个教学小模块都按照“资讯、计划、决策、实施、检查和评估”六步完整的行动过程(六步法,如下图所示)来进行教学。

资讯阶段,教师布置任务,帮助学生理解任务要求;

计划阶段,学生一般以小组方式工作,寻找与任务相关的信息,4制定工作计划;

决策阶段,学生制定的计划,经过小组讨论、论证,集中团队集体智慧,作出决策,形成团队实施方案;

实施阶段,学生根据计划方案完成设计和模拟,作好有关文字记录,教师监督学生学习过程,纠正学生学习偏差;

检查阶段,学生检查和展示工作成果;

评价阶段,自我评价,其他同学提出问题,师生共同评价。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。一个好的网页前台的设计,能够给企业带来有利的影响。

参考文献

[1]王伟,叶颖.项目课程的教学设计探讨[J].中国现代教育装备,2007(10).

[2]蒋庆斌,徐国庆.基于工作任务的职业教育项目课程研究[J].职业技术教育,2005(22).

[3]刘利华.项目教学法在项目课程中的应用实例及启示[J].安徽电气工程职业技术学院学报,2006(3).

[4]姜宏.高等职业教育课程改革探讨[J].北京市计划劳动管理干部学院学报,2006(3).

电子商务的网页设计篇7

[关键词]中职中专电子商务教学实验课考核体系表

随着电子商务热的延续,似乎电子商务人才将成为就业形势下的宠儿,但是从各方面数据来看,电子商务专业毕业生却被市场冷落。一方面市场需要大量的电子商务人才,但另一方面电子商务专业就业率却不高。

针对中等职业学校电子商务专业课的实际情况,我曾经以调查问卷的形式进行了了解,对反馈信息又进行了统计、分析,发现中职电子商务专业学生急需解决的问题后又以座谈的形式征求学生对问卷的修订意见,并定期在一、二学年电子商务专业中各抽取一个班级进行问卷调查,搜集相关信息。对调查问卷的反馈信息进行统计后制定可行性项目及方案。

一、考核体系表

根据这些分析我试着制定了电子商务专业课阶段学习活动表而且有每个阶段教学内容相配合的制作活动和教学活动表和课程引导考评考核体系表。

这门课是实际应用很强的课程。我感觉开设实习课有助于学生加深对本课程相关理论知识的理解,熟悉网站的制作、电子商务业务流程及网上交易。

在要求学生全面掌握电子商务的基本知识时,侧重培养学生从事电子商务活动的应用能力。想通过(实验一)网页制作基础实验、(实验二)中文搜索引擎比较等完成整个实习。(实验三)网络营销(实验四)营销网站制作实验完成本课程的学习。

二、实验课

现将实验的一些规定编写如下,希望能共同研究,探讨。

实验一,网页制作基础实验

实验题目:网页制作基础实验。

实验课时:12课时

实验目的:通过本实验,使学生熟悉站点建立和页面设计,网页制作。实验内容和要求。实验内容:web站点的建立、页面设计、网页的制作、主页分页的连接等。

实验要求:本实验结束后,要求学生制作一个简单的个人站点,内容形式,风格不限。

实验步骤:我们首先以一个简单网页向学生举例,用最简洁的语言讲述网页制作的过程,使学生在学习完本课内容以后能够制作简单的网页就行。

实验二,中文搜索引擎比较

实验题目:中文搜索引擎比较。实验课时:4课时。

实验目的:对各个搜索引擎的功能进行比较,发现其共同点和不同点,分析其经营策略等。

实验内容和要求:通过使用主要的中文搜索引擎,如Google、Yahoo、中搜、百度等等。进行比较,发现他们的共同点和不同点,分析他们的经营策略等。并对未来的应用前景进行说明和想象。每四人或六人为一个小组,交一份报告即可。在撰写过程中要相互配合,充分发挥每个人的长处,团结互助。

实验三,网络营销

实验题目:网络营销实验课时:4课时

实验目的:网上市场调查报告的撰写,了解什么样的网站能赚钱,为什么?

实验内容及要求:撰写网上市场调研报告,题目自拟。形式不限。

要求:明确调查目的、对象、设定网上调查项目、对调查方法进行选择、对需要费用进行计算、得出结论或建议

实验四,营销网站制作实验

实验题目:营销网站制作实验实验课时:6课时。

实验目的:通过本实验,使学生会制作一个简单的模拟营销网站即可。

实验内容和要求:内容:利用网页制作技术,制作一个营销网站。要求:要求学生利用多学科知识,利用网页设计方案和美术设计,制作一个电子商务网站。通过设计,培养学生的创新意识,培养他们收集和处理信息的能力、设计意图的表达能力。设计一个主页一个分页即可。

评分标准:主页50分、分页50分。

实验步骤:选定网站的类别、规划框架、搜集需要的资料图片并进行整理、制订网站风格、画出草图,小组讨论可行性方案后进行制作。

三、抓好课程体系建设,对专业核心课程进行大胆改革

电子商务专业的课程设置是否科学,直接关系到电子商务专业学生的培养质量。通过校内校外相结合、课内课外相结合、教师学生相结合、教学与训练相结合,多方位、多渠道、多维度地加大学生专业素质能力培养。

(1)因材施教,分流培养。根据学生的特点及兴趣,按照电子商务应用、网络营销、网络信息编辑等方向对学生进行培养。(2)增加实践教学环节,增强毕业生的竞争优势。以促进学生的专业实践活动。(3)结合企业需求、社会需求以及电子商务的最新发展,全面、细致、深层次地从教学方法、考核方式等方面进行课程改革。鼓励学生将“用中学”和“学中用”相结合。(4)对电子商务专业课程进行资源建设,在电子商务教学上实行教学资源共享。(5)及时将相关国家职业资格标准融入教学。结合电子商务师国家标准,围绕核心能力进行培养,将素质教育和职业能力培训紧密结合。(6)鼓励学生参加各种与电子商务有关的大赛,可以用技术技能竞赛奖项替代相关课程的学分。通过赛学结合,达到以赛促学的目的。

参考文献

电子商务的网页设计篇8

原文

基于电子商务广阔的发展前景,微软开发了一套服务端脚本环境——aSp(microsoftactiveServerpages)。利用aSp可以轻松的结合HtmLweB页面、脚本(Script)程序和activeX组件建立或执行动态交互web服务器应用程序。aSp技术已经相当成熟,许多最成功的商业网站,如:Dell,HotBot,microsoft等都使用aSp创建的。根据最近一次《计算机世界》的调查,在商业网站服务器系统的应用中,windowsnt服务器已经成为应用最为广泛的服务器系统。windowsnt服务器之所以被商业网站广泛应用,主要是因为它提供了江网络管理和基本操作完善结合起来的的强大功能,并实现和microsoft的其他开发工具的无缝连接,且具有应用程序多等优势。

所以本文以microsoftnt平台+iiS+aSp+SQLSeRVeR开发的“网上DVD商店”来阐述电子商务网站建设的解决方案。

开发该系统所需要的工具主要有:windows2000advancedServer,iiS,DreamweaverUltraDeV4,SQLSeRVeR2000,VB6,microsoftVisualinterDev6.0。

windows2000advancedServer:操作系统平台。

iiS(windows2000advancedServer默认安装):webServer。

DreamweaverUltraDeV4:macromedia公司的网站开发软件。它将web应用程序的开发环境同可视化创作环境结合起来,能够帮助用户快速进行web应用程序的开发,成为网站高级开发者的法宝。

目录

第一章系统总体设计

1.1网站设想

1.2项目管理

1.3设计与实现

1.3.1数据库设计

1.3.2工作流程设计

1.3.3编写脚本代码

第二章系统各个管理模块

2.1会员管理

2.1.1会员管理的结构

2.1.1.1界面设计

2.1.1.2注册新会员

2.1.1.3注册新会员流程

2.1.1.4注册新会员界面设计

2.1.2用户登陆

2.1.2.1用户登陆描述

2.1.3取回忘记的密码

2.1.3.1取回密码界面设计

2.1.4修改用户资料

2.1.4.1修改用户资料界面设计

2.2商品分类和查询

2.2.1商品分类描述

2.2.2显示商品详细信息

2.2.3商品查询

2.3购物篮

2.3.1购物篮工作流程

2.3.2向购物篮中添加商品

2.4收银台

2.4.1付款流程

2.5订单

2.5.1订单描述

2.5.2订单查询

2.6后台管理系统

2.6.1后台管理系统首页界面设计

2.6.2后台管理系统结构

2.6.3页面流程

2.6.4用户管理子系统

2.6.4.1用户管理流程

2.7商品管理

2.7.1商品管理子系统结构

2.7.2页面流程

2.8订单管理

2.8.1订单管理子系统

2.9报表与统计

2.9.1统计的实现

第三章结论

参考文献

参考资料

[1]汪晓平等。aSp网络开发技术。人民邮电出版社,2000,第187页。

[2]徐罕。网站aSp后台解决方案。人民邮电出版社,2001,第139页。

[3]闪四清。数据库系统原理与应用教程。清华大学出版社,2001,第3页。

[4]章立民。SQLServer2000中文版完全实战(入门篇)。中国铁道出版社,2001,第47页。

[5]袁鹏飞、孙军安。SQLServer2000数据库系统管理。人民邮电出版社,2001,第1页

[6]方美琪。电子商务概论。清华大学出版社,1999,第93页。[7]肖金秀等。Dreamweaver4网页实例大制作。冶金出版社,2001,第103页

电子商务的网页设计篇9

关键词:电子商务图片处理;课程改革;教学方法

随着我国经济的快速发展,电子商务呈高速发展态势,电子商务将成为21世纪商务和贸易活动的重要形态,以及企业竞争的主要手段。互联网和电子商务的兴起,将对整个社会经济生活产生巨大影响。针对电子商务业的兴起,网上店铺及用户的剧增,网店装修需求量已初具规模,由于其门槛低,视口广,备受人们追捧,上亿用户使得网店领航同行。据中国互联网信息中心统计,全国数千万网民有37.8%有过网上购物经历。在未来的一年中,这一比例还将增加至50%。作为新兴的零售业,网上商店显示出巨大的发展空间。随着网络质量提高,电子商务平台也快速崛起,店铺装修、宝贝美工行业也初具规模,美工师炙手可热,电子商务网页图片就是电子商务专业的一门专业课程。该课程符合高职院校以就业为导向,以实际工作岗位所需的技术应用能力和基本素质为主线制订课程的教育目标。因此,我国在电子商务的岗位需要大量的电子商务网页图片处理技术人员,电子商务图片处理师成为就业领域的宠儿。从事电子商务图片的制作和处理等工作。为了更好地培养电子商务需要的大量的电子商务技术人员,对职业学校电子商务相关专业的主干专业课程“电子商务网页图片处理”的要求将越来越高,根据国家职业标准《电子商务师》中对电子商务员的知识和技能要求,确定学生应具备知识与能力结构,以职业岗位为目标,使教材体系更适合当前学校的课程设置,对“电子商务网页图片处理”课程进行改革,将传统的图片处理知识通过设计典型项目重构,引入任务驱动先进理念,注重知识导入方式及其应用的电子商务情境设计,使学生以电子商务为载体,在模拟的工作环境中学习并掌握相当的理论知识和实践技能,对电子商务专业学生的就业起着至关重要的作用,因此,有必要在电子商务专业“电子商务图片处理”课程教学中进行改革。

1教学内容和教学方法的改革

1.1根据电子商务专业的特点,选取合理的教学内容

在教学过程中,“网页图片处理”课程设置与电子商务专业实际要求相差较多,不仅教材内容上不具备电子商务专业的特点,而且实践环节也欠缺对能力的培养,根据职业学校学生的特点和电子商务专业的需要,合理选取教学内容。对电子商务网页课程进行了较大力度的改革,根据电子商务网站的实际需要,将课程的内容对电子商务专业更有针对性,编写出适合,内容以典型的电子商务图片处理实例为教学项目,能够很好的体现教学的针对性和实用性,满足当前电子商务专业技术发展的需要,课程主要以必须掌握图片处理为基础紧密结合电子商务的具体应用,强化实验和实训环节,实现与电子商务网页制作课程的有机结合。结合电子商务专业的具体应用,“以项目为导向,以工作任务为引领”序化教学内容,课程的教学内容设计为电子商务图片制作入门知识、商品图片的合成、电子商务图形绘制、美化商品图片、商品图片特效制作、文字处理与特效应用、高级合成技术、商品图片综合设计这八个工作项目,共包括21个工作任务,例如电子商务图形绘制项目中,分成了3个任务,分别是:简单商标的绘制、网站复杂LoGo的绘制、创意修饰图片以每个工作任务为引领设置课程目标。从简单的图片处理到图片的合成制作,所涵盖的知识和技能,由简单到复杂,由单一到综合,符合学生的认知和能力培养规律。每一个工作任务由任务描述、任务目标、理论知识、任务实施和任务评测五个基本模块构成。

1.2针对专业特点,注重项目教学

传统的网页图片的制作强调的图片软件的使用,在一定程度上忽略了电子商务专业的特点,根据电子商务网页图片课程的要求,通过选用电子商务网页图片典型的项目,设计具体的制作任务,以创设工作情境引导学生进入任务。制定学生的情感目标、知识目标和能力目标,有针对性的学习具体内容。在教学过程中,将需要解决的问题或需要完成的任务以项目的形式交给学生,以学生为主体并进行分组练习,明确各小组成员的分工,按照实际工作的完整程序,共同制定计划、共同或分工完成整个项目。在项目教学中,学习过程成为一个人人参与的创造实践活动,注重的不是最终的结果,而是完成项目的过程。学生在项目实践过程中,理解和把握课程要求的知识和技能,体验创新的艰辛与乐趣,培养分析问题和解决问题的能力及团队精神和合作能力。

2教学模式的改革

针对职业学校教育的“以能力培养为中心”的先进理论,实施了“理论—实践一体化”教学模式,该教学模式就是将专业理论教学与实践教学合二为一,创造一种较好的现场教学效果,有利于提高理论和专业技能的提高。

2.1增加典型案例赏析课时

根据电子商务专业学生的特点,需将教材生动化、具体化、以激发学生的学习兴趣,在本课程讲授的第1-2课可以增加一些典型案例的赏析。例如,赏析与网络有关的淘宝网、京东商城等,让学生实际观摩,不单浏览网页,还可以从构思、色彩搭配等角度进行一些简单的分析,再看网上店铺的店标、店招、商品图片、商品促销图等。能够给学生一个直观的印象,增加学生学习的兴趣,开拓学生的视野,能够使学生对这门课有个整体的了解,增强学生学习信心,为进一步学习打下个坚实的基础。

2.2把理论知识融汇到实践中

将课堂讲授与技能训练合理结合,可以帮助学生将网页图片制作与电子商务专业知识迅速结合起来,提高学生独立分析专业问题和解决实际问题的能力。比如在图片合成的时候,可以根据具体商品主图的设计制定项目,通过多媒体教学系统,讲授演示并分析商品主图需要用到的工具,然后让学生运用用套索、魔棒、选择等工具对商品主图进行制作,加深了教学内容的理解,激发学生的学习兴趣,增加了图片处理的技能。

3考核的改革

通过多样化考核形式真实考查出学生的综合素质和能力,构建以职业能力为考核中心,围绕项目中完成的任务,区别于传统方法的考核体系,突出“过程化考核和期末考核”相结合的方式。大幅度增加过程考核成绩,将考核评价体系分成平时考核占20%,过程化考核占50%,期末考试占30%两个方面。平时考核主要根据学生平时学习过程中的考勤、提问情况进行考核,过程化考核主要考查学生对项目任务的完成情况、考查学生电子商务网页图片处理的操作、合作能力等。以职业岗位工作过程为考评基础,以全学期的教学情境进度为考核时间线,在每个教学情境完成教学之后,要求学生运用该教学情境所学技能设计制作项目中的相关进度作业(作品),并对其作业(作品)进行考核。从而形成阶段性过程考核成绩,该成绩作为总评成绩的重要组成部分。可安排在每个项目完成后,进行一个阶段的测试,期末考核主要对电子商务网页图片中的重点、难点的掌握与综合运用的能力。通过不断的强化、提高学生电子商务网页图片的设计制作能力。

在信息传播技术迅猛发展的今天,面对着“知识爆炸”的新世纪,人类现有的教育内容、教育手段和教育方法等正受到极大的挑战。而电子商务的迅猛发展,使人类的信息资源实现了高度共享,从根本上改变了以往人们进行购物的模式,也为传统购物的改革和发展提供了十分有利的条件。按照制作商务网页图片的内容安排,选择具有代表性的范例为载体组织教程内容。通过任务引领型的项目活动,掌握电子商务网页图片的技能和相关理论知识,对各类分项工程的流程有一个基本了解,能够承担电子商务网页图片工作任务。同时培养诚实、守信、善于沟通和合作的品质,为发展职业能力奠定良好的基础。

电子商务的网页设计篇10

[关键词]电子商务专业课程教学

[中图分类号]G712[文献标识码]a[文章编号]1009-5349(2013)04-0184-01

一、课程定位

1.电子商务专业的人才培养目标定位为“熟悉电子商务市场,掌握电子商务基本理论知识与网站建设维护能力,能够运用计算机信息技术、网络技术从事网站建设、商务信息搜集管理、网络营销、网页设计与编辑等方面的中高级应用型人才”。

2.“网站建设与维护”就业岗位工作内容包括“网站前台设计与制作”和“网站后台数据库编程与开发”两个部分。其中“网站前台设计与制作”的典型工作任务是“网页美术设计(网站LoGo设计;动、静态广告设计;图形动画设计;文字设计)和网页制作”。“网站后台数据库编程与开发”的典型工作任务是“网站后台数据库设计;后台数据库开发;数据库调试;网站前后台链接”。

3.依据典型工作任务确定“网站建设与维护”岗位行动领域工作过程。

需求收集与分析——网站总体建设方案规划——网页总体设计——页面美工设计——子网页设计——完成设计——测试——部署、。

4.依据行动领域确定电子商务专业人才能力体系

以岗位行动领域为核心需要的能力有市场调研能力、写作能力、客户的沟通协作能力、开拓创新能力、网站建设能力、网络管理与营销能力、网站广告设计与制作能力、网站规划能力。

5.根据人才能力体系,确定专业核心能力课程体系

本专业的核心课程有:网络营销、网站建设、数据库技术、程序设计、网页设计与制作、图形与动画设计等课程。

6.在课程体系中,《图形与动画设计》的定位为专业核心技能课。根据电子商务专业人才培养、岗位需求和后续课程需求、学生通过学习本课程达到以下目标:

掌握网页设计的基本技能,提高学生的就业竞争力。

熟练利用软件进行网页图形图像、动画及动、静态广告设计与制作。

能自主创意、创新、设计制作图形图像与动画作品,提高审美能力。

熟练进行数码照片的修复、色彩的调整、合成,特殊效果的实现。

7.该课程的前修课程是VB程序设计;后续课程为网页设计与制作、网站建设、毕业设计。通过修习本课程,能拓宽就业岗位,具有“数码影像设计师”这一岗位的竞争力。

二、课程设计

本课程的教学过程处处体现了真实的工作任务,以“图像、数码影像和动画设计定单”(项目)为主线,根据职业能力设计教学目标、根据工作任务设计教学内容、根据工作范畴设计教学情境、根据工作流程设计教学过程。突出强调“教、学、做”紧密结合,突出强化学生的图形动画设计能力,突出培养学生的图形动画创意思维。充分体现网页设计师的职业道德培养和职业素养养成的需要,特别是图形与动画设计创意的养成需要。

三、教学内容

按照网站建设与维护岗位的实际工作流程,以实际工作任务为参照点,重构出符合认知及职业成长规律的学习项目,设计出“网页平面图像处理学习情境、数码照片处理学习情境、GiF动画学习情境、FLaSH动画设计与制作学习情境”4个学习情境及12个学习定单,把课程教学演变成一个连贯的实际操作的业务训练,突出岗位技能训练,使学生获得更加广阔的职业生涯发展空间。

四、教学方法和手段

1.在教学活动中,将“职业融入学业、学业凸现职业”贯穿于教学的始终。重视学生学习与岗位工序的一致性,引进企业的工作任务、增加企业案例,同时将企业工艺流程纳入课程设计,全面推行“做中学、学中练”的教学模式。以引导文教学方法为核心教学方法,合理使用项目教学法、模拟实战法、趣味教学法、案例教学法、分组协作法等教学方法,完成教学活动。

2.学习情境设计。遵循认知学习规律和职业成长规律,以由简单到复杂、由新手到专家的工作过程为主线,整合序化教学内容,设计融教、学、做一体的学习情境,突出理论实践一体化的教学模式和教学流程。以工作任务为驱动,实现专业教学与工作岗位零距离对接。

3.学习方法设计。在学生学习过程中,合理划分工作小组,引导学生有效开展小组合作学习,通过小组头脑风暴(“创意狂想”)活动,设计项目活动方案,这不仅有益于学生特长的发挥,而且有助于每个学生的责任感和协作精神的形成,体验到个人与集体共同成长的快乐,并在培养学生图形与动画设计和操作技能的同时,极大培养学生图形动画设计的创意和思维能力。

4.考核方式设计。总评成绩=每教学情境每定单完成成绩+每教学情境综合设计成绩

其中每教学情境每定单完成成绩为过程性考核,占总成绩的70%;每教学情境综合设计成绩为情境验收性考核,占总成绩的30%。

五、实训条件