电子商务网站建设与维护实训完整版课件全套PPT教学教程电子讲义电子教案（最新）

1、电子商务网站建设与维护实训电子商务网站建设与维护实训 项目一项目一-电子商务网站的规划电子商务网站的规划 2 项目一项目一 电子商务网站的规划电子商务网站的规划 【项目概述】【项目概述】 n小王是一家网络公司从事电子商务的工作人员。公司开发部经理告小王是一家网络公司从事电子商务的工作人员。公司开发部经理告 诉他，公司要为一家图书销售企业诉他，公司要为一家图书销售企业(ABC公司公司)开发电子商务网站，开发电子商务网站， 为该企业实现网上的定购与销售功能。经理要求小王撰写一份网站为该企业实现网上的定购与销售功能。经理要求小王撰写一份网站 建设的策划书，调查电子商务网站建设的客户需求，并帮助该企业

2、建设的策划书，调查电子商务网站建设的客户需求，并帮助该企业 分析推荐合适的企业电子商务的模式，最后还要设计一份电子商务分析推荐合适的企业电子商务的模式，最后还要设计一份电子商务 网站建设合同书。网站建设合同书。 3 【项目分析】【项目分析】 电子商务网站的电子商务网站的 规划主要有哪些规划主要有哪些 工作要做工作要做? 电子商务网站建电子商务网站建 设流程涉及哪些设流程涉及哪些 主要问题主要问题? 电子商务网站有电子商务网站有 哪些主要模式哪些主要模式? 一份网站建设的一份网站建设的 合同书主要有哪合同书主要有哪 些条款些条款? 4 【任务分解】【任务分解】 选择电子商选择电子商 务网站的模务

3、网站的模 式式 电子商务电子商务 网站建设网站建设 的客户需的客户需 求调查与求调查与 分析分析 任务任务1 任务任务2 2任务任务3 3任务任务4 4 设计网站建设计网站建 设的合同书设的合同书 撰写电子撰写电子 商务网站商务网站 建设的策建设的策 划书划书 5 任务任务1:撰写电子商务网站建设的策划书撰写电子商务网站建设的策划书 1规划电子商务网站建设策划书格式规划电子商务网站建设策划书格式 2网站建设的总体目标网站建设的总体目标 3网站建设的利益分析网站建设的利益分析 4网站的规模与类别网站的规模与类别 5网站的主要目标客户群网站的主要目标客户群 6网站建设的主要工作流程网站建设的主要工

4、作流程 7估算项目所需的时间及人力资源估算项目所需的时间及人力资源 8估算项目所需的经费估算项目所需的经费 9考虑网站建设中其他可能的问题考虑网站建设中其他可能的问题 6 1规划电子商务网站建设策划书格式规划电子商务网站建设策划书格式 n规划一份电子商务网站建设策划书的格式时，主要内容可能包括规划一份电子商务网站建设策划书的格式时，主要内容可能包括: 规划网站建设的总体目标，规划网站建设的总体目标， 阐述网站建设的利益，阐述网站建设的利益， 确定网站的规模与类别，确定网站的规模与类别， 明确网站的主要目标客户群，明确网站的主要目标客户群， 规划网站建设的主要工作流程，规划网站建设的主要工作流程

5、， 估算项目所需的时间及人力资源，估算项目所需的时间及人力资源， 估算项目所需的经费，估算项目所需的经费， 估计网站建设中其他可能的问题。估计网站建设中其他可能的问题。 7 2网站建设的总体目标网站建设的总体目标 n(1)企业建设电子商务网站的目的企业建设电子商务网站的目的 n(2)网站建立所采用的实施模式网站建立所采用的实施模式 n(3)企业建设电子商务网站的预期收益企业建设电子商务网站的预期收益 8 3网站建设的利益分析网站建设的利益分析 n(1)有利于提高企业的市场竞争力有利于提高企业的市场竞争力 n(2)有利于提高企业品牌的知名度有利于提高企业品牌的知名度 n(3)有利于增加企业的业务

6、量有利于增加企业的业务量 n(4)有利于提高产品服务的水平有利于提高产品服务的水平 n(5)有利于节约企业的资源及成本有利于节约企业的资源及成本 n(6)有利于简化业务联系有利于简化业务联系 n(7)其他可能带来的利益其他可能带来的利益 9 4网站的规模与类别网站的规模与类别 n(1)以内容为主，设计为辅，注重速度的网站以内容为主，设计为辅，注重速度的网站 n(2)以企业产品网络营销为主的网站以企业产品网络营销为主的网站 n(3)以树立形象为主类的网站以树立形象为主类的网站 10 5网站的主要目标客户群网站的主要目标客户群 按职业角按职业角 度划分度划分 按性别角按性别角 度划分度划分 按年龄

7、角按年龄角 度划分度划分 按地理范按地理范 围划分围划分 11 6网站建设的主要工作流程网站建设的主要工作流程 n(1)注册域名注册域名 n(2)确定建立网站的主要方式确定建立网站的主要方式 n(3)网站的设计网站的设计 n(4)网站的开发网站的开发 n(5)网站的测试和评价网站的测试和评价 n(6)网站的宣传与推广网站的宣传与推广 n(7)网站的管理与维护网站的管理与维护 n(8)网站使用状况评估网站使用状况评估 12 7估算项目所需的时间及人力资源估算项目所需的时间及人力资源 n明确网站建设规划完成的时间明确网站建设规划完成的时间 n在每个工作阶段设定一个时间节点在每个工作阶段设定一个时间

