电子商务网站设计原理.docx

电子商务网站设计原理.docx

《电子商务网站设计原理.docx》由会员分享，可在线阅读，更多相关《电子商务网站设计原理.docx（58页珍藏版）》请在冰豆网上搜索。

电子商务网站设计原理

名词解释：

电子商务网站：

电子商务网站是企业进行电子商务活动的依托和基础。

对于一个运营商业网络的企业来说，电子商务网站是它们生存的理由和基础，同时也是企业对外展示信息、从事商务活动的窗口和界面。

电子商务网站的分类：

①大型企业的BtoB网站

⑴BtoB（B2B）网站②第三方经营的BtoB网站

③行业生态型的BtoB网站

按商务模式分类：

⑵BtoC（B2C）网站

⑶BtoBtoC（B2B2C）网站

⑷CtoC网站

⑴企业网站

⑵中介类网站

按经营模式及提供的服务（运作模式）分类：

⑶电子商场

⑷平台网站

⑸批发网站

⑴商务信息网站

⑵商品信息展示及交易网站

按所从事的商务活动的功能分类：

⑶拍卖网站

⑷电子商务服务网站

⑸购物比较网站

⑴使用现成的解决方案组建的网站

按实现网站的技术方法分类：

⑵租用空间形式的网站

⑶自建网站

BtoB网站：

提供企业对企业间电子商务活动平台的网站。

BtoC网站：

提供企业对客户间电子商务活动平台的网站。

BtoBtoC网站:

这种模式定位于网上商家和消费者之间，提供电子商务中介服务，包括信息中介和比较价格购物服务，能够为消费者在网上购物提供低价优质的服务。

CtoC网站：

直接为客户间提供电子商务活动平台的网站。

企业网站是指生产企业为推销自己的产品而自己建设的网站。

中介类网站以提供中介服务的角色积极参与企业商业活动，用户交易只能通过买卖双方提交到网站平台上进行，经网站确认后供需双方才可直接联络。

交易只能在注册用户间进行，故比较封闭。

电子商场是指网站经营商建造的网站，该网站可为许多企业提供商品展示和销售的柜台和店铺，各企业可以用租金的形式在店铺内经营自己的商品。

平台网站为企业从事电子商务活动提供了平台及各种服务，它是从ASP发展起来的电子商务平台类网站，这也是技术性最浓厚的、非常受关注的一类。

批发网站是指网站经营商除设计、建造网站外，还在网站上经营有特色的商品，但经营商并不生产产品，他所经营的商品是通过与产品的生产商以各种方式交互批发来的。

电子商务信息网站是指商务提供商以动态信息为主要特征，它的出现与电子商务服务商一样有其阶段意义。

商品信息展示及交易网站是指提供不同类型的产品，如书、日用品、电子设备等产品展示、咨询、报价及在线交易等不同功能的网站。

这类网站的功能可弱可强，也可以是单一的或全面的。

拍卖网站不是经营产品，而是以拍卖的形式为客户提供相互交易的场所。

网上客户光顾此类网站不是为了购买网上的商品，而是为了在网上拍卖自己的东西或竞买网站拍卖的东西。

电子商务服务网站是为交易者提供一个平台，在这个平台上提供各种服务。

购物比较网站提供摸类商品在各网站的销售信息，包括价格、商品特性、购买方式、送货期限、售后服务等方面的比较信息，以便于用户决定在那里购买。

使用现成的解决方案组建的网站是通过购买现成的电子商务解决方案来实现的。

该方案适合于网站的设计需要和现成的解决方案比较一致的情况。

租用空间形式的网站利用电子商城中提供的店铺空间及开发平台及开发方法建立自己的电子商务网站。

自建网站在网站建设中不仅需要自己建设网站的软件、硬件设施，而且需要各种技术的组合和自行开发的手段来建立网站。

使用现成的解决方案组建的网站优点：

建设周期短，便于维护管理，具有一定的灵活性和可扩展性。

缺点：

初始建设成本高。

租用空间形式的网站优点：

开发和建设方便，容易，而且也免去了网站软、硬件维护管理工作，且初始建设费用低。

缺点：

使用这种方法开发、建设网站受限于网站经营商提供的开发平台和开发手段，不灵活，也不利于企业电子商务个性化的经营，一般比较适合于中、小型企业。

自建网站优点：

功能强大、灵活、各具特色，且具有较好的适应性、可扩充性和便于维护的特性。

缺点：

开发和初始建设费用较高。

我国电子商务网站现状：

⑴目前大多数中国企业的网站还仅仅处于介绍企业的阶段。

