电子商务B电子商务网站设计知识课件.ppt

1、 课课 程程 安安 排排讲授（讲授（36学时，共学时，共17讲）讲）第第1讲讲:绪论绪论第第10讲讲:电子商务物流规划技术电子商务物流规划技术第第2讲讲:电子商务的概念与结构电子商务的概念与结构第第11讲讲:物流信息系统集成技术物流信息系统集成技术第第3讲讲:电子商务战略电子商务战略第第12讲讲:物流配送优化调度技术物流配送优化调度技术第第4讲讲:电子商务系统设计电子商务系统设计第第13讲讲:电子商务资金流电子商务资金流第第14讲讲:电子支付技术电子支付技术第第6讲讲:电子商务交易流程电子商务交易流程第第15讲讲:电子支付平台工具电子支付平台工具第第7讲讲:电子商务商品展示技术电子商务商品展示

2、技术第第16讲讲:电子支付安全技术电子支付安全技术第第8讲讲:电子商务搜索引擎技术电子商务搜索引擎技术第第17讲讲:电子商务法律法规电子商务法律法规第第9讲讲:电子商务商品推荐技术电子商务商品推荐技术考试：最后一次课考试：最后一次课 n新、精、专的信息内容新、精、专的信息内容p信息内容永远处于第一位；信息内容永远处于第一位；p内容设计要有组织；内容设计要有组织；p及时更新信息内容。及时更新信息内容。n提高浏览者的访问速度；提高浏览者的访问速度；n要有安全良好运转的硬件和软件环境；要有安全良好运转的硬件和软件环境；n遵循遵循“”原则，即网站的任何信原则，即网站的任何信息都应在最多三次点击之内得到

3、。息都应在最多三次点击之内得到。p通常，电子商务网站的内容设计流程都必须经过如下步骤：p 一般地，建立网站的链接结构有如下两种基一般地，建立网站的链接结构有如下两种基本方式。本方式。优点：优点：条理清晰，不会条理清晰，不会“迷路迷路”；缺点：缺点：浏览效率低，一个栏目下的浏览效率低，一个栏目下的 子页面子页面到另一个栏目下的子页面，必须绕径首页。到另一个栏目下的子页面，必须绕径首页。n这两种基本结构都只是理想方式，在实际的网站这两种基本结构都只是理想方式，在实际的网站中，总是将这两种结构混合起来使用。中，总是将这两种结构混合起来使用。n最好的办法是：最好的办法是：n使企业的标志尽可能出现在每个

4、页面上，或者在页眉，或使企业的标志尽可能出现在每个页面上，或者在页眉，或者页脚，或者背景；者页脚，或者背景；n突出网站的标准色彩；突出网站的标准色彩；n突出网站的标准字体；突出网站的标准字体；n设计一条朗朗上口宣传标语；设计一条朗朗上口宣传标语；n使用统一的图片处理效果；使用统一的图片处理效果；n创造一个企业站点特有的符号或图标。创造一个企业站点特有的符号或图标。3.3.网页要易读网页要易读:这就意味着需要规划文字与背景这就意味着需要规划文字与背景颜色的搭配方案。此外，网页的字体、大小也是颜色的搭配方案。此外，网页的字体、大小也是需要考虑的因素。需要考虑的因素。4.4.合理设计视觉效果合理设计

5、视觉效果:视觉效果主要体现在网页视觉效果主要体现在网页的结构和排版上。要善用表格来布局网页，突出的结构和排版上。要善用表格来布局网页，突出显示出网站内容的层次性和空间性。显示出网站内容的层次性和空间性。5.5.为图片添加文字说明为图片添加文字说明:这样一来，当网速很慢这样一来，当网速很慢不能把图象下载下来时或者用户在使用文本类型不能把图象下载下来时或者用户在使用文本类型的浏览器时，照样能阅读网页的内容。的浏览器时，照样能阅读网页的内容。6.6.不宜使用太多的动画和静态图片不宜使用太多的动画和静态图片:太多的动画太多的动画和静态图片会增大网页容量，浪费用户的金钱和和静态图片会增大网页容量，浪费用