8、节点 n每个工作阶段所需人力资源及主要负责人每个工作阶段所需人力资源及主要负责人 13 8估算项目所需的经费估算项目所需的经费 一次性投入一次性投入 的经费的经费 网站投入使网站投入使 用后的日常用后的日常 运作费用运作费用 14 9考虑网站建设中其他可能的问题考虑网站建设中其他可能的问题 n还可能进行项目建设的可行性分析，并且可能需要有一个还可能进行项目建设的可行性分析，并且可能需要有一个 分阶段实施的目标。分阶段实施的目标。 n另外，策划书中还可能要对同类的网站作一定的比较，阐另外，策划书中还可能要对同类的网站作一定的比较，阐 述一下本企业准备建设的网站相比同类网站的优势与特点。述一下本企

9、业准备建设的网站相比同类网站的优势与特点。 n在阅读策划书中以上问题时，可能需要向企业的其他多个在阅读策划书中以上问题时，可能需要向企业的其他多个 部门进行咨询。部门进行咨询。 15 任务任务2:电子商务网站建设的客户需求调查与分析电子商务网站建设的客户需求调查与分析 1设计设计客户需求调查表客户需求调查表 2调查客户原始的需求调查客户原始的需求 3整理分析并预测客户潜在的需求整理分析并预测客户潜在的需求 4利用通俗的语言描述用户需求利用通俗的语言描述用户需求 5利用示意图表现用户需求利用示意图表现用户需求 6撰写撰写需求分析报告需求分析报告并递交给相关人员并递交给相关人员 7记录完整的需求变

10、更日志记录完整的需求变更日志 16 1设计设计客户需求调查表客户需求调查表 n(1)希望通过互联网起到的作用。希望通过互联网起到的作用。 n(2)当前利用互联网当前利用互联网(或内网或内网)上面的不足之处。上面的不足之处。 n(3)对于将要新建对于将要新建(或改版或改版)的公司网站的期望。的公司网站的期望。 n(4)对于新网站的开发建设中必须拥有的网络功能。对于新网站的开发建设中必须拥有的网络功能。 n(5)在进行网站建设与推广时希望使用的渠道。在进行网站建设与推广时希望使用的渠道。 17 2调查客户原始的需求调查客户原始的需求 n可以让客户先填写上述的可以让客户先填写上述的客户需求调查表客户

11、需求调查表，然后进行会谈。，然后进行会谈。 n应该让用户将所有的想法尽可能地阐述清楚，并把所有的要求罗列应该让用户将所有的想法尽可能地阐述清楚，并把所有的要求罗列 出来，不要遗漏。出来，不要遗漏。 n应该直接明白地把客户的问题和要求一条条地列出来应该直接明白地把客户的问题和要求一条条地列出来 n，将用户最原始、最完整的要求准确地记录下来就完成了第一步的，将用户最原始、最完整的要求准确地记录下来就完成了第一步的 工作。工作。 n有必要的话，可能进行录音，但应经过客户的同意。有必要的话，可能进行录音，但应经过客户的同意。 18 3整理分析并预测客户潜在的需求整理分析并预测客户潜在的需求 n应以用户

12、友好的方式帮助收集并改进用户需求。应以用户友好的方式帮助收集并改进用户需求。 n应鼓励更有创造性、更加创新的设计解决方案。应鼓励更有创造性、更加创新的设计解决方案。 n应鼓励团队复审，并避免所有人都不希望出现的特征。应鼓励团队复审，并避免所有人都不希望出现的特征。 n应确保以可理解、直观的方式描述特征。应确保以可理解、直观的方式描述特征。 n应尽量使访谈过程变得轻松，避免出现访谈没有结果的现应尽量使访谈过程变得轻松，避免出现访谈没有结果的现 象。象。 19 4利用通俗的语言描述用户需求利用通俗的语言描述用户需求 n在业务人员与客户进行沟通、调查并撰写需求分析时，应在业务人员与客户进行沟通、调查

13、并撰写需求分析时，应 尽可能使用通俗的语言进行描述。尽可能使用通俗的语言进行描述。 n虽然客户的水平和资历有所不同，但是最通俗的描述能够虽然客户的水平和资历有所不同，但是最通俗的描述能够 使客户和项目开发的各个成员都能清楚地理解需求含义，使客户和项目开发的各个成员都能清楚地理解需求含义， 不至于在理解上产生偏差。不至于在理解上产生偏差。 20 Word表表 格方式格方式 5利用示意图表现用户需求利用示意图表现用户需求 利用利用 “画图画图” Html文档文档 制作界面制作界面 示意图示意图 PowerPoint或或 Visio制作流程制作流程 示意图示意图 21 6撰写撰写需求分析报告需求分析

14、报告并递交给相关人员并递交给相关人员 可行性可行性 正确性正确性 简明性简明性 必要性必要性 可检测性可检测性 22 7记录完整的需求变更日志记录完整的需求变更日志 n在需求分析后面附上变更日志，在需求分析后面附上变更日志， n并将修改后的需求分析制作成新版本，并将修改后的需求分析制作成新版本， n保留每次更改过的版本保留每次更改过的版本(而不是覆盖而不是覆盖)， n这样就比较容易跟踪到需求变更过程中所带来的工作调整。这样就比较容易跟踪到需求变更过程中所带来的工作调整。 23 任务任务3:选择电子商务网站的模式选择电子商务网站的模式 1按交易对象划分的电子商务网站模式按交易对象划分的电子商务网

15、站模式 2按网络类型划分的电子商务网站模式按网络类型划分的电子商务网站模式 3按配送方式划分的电子商务网站模式按配送方式划分的电子商务网站模式 4按商务经营方式划分的电子商务网站模式按商务经营方式划分的电子商务网站模式 5向客户推荐适合的电子商务网站模式向客户推荐适合的电子商务网站模式 24 1按交易对象划分的电子商务网站模式按交易对象划分的电子商务网站模式 n企业对企业的电子商务企业对企业的电子商务(Business-to-Business，简称，简称B2B) n企业对消费者的电子商务企业对消费者的电子商务(Business-to-Consumer，简称，简称B2C) n企业对政府的电子商务