在少数先进的企业中，Internet网站已经全面引入到了企业的产品销售当中，也就是通过建立企业自己的网上商店来直接销售产品和提供服务。

⑵电子商务网站数量、规模也进入了高度膨胀期。

但电子商务网站的创造力却远远滞后，盲目追随成功网站模式使得电子商务网站呈现“百站一面”的尴尬局面。

⑶虽然绝大多数电子商务网站都已实现了网上接受订单，并提供网上支付，但网民多采用在线订购，离线支付，这说明这些网站尚不是真正意义上的电子商务网站。

⑷网上商品价格不具竞争力，大多数产品加上运费后和传统的价格基本持平，一线计算机硬件产品和通讯产品的价格还高于传统市场价格。

服务水平有待提高。

⑸网民对目前网上交易的安全性普遍不信任，八成以上网民对网上经营者的信誉和付款的安全性表示担忧。

我国电子商务网站的发展：

①纵深化趋势，②个性化趋势，③专业化趋势，④国际化趋势，⑤融合化趋势，⑥实现完整交易的电子商务网站。

网站可以被视为一种产品，因为我们可以把网站作为系统的、专业的工作成果来看待。

电子商务网站则是比一般网站功能更为强大的产品，它除具有一般网站的功能外，还提供商品采购，在线交易等电子商务活动的平台和技术依托。

电子商务网站的建设过程与软件产品的开发过程的比较：

①相似之处都是涉及到构思、设计、实现、测试、文档及发布等六个步骤。

②网站开发又不同于一般的软件开发。

对于一般软件开发，以上六步骤不仅要在开发周期内完成，而且一旦完成了，就不会再重复。

网站开发则不同，网站建设没有具体的开发周期，作为一个整体的产品“构思”一旦确定下来，一般很少修改，但其他几个步骤却需要经常进行修改、调整、变动。

因此，网站是个流动性的项目，没有明确的截至日期。

网站建设总体上可划分为如下两个阶段：

网站设计和网站开发

①网站设计包括网站策划和网站具体设计两方面的内容，时间上是在网站开发工作之前，是网站建设成功与否的基础和关键。

网站的设计确定了网站的目标、定位；决定了网站的功能、信息结构、后台处理能力；从设计上保障网站的安全性；系统地确定网站维护升级的方法和能力、技术实现方法等。

因此，网站设计的系统性、完善性和全面性是网站建设成败的关键所在。

②网站开发包括网站的实现、维护与升级等过程。

网站开发的过程可以包含两个方面的工作：

网站初始开发、网站维护性开发。

电子商务网站的设计内容：

⑴网站系统分析及设计：

①确定网站的建设目标；②网站的需求分析；③网站的内容和功能设计

④网站的信息结构设计；⑤可视化设计；⑥后台处理功能的设计

⑵网站实现设计：

①网站开发中的实现设计，包括软、硬件实现方案设计

②网站安全设计

⑶网站实施设计：

①对网站开发相关问题的考虑

②如何对网站进行管理、维护和升级。

简答题

1.什么是Web服务器？

Web浏览器的作用是什么？

简述浏览器打开文件的步骤。

　　答：

Web服务器是用于存储WWW文件并响应处理客户机请求的计算机。

浏览器的作用在于解释并显示超文本文档，包括指向其他文档的引用（或指针），与其他HTTP服务器上非常相似，这些指针也称为链接。

从一个超文本页上选择一个链接时，浏览器将请求送回支新的服务器，然后在客户端上显示另一个充满链接的页面。

　　打开一个Web文件的基本步骤如下：

　　A在浏览器中指定要访问的Web文件的URL.

　　B浏览器将请求发给服务器。

　　C服务器将靖求转递给指定URL处的服务器。

　　D该服务器将文件送回到服务器上。

　　E服务器将文件送回到客户端浏览器上。

　　F浏览将文件显示在计算机屏幕上。

　　2.IP地址与域名之间存在对应关系吗？

如果存在，那么二者是怎样对应起来的？

如果不存在，试讲述在Internet中是如何惟一地标识一个资源的位置的？

　　答IP地址与域名存在着对应的关系。

IP地址上全球通用地址，在协议软件中IP地址由表及里2位二进制浸透表示，每八位为一组，以圆点“。

”分隔，在面向用户的文档中，IP地址被直观地表示为四个以圆点滴隔开的十进制数，其中每个十进制浸透对就一个八位二进制数组（即一个字节），每个十进制数可取值0~255.IP地址理一种层次型地址，在概念上分为三个层次：

主机、由主机构成起来也不方便。

为了解决这个问题，同时也为了便于网络地址的分层管理各分配，自1984年起在互联网上采有了一种字符型的地址标识，这便是域名（DomainName）。