6、户的金钱和时间。时间。7.7.页面长度要适中页面长度要适中:一个长页面的传输时一个长页面的传输时间要比较短的页面的传输时间长，太长间要比较短的页面的传输时间长，太长的页面传输会使用户在等待中失去耐心。的页面传输会使用户在等待中失去耐心。如有大量的基于文本的文档，就应当以如有大量的基于文本的文档，就应当以Adobe Acrobat Adobe Acrobat 格式的文件形式来放置。格式的文件形式来放置。8.8.整个页面风格要一致整个页面风格要一致:这样用户就会在浏览网这样用户就会在浏览网页时觉得舒服、顺畅，对网站留下深刻的印象。页时觉得舒服、顺畅，对网站留下深刻的印象。9.9.计数器能不用最好不

7、用计数器能不用最好不用:计数器也是由程序设计数器也是由程序设计成的，显示计数器的过程其实就是一个程序的计成的，显示计数器的过程其实就是一个程序的执行过程，它需要占用用户宝贵的上网时间，并执行过程，它需要占用用户宝贵的上网时间，并且往往毫无意义。且往往毫无意义。10.10.尽量使用超级链接尽量使用超级链接:这样制作的网页的可移植这样制作的网页的可移植性比较强，输入量较小。另外要保证超链接的直性比较强，输入量较小。另外要保证超链接的直观有效，以便使用户能够很快地找到其想要的东观有效，以便使用户能够很快地找到其想要的东西。西。p版面指的是用户在浏览器中看到的一个完整页面（可以包含框架和层）。布局就是

8、指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。创建初始方案：这属于创造阶段，不讲究细腻工整，不必考创建初始方案：这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。初步设计网页的布局：注意必须遵循突出重点、平衡谐调的初步设计网页的布局：注意必须遵循突出重点、平衡谐调的原则，将网站标志、主菜单等最重要的模块放在最显眼、最原则，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后在考虑次要模块的排放。突出的位置，然后在考虑次要模块的排放。定案。将初步布局精细化、具体化。定案。将初步布局精细化、具

9、体化。p“口口”型布局：型布局：指页面上下各有一个广告条，左指页面上下各有一个广告条，左面是主菜单，右面是友情链接等，中间是主要内容。面是主菜单，右面是友情链接等，中间是主要内容。页面充实、内容丰富、信息量大；页面充实、内容丰富、信息量大；页面拥挤，不够灵活。页面拥挤，不够灵活。pPOP布局。指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。优点：优点：漂亮吸引人；漂亮吸引人；缺点：缺点：速度慢。速度慢。p只有当内容和形式，即具体的网页的排版布局达到一种协调的状态才算是一种真正成功的网页设计。n以下是一些设计原则：多指左右、上下对照形式。多指左右、上下对照形式。：即非对照形式，但也要

10、平衡和韵律。即非对照形式，但也要平衡和韵律。色彩、色调等技巧的对比，及内容上的古今、色彩、色调等技巧的对比，及内容上的古今、新旧、贫富对比。新旧、贫富对比。指利用页面中人物的视线，使浏览者仿照跟随指利用页面中人物的视线，使浏览者仿照跟随的心理，以达到注视页面的效果。的心理，以达到注视页面的效果。突出卓越和优越感，有效体现网页格调。突出卓越和优越感，有效体现网页格调。n网页色彩搭配的技巧 相同色系色彩；相同色系色彩；运用对比色或互补色；运用对比色或互补色；使用过渡色；使用过渡色；用黑色和一种彩色；用黑色和一种彩色；不要将所有颜色都用到，尽量控制在三种色彩以内；不要将所有颜色都用到，尽量控制在三种

11、色彩以内；背景和文字的对比尽量要大，要有足够的对比度来保背景和文字的对比尽量要大，要有足够的对比度来保证页面易于阅读；证页面易于阅读；在设计中要考虑主要用户群的背景和构成。在设计中要考虑主要用户群的背景和构成。p善用图片：现今 web 上展现的绝大多数图片和图象是GIF和JPEG文件格式。p一般情况下，漫画、图标、动画和平铺式图案背景。漫画、图标、动画和平铺式图案背景。照片和艺术复制品。照片和艺术复制品。p图像的内容应有一定的实际作用，切忌虚饰浮夸，最佳的图象应集美观与信息内容与一身。图象可以弥补文字的不足，但并不能够完全取代文字。因此，制作页面时，必须注意将图象所包含的重要信息或链接到其他页面的指示用文字重复表达一次。p下面是网页设计中有关字体的使用原则和技巧：