16、企业对政府的电子商务(Business-to-Government，简称，简称B2G) n消费者对消费者的电子商务消费者对消费者的电子商务(Consumer-to-Consumer，简称，简称C2C) n消费者对政府的电子商务消费者对政府的电子商务(Government-to-Consumer，简称，简称G2C) 25 1按交易对象划分的电子商务网站模式按交易对象划分的电子商务网站模式 B2C B2G B2B C2C G2C 26 2按网络类型划分的电子商务网站模式按网络类型划分的电子商务网站模式 n基于基于EDI网络的电子商务网络的电子商务 n基于基于Internet网络的电子商务网络的电子

17、商务 n基于基于Intranet(企业内部网企业内部网)网络的电子商务网络的电子商务 27 3按配送方式划分的电子商务网站模式按配送方式划分的电子商务网站模式 间接电间接电 子商务子商务 直接电直接电 子商务子商务 28 4按商务经营方式划分的电子商务网站模式按商务经营方式划分的电子商务网站模式 新兴企业新兴企业 虚拟柜台虚拟柜台 模式模式传统企业传统企业 虚实结合虚实结合 模式模式新兴企业新兴企业 无型商品无型商品 模式模式 29 5向客户推荐适合的电子商务网站模式向客户推荐适合的电子商务网站模式 n(1)告诉他电子商务分类的几种方法。告诉他电子商务分类的几种方法。 n(2)告诉他每种电子商

18、务分类方法的具体类别。告诉他每种电子商务分类方法的具体类别。 n(3)分析每种电子商务类别的特点，并与客户一起分析其企分析每种电子商务类别的特点，并与客户一起分析其企 业的特点，在相互对照的基础上，推荐客户在每一种网站业的特点，在相互对照的基础上，推荐客户在每一种网站 模式划分方法中选择适合其企业的一种模式。模式划分方法中选择适合其企业的一种模式。 30 任务任务4:设计网站建设的合同书设计网站建设的合同书 1明确网站建设工作范围明确网站建设工作范围 2明确网站建设工作流程与时间进度明确网站建设工作流程与时间进度 3明确网站建设质量要求明确网站建设质量要求 4明确网站承建费用、支付标准与支付方

19、式明确网站承建费用、支付标准与支付方式 5设计网站建设合同书的主文件设计网站建设合同书的主文件 6设计网站建设合同书的相关附件设计网站建设合同书的相关附件 31 1明确网站建设工作范围明确网站建设工作范围 n首先，在这些网站建设工作中，合同需要确定哪些是承建首先，在这些网站建设工作中，合同需要确定哪些是承建 方的工作，哪些不是方的工作，哪些不是;哪些是企业或者第三方的工作哪些是企业或者第三方的工作;哪些哪些 工作需要合作与合作方式和要求。工作需要合作与合作方式和要求。 n其次，对于承建方工作部分，必须细致地说明。其次，对于承建方工作部分，必须细致地说明。 32 2明确网站建设工作流程与时间进度

20、明确网站建设工作流程与时间进度 需求调研需求调研设计方案书设计方案书 素材收集整理素材收集整理页面风格设计页面风格设计风格设计确认风格设计确认 页面制作页面制作程序开发程序开发整合页面程序整合页面程序 评估与测试评估与测试 方案书确认方案书确认 网站改进与建网站改进与建 设方确认设方确认 服务器与域名服务器与域名 准备准备 网站上传发布网站上传发布网站维护网站维护 33 3明确网站建设质量要求明确网站建设质量要求 n站建设质量主要指网站页面设计、制作与网站程序的质量站建设质量主要指网站页面设计、制作与网站程序的质量 n对于网站功能性程序来说，合同应该对功能做出详细的说对于网站功能性程序来说，合

21、同应该对功能做出详细的说 明明 n如果，网站承建方同时提供虚拟主机空间，那么企业还可如果，网站承建方同时提供虚拟主机空间，那么企业还可 以对网站访问速度、网站带宽等方面做出要求以对网站访问速度、网站带宽等方面做出要求 34 4明确网站承建费用、支付标准与支付方式明确网站承建费用、支付标准与支付方式 n首先，确定网站建设收费项首先，确定网站建设收费项 n其次，确定每个收费项的单位价格其次，确定每个收费项的单位价格 n费用支付一般可以分成三次进行费用支付一般可以分成三次进行 一般合同签署一周内支付一定数量，作为项目启动费用一般合同签署一周内支付一定数量，作为项目启动费用; 项目中期支付一定数量项目

22、中期支付一定数量; 项目结束后，计算项目实际标的，再支付余额。项目结束后，计算项目实际标的，再支付余额。 35 5设计网站建设合同书的主文件设计网站建设合同书的主文件 n网站建设合同书一般分为主文件与附件。网站建设合同书一般分为主文件与附件。 n网站建设合同书的主文件主要是明确双方的义务与权利，网站建设合同书的主文件主要是明确双方的义务与权利， 并对一些原则性的问题进行说明。并对一些原则性的问题进行说明。 n可以参考前面网站建设合同书主文件的例子，并可以根据可以参考前面网站建设合同书主文件的例子，并可以根据 实际情况进行一些增删。实际情况进行一些增删。 n对于其中的各部分描述要反复推敲核对，并

23、对一些重要数对于其中的各部分描述要反复推敲核对，并对一些重要数 据仔细进行计算。据仔细进行计算。 36 6设计网站建设合同书的相关附件设计网站建设合同书的相关附件 n网站建设合同书的附件主要是就本合同项目的内容、工作网站建设合同书的附件主要是就本合同项目的内容、工作 进度与安排、数量、价款、交付和验收方式等进行进一步进度与安排、数量、价款、交付和验收方式等进行进一步 的说明。的说明。 n可以参考前面附件的例子，并可以根据实际情况进行一些可以参考前面附件的例子，并可以根据实际情况进行一些 增删。增删。 n对于其中的各部分描述仍需要反复推敲，认真进行核对与对于其中的各部分描述仍需要反复推敲，认真进