　　域名系统，域名标识了一个有户所属的机构、所使用的主机或节点机。

域名的命名方式自然称为域名系统，域名必须ISO有关标准进行。

　　同IP地址类似，域名采用层次型命名机制，域名由n级组成，各级之间以圆点分隔。

　　域名是人们容易记忆的字符型号主要内容名，IP地址则是计算机容易处理的数值型主机名，两者均描述了主机在Internet中的地址，而且一一对应。

域名系统实现了域名—IP地址映射。

　　域名系统实质是一个公布式数据库，包括突出数据的标准格式，数据库查询方法，以及本地更新数据的标准方法

　　域名系统将主机的信息管理公布与许多国家地区和组织，用户在自己的域名上更新所在域的信息，域名服务器则将这些信息传送给其他的域名服务器。

另外，域名服务器能被几乎所有的计算机软件所有，包括电子邮件，远程终端，文件传输程序。

　　3.图象处理工具主有哪几样应用？

　　答图象处理工具可对图象进行编辑，修饰，优化，图形文件格式转化等处理。

　　A图形编辑包括制作业面中的字体，制作3D效果，建立透明GIF文件，插入背景，阴影，处理字体，箭头，徽标等业面元素，并能对图形进行剪辑，移动和旋转处理

　　B图象修饰是指对网业中已有的图象加以认识和做其他的修改，包括调整图象亮度和对比度，采用变体，给黑白图象着等以改善网页中图象的质量

　　C图象优化是指采用各种滤镜对已建立的图象进行色彩校正的优化处理。

　　一般来说，图象处理工具包括公用图象处理工具，专用图象处理工具，网页制作软件自代图象处理工具

　　4.为了满足爷面制作的目标，应该注意哪些问题？

　　答要注意以下几个问题

　　A网页结构网页结构要清晰，易于导航，思路和脉络要符合访问者的想法。

可采取的措施有：

采用框架结构表现主题，索影和正文；网页的大小一般控制在50KB以内；在网页的尾部放上联系方式，如E-MAIL，以方便访问者能建立联系，反馈必要的信息B页面内容一般情况下，网页都要以内容为主，不必过分的追求复杂的表现形式，但必须写好简介，要有特色，避免太空，泛泛而谈。

页面本身要简单，结构复杂的网页不仅要花费很多的精力，而且由于超连接复杂，让浏览者阅读时也感觉困难

　　C文字在以内容为主的前提下，应当尽量把形式与内容结合起来。

既不要把页面弄的花哨，也不呀只讲内容完全不讲究文字和图片的安排，要容易阅读。

要注意：

网页的标题要简洁，明确，能反映整个文档的内容；在文本叙述部分使用水平线分割不同的部分；对重点的文章和段落要使用强调字体表达

　　D图形设计好图形并合理使用能给网页增色。

网页中插入的图形尽量要小，网页中图形要附加文字说明，使人在图形出来之前了解相关内容；不要为图形加太长的交互文本，也不要把所有的超连接放在图上；控制页面中的图的数量，不要滥用图象GIF

　　5.什么是所见既所得的网页制作工具？

什么是标记形网业制作工具？

他们的优缺点？

　　答标记型网业制作工具既直接书写原代码。

他的好处是用户可很方便的控制代码。

由于都是自己书写，没有冗余部分，因此能非常好的把握整个HTML文件在浏览器中的表现；最大的缺点是用户必须非常熟悉HTML语言。

　　可视化网页制作工具既所见既所得的方法制作网页，可以非常直观的对网页进行排版，往往使设计工作事半功倍。

它不需用户对HTML标记熟悉，只要用户有好的创意，就能够作出符合用户需求的网页。

但是它有个致命的缺点：

难以精确的达到与浏览器完全一致的显示效果，而且它生成的代码也不能完全适应各种不同的情况，往往出现冗于度高，不如手工书写来得简洁。

　　6.在学习网页制作时，可以从哪些方面来增强学习效果？

　　答A从了解HTML的基本标记开始。

　　B选择自己认为顺手的工具，从第一个页面开始。

　　C多访问他人网页，从中受到启发

　　D深入分析成功的网站，网页。

　　7.网站设计的过程中，最中要的一个原则是什么？

为什么？

　　答：

网站最重要的原则是创意。

虽然网站的主要目的是传送给人们它的信息，但在传递信息的同时还把他的文化传递给获取信息的这些人。

软件的掌握是短期就能速成的，而且新的软件成出不穷，功能越来越强大，但是使用这些软件必须要有良好的网站设计概念才能创造优秀的网站，这是网站制作的核心。