24、行核对与 计算。计算。 37 【经验总结】【经验总结】 n为了进行一个电子商务网站大项目的设计，应先做好电子商务网站为了进行一个电子商务网站大项目的设计，应先做好电子商务网站 的规划工作。规划电子商务网站，主要涉及阅读电子商务网站建设的规划工作。规划电子商务网站，主要涉及阅读电子商务网站建设 的策划书、调查电子商务网站建设的客户需求、选择电子商务网站的策划书、调查电子商务网站建设的客户需求、选择电子商务网站 的模式与设计网站建设的合同书等方面。的模式与设计网站建设的合同书等方面。 n这些工作会对整个电子商务网站建设产生较大的影响，因此工作时这些工作会对整个电子商务网站建设产生较大的影响，因此工

25、作时 一定要认真负责，勤跑腿，勤动手，勤动脑，避免在今后具体设计一定要认真负责，勤跑腿，勤动手，勤动脑，避免在今后具体设计 中留下一些疑问和遗憾。中留下一些疑问和遗憾。 38 【后续展望】【后续展望】 n在为在为ABC公司规划了电子商务网站之后，为了具体地进行公司规划了电子商务网站之后，为了具体地进行 ABC公司电子商务网站的建设，必须电子商务网站进行进公司电子商务网站的建设，必须电子商务网站进行进 一步的设计。其中主要有以下任务。一步的设计。其中主要有以下任务。 设计网站的栏目。设计网站的栏目。 设计网站的风格。设计网站的风格。 设计网站的目录结构。设计网站的目录结构。 电子商务网站建设与维

26、护实训电子商务网站建设与维护实训 项目二项目二-电子商务网站栏目与风格的电子商务网站栏目与风格的 设计设计 40 项目二项目二-电子商务网站栏目与风格的设计电子商务网站栏目与风格的设计 【项目概述】【项目概述】 n在小王所在的网络公司为在小王所在的网络公司为ABC公司规划了电子商务网站之公司规划了电子商务网站之 后，需要进行后，需要进行ABC公司电子商务网站的具体设计。经理布公司电子商务网站的具体设计。经理布 置给小王几项任务，要求小王为置给小王几项任务，要求小王为ABC公司网站进行栏目的公司网站进行栏目的 设计、风格的设计，并对该网站目录结构等方面进行设计，设计、风格的设计，并对该网站目录结

27、构等方面进行设计， 以便为以后的设计工作做好准备。以便为以后的设计工作做好准备。 41 【项目分析】【项目分析】 n如何设计网站的栏目？如何设计网站的栏目？ n网站风格的设计包括哪些方面？网站风格的设计包括哪些方面？ n如何进行网站目录结构的设计？如何进行网站目录结构的设计？ 42 【任务分解】【任务分解】 n任务任务1：设计网站的栏目。：设计网站的栏目。 n任务任务2：设计网站的风格。：设计网站的风格。 n任务任务3：设计网站的目录结构。：设计网站的目录结构。 43 任务任务1：设计网站的栏目：设计网站的栏目 n1参考成功网站的内容规划参考成功网站的内容规划 n2确定网站的主要内容确定网站的

28、主要内容 n3设想网站可选内容项设想网站可选内容项 n4正确进行网站特色的定位正确进行网站特色的定位 n5运用网站内容设计的技巧运用网站内容设计的技巧 44 1参考成功网站的内容规划参考成功网站的内容规划 n先确定与要设计网站的公司类似企业的网站先确定与要设计网站的公司类似企业的网站35个为参考个为参考 对象；对象； n然后将确定的网站的主要栏目进行记录与比较，再确定这然后将确定的网站的主要栏目进行记录与比较，再确定这 些同类网站的最常用的栏目，并确定本网站需要保留的栏些同类网站的最常用的栏目，并确定本网站需要保留的栏 目；目； n最后，再确定本网站需要新增的同类网站没有的栏目与特最后，再确定

29、本网站需要新增的同类网站没有的栏目与特 色栏目。色栏目。 45 2确定网站的主要内容确定网站的主要内容 n（1）主页）主页 n（2）公司简介）公司简介 n（3）产品介绍）产品介绍 n（4）最新消息（最新动态）最新消息（最新动态） n（5）客户反馈）客户反馈 n（6）网上订单）网上订单 n（7）联系方式）联系方式 46 3设想网站可选内容项设想网站可选内容项 n（1）技术支持）技术支持 n（2）招聘信息）招聘信息 n（3）总裁致辞）总裁致辞 n（4）专业常识）专业常识 n（5）招商信息）招商信息 n（6）最新报价）最新报价 n（7）网上采购系统（含数据库）网上采购系统（含数据库） 47 4正确进

30、行网站特色的定位正确进行网站特色的定位 n挑选与提炼企业的关键信息，利用一个逻辑结构有序地组挑选与提炼企业的关键信息，利用一个逻辑结构有序地组 织起来，开发一个页面设计原型，选择用户代表来进行测织起来，开发一个页面设计原型，选择用户代表来进行测 试，并逐步精炼这个原型，形成创意。试，并逐步精炼这个原型，形成创意。 n最好能用最好能用15个以内的字准确地描述网站的特色，而这个特个以内的字准确地描述网站的特色，而这个特 色要尽可能让人感觉到其与同类网站的不同之处。色要尽可能让人感觉到其与同类网站的不同之处。 n要做到特色鲜明突出，力求简洁，要点明确要做到特色鲜明突出，力求简洁，要点明确 48 5运

31、用网站内容设计的技巧运用网站内容设计的技巧 n（1）开动脑筋）开动脑筋 n（2）提供有用的信息及其获取的办法）提供有用的信息及其获取的办法 n（3）签上自己的名字，并展示得到的荣誉）签上自己的名字，并展示得到的荣誉 n（4）设置一些有特色的友情链接对象）设置一些有特色的友情链接对象 n（5）登载或转载对本企业肯定性的相关报道）登载或转载对本企业肯定性的相关报道 n（6）精心安排网站的文字叙述部分）精心安排网站的文字叙述部分 n（7）设计合理且吸引客户的排版方式）设计合理且吸引客户的排版方式 n（8）安排适当的交互功能）安排适当的交互功能 49 任务任务2：设计网站的风格：设计网站的风格 n1网

32、站名称与标志的设计网站名称与标志的设计 n2网站标准色彩的设计网站标准色彩的设计 n3网站标准字体的设计网站标准字体的设计 n4网站相关页面的布局设计网站相关页面的布局设计 n5掌握色彩设计要点：用色和谐、重点突出掌握色彩设计要点：用色和谐、重点突出 n6掌握形式设计要点：形式与内容和谐统一掌握形式设计要点：形式与内容和谐统一 n7三维空间的风格设计三维空间的风格设计 n8多媒体功能的风格设计多媒体功能的风格设计 n9文字与段落的风格设计文字与段落的风格设计 n10图像运用的风格设计图像运用的风格设计 n11网站规划设计方面的创意网站规划设计方面的创意 50 1网站名称与标志的设计网站名称与标

33、志的设计 n对于网站的名称，起名时应该做到合法、合理、合情。对于网站的名称，起名时应该做到合法、合理、合情。 n网站标志与名称关系到网站的总体形象，也是企业网站标志与名称关系到网站的总体形象，也是企业CI（企（企 业形象）设计的一个方面。业形象）设计的一个方面。 n在网站的主要页面上的显要位置（一般在正上方），应该在网站的主要页面上的显要位置（一般在正上方），应该 设计一个包含网站标志、网站名称的横幅，它可以是静态设计一个包含网站标志、网站名称的横幅，它可以是静态 的图像，但最好能设计具有动态效果的动画。的图像，但最好能设计具有动态效果的动画。 51 2网站标准色彩的设计网站标准色彩的设计 n

34、网站的标准色彩不要超过网站的标准色彩不要超过3种种 n标准色彩要用于网站的标志、标题、主菜单和主色块标准色彩要用于网站的标志、标题、主菜单和主色块 n，网页的色彩搭配中除了基本的颜色对比外，还应注意以，网页的色彩搭配中除了基本的颜色对比外，还应注意以 下一些基本的色彩特点下一些基本的色彩特点 52 3网站标准字体的设计网站标准字体的设计 n标准字体是指用于标志、标题、主菜单、主体内容的字体。标准字体是指用于标志、标题、主菜单、主体内容的字体。 n一般，常用的字体可以自由设计，而对于不常用的字体最一般，常用的字体可以自由设计，而对于不常用的字体最 好通过图片形式显示。好通过图片形式显示。 n标准

35、字体的设计中还应考虑中英文及其他可能用到的文字标准字体的设计中还应考虑中英文及其他可能用到的文字 所使用的不同字体。所使用的不同字体。 53 4网站相关页面的布局设计网站相关页面的布局设计 n版式设计可以通过文字图形的空间组合，表达出和谐与美。版式设计可以通过文字图形的空间组合，表达出和谐与美。 n努力做到整体布局合理化、有序化、整体化。努力做到整体布局合理化、有序化、整体化。 n多页面站点页面的编排设计要求把页面之间的有机联系反多页面站点页面的编排设计要求把页面之间的有机联系反 映出来，这里主要的问题是页面之间和页面内的秩序与内映出来，这里主要的问题是页面之间和页面内的秩序与内 容的关系。容

36、的关系。 54 5掌握色彩设计要点掌握色彩设计要点 n应利用色彩对人们心理的影响的成果，合理地加以运用。应利用色彩对人们心理的影响的成果，合理地加以运用。 n色调及黑、白、灰的三色空间关系不论在设计还是在绘画色调及黑、白、灰的三色空间关系不论在设计还是在绘画 方面都起着重要的作用。方面都起着重要的作用。 n由于国家和种族的不同，宗教和信仰的不同，生活的地理由于国家和种族的不同，宗教和信仰的不同，生活的地理 位置、文化修养的差异，不同的人群对色彩的喜恶程度有位置、文化修养的差异，不同的人群对色彩的喜恶程度有 着很大差异。着很大差异。 55 6掌握形式设计要点掌握形式设计要点 n形式服务于内容，内

37、容又为目的服务，形式与内容的统一是设计网形式服务于内容，内容又为目的服务，形式与内容的统一是设计网 页的基本原则之一。页的基本原则之一。 n应合理地运用对比与调和、对称与平衡、节奏与韵律以及留白等手应合理地运用对比与调和、对称与平衡、节奏与韵律以及留白等手 段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态， 产生和谐的美感。产生和谐的美感。 n点、线、面是视觉语言中的基本元素，可以使用点、线、面的互相点、线、面是视觉语言中的基本元素，可以使用点、线、面的互相 穿插、互相衬托、互相补充构成最佳的页面效果。穿插、互相衬托、互相补