网站的制作是按一定的步骤进行的，不同的网站设计着对网站有不同的见解和看法，但是有个共同观点：

仅会输入文本，制作超级连接，排列图片不是真正意义上的网页制作，因为网页制作最重要的一个原则是创意。

　　8.什么是信息看版？

有什么作用？

　　答：

信息看版是WEB站点中为访问者提供的各种最新的信息集合。

通常位于首页上，或者在首页打开的同时通过脚本控制同时把信息看版打开。

　　9.简述网站的设计流程，并详细描述流程中每个步骤应该进行的工作

　　答：

设计流程为8个部分：

A初始商讨。

收集相关信息，确定包括站点目标用户，要发布的内容及开发WEB服务器平台。

B构思。

设计师根据收集的信息，开始构思站点的内容组织，栏目的设置，页面的基本结构等。

C综合内容讨论。

设计师先制作一些初始页面，将陪以文章的图样打印出来也顾客讨论，研究。

D页面布局与导航。

一旦顾客同意了这些内容，设计师就开始编制WEB页面，站点也编制到页面中，让顾客看到页面的处世效果。

E图形制作。

顾客同意了站点的外观设计，设计师就将制作图形，进行图形优化。

F内容流程。

利用各种网页技术，把客户的书面材料和相并进行修改。

G测试。

在站点被提交给拥护之前，开发人员要彻底测试每个WEB页面和连接并进行修补。

H验收交付。

一但开始验收工作，客户要对站点进行大量测试，找出排版错误的地方，进行修改。

在作完了必要的工作后，站点可以对外宣传，开放了。

　　10.什么是站点的风格，典型的商业网站的风格有哪些？

　　答：

站点的风格是指整个网站所采取的结构布局，色调，文字，标志，图案等要素带给浏览者的关于该网站的印象。

商业公司的风格主要表现在如下方面：

　　A公司的会标或商标应出现在页面的最上方，尽可能作到色彩醒目，同时站用面积小。

B可采用主题图形产品广告来突出公司形象和风格。

C主要栏目一般才用图文并茂的超连接，要考虑主要栏目的图片，文字的色彩配合，主题图形相互寸托。

D不要把主要栏目和次要栏目放在同一个页面显示。

E商业网站一般都有固定的栏目页面。

F建立站内收索引擎，方便浏览者在站内查找所需要的信息

11.在组织网站目录结构是需要遵循哪些原则？

　　答：

A不要将所有文件放在根目录下面。

B按栏目内容分别建立子目录。

C在每个栏目下面都建立独立的IMAGES目录。

D目录的层次不要太深。

E切忌使用中文目录。

F不要使用过长的目录。

G尽量使用意义明确的目录

　12.究网站的连接结构意义何在？

主要的网站结构有哪几种？

　　答：

网站的连接结构是指页面间相互连接的拓卜结构。

他建立在木结构基础之上，但是可以跨越目录。

形象的说，每个页面都是一个固定点，连接则是每2个固定点之间的连线。

一个点可以和一个点连接，也可以和多个点连接。

更重要的是这些点不是分布在一个平面上，而是存在于一个立体的空间。

研究网站连接结构的根本目的在于，用最少的连接，使浏览最有效率。

一般的建立网站的连接结构有树型和星型2种，在实际中，总是将2重结构相互混合起来，我们希望浏览者可以方便快捷的达到自己需要的页面，有能清晰的知道自己的位置。

所以最好的方法就是首页和2级页面间用星型连接，2级和3级之间用树型连接结构。

　　13.什么是页面的重心？

为什么要使页面的重心平衡？

常用的有哪几种重心平衡方法？

　　答：

重心平衡既页面重心反映的是网页上各种元素分布的协调程度。

任何一个图片或者文字，都在网页上占有一定的空间，作为一个模块，其本身就具有重心位置，当插入到空白网页后就会明显的改变整个网页的重心。

重心的平衡代表网页必须对称布局，虽然对称的分布更容易的获得重心的平衡，但是对称分布往往使页面失去活力，因此非对称布局反而是更多网页的首选。

一般情况下，重心平衡是指在左右重心的平衡。

而上重下轻也是网页构图经常采用的方法。

既对页面上下重心的平衡上要求不严。

这是因为由于在浏览器的滚动时，显示的是整个页面，访问者一般不会注意。

　　14.什么是WEB安全色？

什么是抖动？

2者之间是否有联系？

　　答：

WEB安全色是由于浏览器在显示各种颜色时是有选择的。

它只能选择其中的216色显示。

无论是BLUE，RED，GREEN的颜色通道，他都是采用跳跃的显示方法进行颜色的编码，既它们都只能在00-FF之间取值。