38、充构成最佳的页面效果。 56 7三维空间的风格设计三维空间的风格设计 n网络上的三维空间是一个假想空间，这种空间关系需借助网络上的三维空间是一个假想空间，这种空间关系需借助 动静变化、图像的比例关系等空间因素表现出来。动静变化、图像的比例关系等空间因素表现出来。 n在页面中图片、文字位置前后叠压，或位置疏密，或页面在页面中图片、文字位置前后叠压，或位置疏密，或页面 上、左、右、中、下位置所产生的视觉效果都各不相同。上、左、右、中、下位置所产生的视觉效果都各不相同。 57 8多媒体功能的风格设计多媒体功能的风格设计 n因特网最大的资源优势在于多媒体功能，因而应尽一切努力挖掘它，因特网最大的资源优

39、势在于多媒体功能，因而应尽一切努力挖掘它， 吸引浏览者保持注意力。吸引浏览者保持注意力。 n因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三 维动画来表现。维动画来表现。 n应当关注一些新的网上商品展示的方法，目前，网上产品展示技术应当关注一些新的网上商品展示的方法，目前，网上产品展示技术 主要有主要有 Java插件模拟三维展示插件模拟三维展示 n实景互动实景互动360度图片度图片 n360度全景摄影度全景摄影 虚拟现实模拟三维展示虚拟现实模拟三维展示 58 9文字与段落的风格设计文字与段落的风格设计 n不要轻易让文字居中和使

40、用粗体或斜体字符。不要轻易让文字居中和使用粗体或斜体字符。 n应尽量利用短的段落，多利用项目符号显示列表。应尽量利用短的段落，多利用项目符号显示列表。 n应用影像地图指引主要连接，使页面能吸引人和容易阅读。应用影像地图指引主要连接，使页面能吸引人和容易阅读。 n对于较多内容的显示，应该注意显示的技巧。对于较多内容的显示，应该注意显示的技巧。 59 10图像运用的风格设计图像运用的风格设计 n图像运用时，不必在以页面上填满图像来增加视觉趣味。图像运用时，不必在以页面上填满图像来增加视觉趣味。 n图像的格式应做选择，在不影响图像效果的前提下，当然图像的格式应做选择，在不影响图像效果的前提下，当然

41、应该选择文件容量更小的图像。应该选择文件容量更小的图像。 n对用作背景的对用作背景的GIF要谨慎。要谨慎。 60 11网站规划设计方面的创意网站规划设计方面的创意 n把设计对象颠倒。把设计对象颠倒。 n把设计对象缩小。把设计对象缩小。 n把颜色换一下。把颜色换一下。 n使设计对象闪动。使设计对象闪动。 n把设计对象放进音乐里。把设计对象放进音乐里。 n使设计对象重复。使设计对象重复。 n使设计对象变成立体。使设计对象变成立体。 n分裂设计对象。分裂设计对象。 n使设计对象速度加快。使设计对象速度加快。 n使设计对象对称。使设计对象对称。 n结合文字音乐图画。结合文字音乐图画。 n设计一个比赛。

42、设计一个比赛。 n设计一个竞猜游戏。设计一个竞猜游戏。 61 任务任务3：设计网站的目录结构：设计网站的目录结构 n1网站链接结构的选择网站链接结构的选择 n2网站目录结构的设计网站目录结构的设计 62 1网站链接结构的选择网站链接结构的选择 n（1）树状链接结构：条理清晰，每个分支的级数不一定相）树状链接结构：条理清晰，每个分支的级数不一定相 同，效率偏低。同，效率偏低。 n（2）星状链接结构：类似于树状链接结构，条理清晰，每）星状链接结构：类似于树状链接结构，条理清晰，每 个分支的级数一般相同，效率一般。个分支的级数一般相同，效率一般。 n（3）网状链接结构：可对链接目标重复利用，效率较高

43、，）网状链接结构：可对链接目标重复利用，效率较高， 但条理性较差。如搜索引擎网站，同一链接目标，可以用但条理性较差。如搜索引擎网站，同一链接目标，可以用 不同的分类方法进行链接。不同的分类方法进行链接。 63 2网站目录结构的设计网站目录结构的设计 n一般，如果选择树状与星状链接一般，如果选择树状与星状链接 结构形式，应该按各级栏目各建结构形式，应该按各级栏目各建 立一个文件夹；立一个文件夹； n同时，应该把图像等文件放在同同时，应该把图像等文件放在同 一文件夹，如图像文件常放在一文件夹，如图像文件常放在 image文件夹下。如果选择网状文件夹下。如果选择网状 链接结构形式，则可以根据某一链接

44、结构形式，则可以根据某一 种分类建立文件夹。种分类建立文件夹。 n关于网站目录结构的设计主要有以下一关于网站目录结构的设计主要有以下一 些技巧。些技巧。 不要将所有文件都存放在根目录下。不要将所有文件都存放在根目录下。 按栏目内容建立子目录。按栏目内容建立子目录。 在每个主栏目内部建立独立的在每个主栏目内部建立独立的images目录。目录。 目录层次不要太深。目录层次不要太深。 不要使用中文目录名。不要使用中文目录名。 不要使用过长目录名。不要使用过长目录名。 尽量使用意义明确的目录名。尽量使用意义明确的目录名。 64 【经验总结】【经验总结】 n为了进行一个电子商务网站大项目的设计，应先做好

45、电子为了进行一个电子商务网站大项目的设计，应先做好电子 商务规划准备的子项目。为了规划准备电子商务网站，主商务规划准备的子项目。为了规划准备电子商务网站，主 要涉及阅读电子商务网站建设的策划书、了解电子商务网要涉及阅读电子商务网站建设的策划书、了解电子商务网 站建设的客户需求、设计网站的内容、设计网站的风格及站建设的客户需求、设计网站的内容、设计网站的风格及 设计网站的目录结构等任务。设计网站的目录结构等任务。 n这些工作会对整个电子商务网站建设产生较大的影响，因这些工作会对整个电子商务网站建设产生较大的影响，因 此工作时一定要认真负责，勤跑腿，勤动手，勤动脑，避此工作时一定要认真负责，勤跑腿

46、，勤动手，勤动脑，避 免在今后具体设计中留下一些疑问和遗憾。免在今后具体设计中留下一些疑问和遗憾。 65 【后续展望】【后续展望】 n在规划了电子商务网站之后，为了具体地进行电子商务网在规划了电子商务网站之后，为了具体地进行电子商务网 站的建设，必须进行电子商务网站的运作方式的设计，其站的建设，必须进行电子商务网站的运作方式的设计，其 中主要有以下任务。中主要有以下任务。 准备网页素材准备网页素材 设计网站商品的展示方式设计网站商品的展示方式 选择网站的支付方式选择网站的支付方式 设计网站的配送方式设计网站的配送方式 设计网站相关页面设计网站相关页面 电子商务网站建设与维护实训电子商务网站建设

47、与维护实训 项目三设计电子商务网站的运作方项目三设计电子商务网站的运作方 式式 67 项目三设计电子商务网站的运作方式项目三设计电子商务网站的运作方式 【项目概述】【项目概述】 n在小王所在的网络公司为在小王所在的网络公司为ABC公司设计了电子商务网站的公司设计了电子商务网站的 栏目与风格后，需要对栏目与风格后，需要对ABC公司电子商务网站进行进一步公司电子商务网站进行进一步 的设计。经理布置给小王几项任务，要求小王为的设计。经理布置给小王几项任务，要求小王为ABC公司公司 网站准备网页素材，设计网站商品的展示方式、网站支付网站准备网页素材，设计网站商品的展示方式、网站支付 方式与配送方式，并

48、设计方式与配送方式，并设计ABC网站相关的页面。网站相关的页面。 68 【项目分析】【项目分析】 n设计网页时需要准备哪些素材？设计网页时需要准备哪些素材？ n如何设计网站商品的展示方式？如何设计网站商品的展示方式？ n如何设计网站的支付与配送方式？如何设计网站的支付与配送方式？ n如何设计网站的相关网页？如何设计网站的相关网页？ 69 【任务分解】【任务分解】 n任务任务1：准备网页素材。：准备网页素材。 n任务任务2：设计网站商品的展示方式。：设计网站商品的展示方式。 n任务任务3：选择网站的支付方式。：选择网站的支付方式。 n任务任务4：设计网站的配送方式。：设计网站的配送方式。 n任务

49、任务5：设计网站相关页面。：设计网站相关页面。 电子商务网站建设与维护实训电子商务网站建设与维护实训70 2021/7/16 任务任务1 准备网页素材准备网页素材 n1准备文字素材准备文字素材 n2准备图像素材准备图像素材 n3准备动画素材准备动画素材 n4准备音频素材准备音频素材 n5准备视频素材准备视频素材 电子商务网站建设与维护实训电子商务网站建设与维护实训71 2021/7/16 1准备文字素材准备文字素材 文字素材是网页设计中最基本的形式文字素材是网页设计中最基本的形式 n传统线下文字素材收集传统线下文字素材收集 n通过搜索引擎查找文字素材通过搜索引擎查找文字素材 n通过从其他文档中

50、复制文字素材通过从其他文档中复制文字素材 n通过扫描仪的文字识别功能获取文字素材通过扫描仪的文字识别功能获取文字素材 n通过文本文件过渡获取其他类型文件中的文字素材通过文本文件过渡获取其他类型文件中的文字素材 电子商务网站建设与维护实训电子商务网站建设与维护实训72 2021/7/16 2准备图像素材准备图像素材 n通过搜索引擎查找图像素材通过搜索引擎查找图像素材 n通过从其他文档中复制图像素材通过从其他文档中复制图像素材 n通过扫描仪将图片输入到计算机通过扫描仪将图片输入到计算机 n通过图像处理软件绘制与处理图像素材通过图像处理软件绘制与处理图像素材 n图像文件格式的转换图像文件格式的转换

51、电子商务网站建设与维护实训电子商务网站建设与维护实训73 2021/7/16 3准备动画素材准备动画素材 n动画文件的种类动画文件的种类 n通过搜索引擎查找动画素材通过搜索引擎查找动画素材 n通过动画处理软件制作动画素材通过动画处理软件制作动画素材 n准备三维动画素材准备三维动画素材 电子商务网站建设与维护实训电子商务网站建设与维护实训74 2021/7/16 4准备音频素材准备音频素材 n声音文件的种类声音文件的种类 n通过搜索引擎查找声音素材通过搜索引擎查找声音素材 n通过通过“录音机录音机”程序录制声音素材程序录制声音素材 电子商务网站建设与维护实训电子商务网站建设与维护实训75 202

52、1/7/16 5准备视频素材准备视频素材 n视频素材可能有多种格式，如视频素材可能有多种格式，如AVI格式、格式、RM格式、格式、 MPEG/MPEG4格式、格式、QT格式、格式、MOV格式等。格式等。 AVI格式：格式：AVI是对视频、音频文件采用的一种有损压缩方式是对视频、音频文件采用的一种有损压缩方式 MOV、QT格式：格式：MOV、QT都是都是QuickTime的文件格式的文件格式 电子商务网站建设与维护实训电子商务网站建设与维护实训76 2021/7/16 任务任务2设计网站商品的展示方式设计网站商品的展示方式 n1网络商品静态图像展示网络商品静态图像展示 n2网络商品动态图像展示网

53、络商品动态图像展示 n3网络商品视频展示网络商品视频展示 n4网络商品的三维展示网络商品的三维展示 电子商务网站建设与维护实训电子商务网站建设与维护实训77 2021/7/16 1网络商品静态图像展示网络商品静态图像展示 n首先，应确定需要使用静态图像展示的商品种类与数量，并确定要使用的图像首先，应确定需要使用静态图像展示的商品种类与数量，并确定要使用的图像 的格式；的格式； n然后，须确定要使用的静态图像的尺寸；然后，须确定要使用的静态图像的尺寸； n同时，还要确定要展示的商品是否需要不同角度的照片。同时，还要确定要展示的商品是否需要不同角度的照片。 n接下来，就是选择拍摄场地，准备好拍摄环