这些跳跃的色彩被称为WEB的安全色，意思是在任何浏览器上都能显示。

抖动是由于浏览器不能显示所有的颜色，因此伪造了在调色板中不能显示的颜色，通过邻近的象素混合而产生在图象中实际并不存在的颜色，达到一种补偿的目的。

抖动的图象有很多颗粒，图象显示粗糙。

抖动是由于WEB安全色的限制产生的，抖动时使用的色彩范围是在WEB安全色内的。

　　15.简述在电脑中是如何处理颜色的？

　　答：

在计算机中，每一个bit（位）可以有1和0两种状态，如果对应颜色，可以有黑和白2种颜色。

如果是2个bit，就有00，01，10，11四中状态，依次类推，若采用8bit来表示颜色，就有256种颜色。

如果是24位，就有2的24次方既16777216种。

为了进行色彩的配比，在计算机中每种颜色对应着一个色彩通道，大调整每种通道的色彩分量时，最后得到的颜色就可以改变。

对于常见的24位色彩用16进制表示就应该是XXXXXX共6个数字，前2个数字表示红色的颜色分量，后2个数字表示绿色通道的分量，最后的表示蓝色通道的分量。

许多图象处理软件，都提供色彩的调配功能，通过输入3原色的数值分量来调配，也可以直接进行调配。

　　16.简述大色块构图法和抽象构图法的方法及相关思路。

　　答：

大色块构图法在网页制作中比较流行，这是因为首先在大色块构图时，可充分利用表格单元格的底色来形成大幅面的色块，而不需要制作如表格那么大的单色块图象，只要在色块的边缘用图象来拼接就可以做出立体效果来，这样经济且做出来的网页不大。

其次大色块构图具有很强烈的视觉冲击，因为大色块集中，醒目。

使用大色块要注意3点：

冷暖色调在均匀使用时不宜靠近，纯度较同的颜色不宜放在一起，整个页面最好有个主色调。

与大小色块相对应的是抽象线条构图。

抽象线条构图使用一些圆弧线，直线和短线段来代替以往的大色块。

这些线条的搭配显示一种简洁爽朗的美感。

这就是抽象构图法：

仅仅凭借简单的线条形成网页。

在抽象构图中，色彩一般使用统一色调，它对页面融合有好处，同时也便于突出中心图片。

　　17.网站设计中应该注意的几个方面？

　　答：

网站设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。

网页设计的原则不仅体现在网页的风格、层次构思和网页的页面构思中，还包括更多更广的设计思想。

网页设计不应该从设计者本身出发，而必须要从访问者的角度来思考问题。

共有8个方面要注意：

1；网站的设计目的决定设计方案：

在设计一个网站之前，应当有强烈的目的性和针对性。

2；浏览者的需求第一位：

不论如何，必须要搞清楚浏览者需要什么。

3；页面的有效性：

在全局设计阶段，创作者应当在每一个页面的有效性与过载之间进行权衡。

4；页面布局统一性：

页面布局往往能显示一贯网站的统一性，如使用同样的背景，提供导航系统等。

5；使用表格和适当的帧结构来设计网页：

可以让用户在尽量少的“重载”页面的情况下浏览所需的内容，提高浏览效率。

6；谨慎使用图片：

保证页面下载的速度和浏览器的兼容性。

7；充分体现平面设计意识：

学好平面设计的一般技能是网页设计能不断提高的基础之一。

8；减少JavaApplet和其他多媒体的使用：

应该谨慎使用。

　　18.比较GIF格式和JPEG格式的原理与各自的适用范围。

　　答：

如果是自己设计的线条简单。

色彩种类比较少的图形，或者是著作透明图形，制作动画，那么就用GIF格式。

GIF文件能做动画，且它的压缩算法是通过精简色彩集来实现的；如果需要在网页上放置一副照片，那么就用JPEG文件，因为JPEG的压缩算法对包含有复杂的颜色的图片很有效。

在GIF中最多允许有256种格式，而JPEG没有这个限制，且可以显示所有的RGB颜色，既24位真彩色。

而GIF只有8位表示，只能显示256色。

如果在使用颜色数目大于256色的照片时，就用JPEG格式，这样能显示所有的颜色，而颜色小于256色的图片就用GIF格式，这样才不会造成浪费。

　　19.HTML文件的基本结构是怎样的？

主要有哪些基本标记组成？

　　答：

HTML文件的第一行是标记，其结束标记是，它标明这个文本文件为HTML文档。

每一个HTML文件都包含这个标记，即以开头，以结尾。

　　标记为文件头标记，其结束标记是，在文件头标记中，还可以再加入其他标记，如