54、境，根据前面的计划，具体拍摄照接下来，就是选择拍摄场地，准备好拍摄环境，根据前面的计划，具体拍摄照 片；片； n然后，将拍摄好的照片导入电脑，再根据计划进行处理，如调整效果，加上网然后，将拍摄好的照片导入电脑，再根据计划进行处理，如调整效果，加上网 站的标志。站的标志。 n另外，对于网络商品的静态图像展示，应考虑不同商品的特性，用最恰当的方另外，对于网络商品的静态图像展示，应考虑不同商品的特性，用最恰当的方 式展现商品最优秀的一面。式展现商品最优秀的一面。 电子商务网站建设与维护实训电子商务网站建设与维护实训78 2021/7/16 2网络商品动态图像展示网络商品动态图像展示 n网络商品动态图

55、像制作的主要方法与静态图像制作的方法类似。网络商品动态图像制作的主要方法与静态图像制作的方法类似。 n但是，动态图像一般使用但是，动态图像一般使用GIF动画或动画或FLASH的的SWF的等格式，更注意从不同的等格式，更注意从不同 角度、不同大小展示商品；角度、不同大小展示商品； n同时，动态图像需要确定动态图像的展示的效果，如水平百页窗、淡入淡出、同时，动态图像需要确定动态图像的展示的效果，如水平百页窗、淡入淡出、 旋转出现等。旋转出现等。 n要进行商品动态图像的展示，需要掌握至少一种动画制作软件的使用。要进行商品动态图像的展示，需要掌握至少一种动画制作软件的使用。 n同样，对于网络商品的动态

56、图像展示，也应考虑不同商品的特性，用最恰当的同样，对于网络商品的动态图像展示，也应考虑不同商品的特性，用最恰当的 方式展现商品最优秀的一面。方式展现商品最优秀的一面。 电子商务网站建设与维护实训电子商务网站建设与维护实训79 2021/7/16 3网络商品视频展示网络商品视频展示 n网络商品视频制作的主要方法与静态图像制作的方法类似。网络商品视频制作的主要方法与静态图像制作的方法类似。 n但是，视频一般使用但是，视频一般使用AVI、WMA、MPEG等格式；等格式； n视频一般尺寸不宜过大，以免影响将来播放的速度；视频一般尺寸不宜过大，以免影响将来播放的速度； n视频需要确定展示的效果，如镜头推

57、近、拉远、切换、朦胧等。视频需要确定展示的效果，如镜头推近、拉远、切换、朦胧等。 n要进行商品视频的展示，需要掌握至少一种视频处理软件，如要进行商品视频的展示，需要掌握至少一种视频处理软件，如“超级解霸超级解霸”、 “金山影霸金山影霸”、“会声会影会声会影”等。等。 n对于网络商品的视频展示，也应考虑不同商品的特性，用最恰当的方式展现商对于网络商品的视频展示，也应考虑不同商品的特性，用最恰当的方式展现商 品最优秀的一面。品最优秀的一面。 电子商务网站建设与维护实训电子商务网站建设与维护实训80 2021/7/16 4网络商品的三维展示网络商品的三维展示 n（1）虚拟组装室）虚拟组装室 n（2）

58、三维全景虚拟现实）三维全景虚拟现实 实景互动实景互动360度图片度图片 360度全景摄影度全景摄影 电子商务网站建设与维护实训电子商务网站建设与维护实训81 2021/7/16 任务任务3：选择网站的支付方式：选择网站的支付方式 n1选择第三方支付平台选择第三方支付平台 n2注册并下载在线支付相关文档注册并下载在线支付相关文档 n3添加网银在线支付接口添加网银在线支付接口 n4选择其他的支付方式选择其他的支付方式 电子商务网站建设与维护实训电子商务网站建设与维护实训82 2021/7/16 1选择第三方支付平台选择第三方支付平台 n第三方支付一般的运行模式为：第三方支付一般的运行模式为： 买方

59、选购商品后，使用第三方平台提供的账户进行货款支付，第买方选购商品后，使用第三方平台提供的账户进行货款支付，第 三方在收到代为保管的货款后，通知卖家货款到账，要求商家发三方在收到代为保管的货款后，通知卖家货款到账，要求商家发 货；货； 买方收到货物、检验商品并确认后，通知第三方；买方收到货物、检验商品并确认后，通知第三方； 第三方将其款项转划至卖家账户上。第三方将其款项转划至卖家账户上。 n比较知名的有支付宝、安付通、网银在线与易达信动比较知名的有支付宝、安付通、网银在线与易达信动 QPAY第三方在线支付平台。第三方在线支付平台。 电子商务网站建设与维护实训电子商务网站建设与维护实训83 202

60、1/7/16 2注册并下载在线支付相关文档注册并下载在线支付相关文档 n首先需要注册成为网银在线网上商户，注册完成后会获得一个商户首先需要注册成为网银在线网上商户，注册完成后会获得一个商户 号，用商户号可以登录后台管理页面号，用商户号可以登录后台管理页面 n登录商户管理后台，资料管理登录商户管理后台，资料管理/修改私钥，并需要登录商户管理后修改私钥，并需要登录商户管理后 台，下载支付接口技术文档，和技术文档一起提供的还有几个页面台，下载支付接口技术文档，和技术文档一起提供的还有几个页面 文件，主要有以下几种。文件，主要有以下几种。 用于对订单敏感信息加密的加密函数包含文件。用于对订单敏感信息加