电子商务网站建设 （理论部分）.

Presentation on theme: "电子商务网站建设 （理论部分）."— Presentation transcript:

1 电子商务网站建设 （理论部分）

2 实验前需要了解的基本知识点： 电子商务网站设计的基本知识 电子商务网站建设的基本流程 简单介绍Dreamweaver8.0软件

3 在网站建设之前，需要对网站进行一系列的分析和估计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。
一、电子商务网站设计的基本知识 在网站建设之前，需要对网站进行一系列的分析和估计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。 网站的规划与设计可分为以下几个环节： 网站定位 栏目规划 目录结构设计 风格设计 导航系统设计。

4 （一）电子商务网站定位 网站的定位就是确定网站的建设目标，它通常需要确定三个方面：
网站的建设目的 网站的访问对象 网站的内容与服务 用更通俗的话来说，就是回答“为什么要建立这个网站？这个网站为谁服务？网站提供哪些方面的内容和服务？”这三个问题。 不同性质的站点有不同的建设目的。比如，电子商务站点主要是为了在企业与企业、企业与个人消费者之间建立更为直接和高效的商务通道；电子政务网站代表的是政府部门，所以主要是通过它来宣传政府的形象、实现政务公开、向社会提供有价值的公益和导向信息，以及实现网上政务；而个人站点则主要是为了介绍个人的兴趣爱好，通过共享信息来结识更多的朋友。

5 （二）电子商务网站栏目规划 栏目规划的主要任务是对所收集的大量内容进行有效的筛选，并将它们组织成一个合理的便于理解的逻辑结构，即建立网站的逻辑结构，在这其中不仅需要为整个网站建立层次型结构，还需要为每一个栏目或者子栏目设计合理的逻辑结构。 除此之外，栏目规划还需要确定哪些是确定必需的栏目、哪些是重点栏目、哪些是需要实时更新的栏目、需要提供哪些功能性栏目等。 成功的栏目规划不仅能给用户的访问带来极大的便利，帮助用户准确地了解网站所提供的内容和服务和快速地找到自己所感兴趣的网页，而且能帮助网站管理员对网站进行更为高效的管理。

6 （三）电子商务网站目录结构设计 目录结构又称为物理结构，它的设计解决的是如何在硬盘上更好地存放包括网页、图片、Flash动画、JavaApplet、数据库等各种资源在内的所有网站资源。 目录结构是否合理，对网站的创建效率会产生较大的影响，但更主要的，会对未来网站的性能、网站的维护及扩展产生很大的影响。 不建议将所有的网页文件和资源文件都放在同一个目录底下。当文件一多时，www服务器的性能就会急剧下降，因为查找一个网页文件需要很长的时间，而且网站管理员在区分不同性质的文件和查找某一个特定的文件时也会变得非常麻烦。 目录结构对用户来说是不可见的，它只针对网站管理员，所以它的设计是为了网站管理员能从文件的角度更好地管理网站的所有资源。

7 网站目录结构的设计通常需要遵循以下原则：
不要将所有的文件都放在根目录下 根据栏目规划来设计目录结构 每个目录下都建立独立的images子目录 目录的层次不要太深 不要使用中文目录名 可执行文件和不可执行文件分开放置 数据库文件单独放置

8 风格设计包含很多内容，为了体现个人风格，符合网站的名称和定位。下面我们在色彩搭配和版面布局方面做一些规划和设计。
（四）电子商务网站风格设计 风格设计包含很多内容，为了体现个人风格，符合网站的名称和定位。下面我们在色彩搭配和版面布局方面做一些规划和设计。 色彩搭配 版面布局设计 网站的导航设计

9 网站设计需要注意的其他问题 A．网页长度不要超过三屏，否则使网页下载速度过慢。
B．网页中的图像单张不要超过30KB，整页不要超过60KB，若不得不使用大的图片，可将其切割再使用。 C．正确选择图片格式，网上常用的图片格式是GIF、JPEG或PNG，分辨率一般是72像素/英寸。 D．由于动画容量是图像的几十倍，所以在一个网页中动画一般要少于三个，并且每个动画大小要控制在15KB以内。 E．不要使用三种以上或太大、太小的字体，正文字体一般可设置为9pt。 F．不要使用不常用的字体，若需要可考虑制作为图片。 G．尽量使用相对的超级链接。 H．为图片添加文字说明。

10 版面布局的基本方法 熟悉网页制作的人在拿到网页的相关内容后，也许很快就可以在脑子里形成大概的布局，并且可以直接用网页制作工具开始制作。但是对不熟悉网页布局的人来说，这么做有相当大的困难，所以这时，就需要借助于其他的方法来进行网页布局。 第一种方法是用手工的方式在纸上画草图，这种方法可以大概地描绘出网页的框架，但是也只能到此为止，不能再进行更细的工作，如配色、摆放文字和图片等。 第二种方法是用专业制图软件来进行布局，建议使用Photoshop。Photoshop是一个非常优秀的图片处理工具。用它可以像设计一幅图片、一幅招贴画、一幅广告一样去设计一个网页的界面，然后再考虑如何用网页制作工具去实现这个网页。

11 二、电子商务网站建设的基本流程

12 电子商务网站建设的基本流程 网站的规划与设计是网站建设的第一步。在这—步中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象、网站应提供的内容与服务及网站的域名，设计网站的标志、网站的风格、网站的目录结构等各方面的内容。这一步是网站建设成功与否的前提，因为所有的后续步骤都必须按照第一步的规划与设计来进行实施。 网站的规划与设计完成之后，接着进入具体的站点建设步骤。这个步骤主要包括域名注册、网站配置、网页制作和网站测试四个部分。除了网站测试必须要在其他三项内容开始之后才能进行之外，域名注册、网站配置和网页制作相对独立，可以同时进行。

13 电子商务网站建设的基本流程 相关的内容都建设好后，就可以正式地发布网站，也就是说将网站放到Internet上允许用户通过网站的域名进行访问。
网站的管理与维护虽然是最后一个步骤，但实际上贯穿网站建设的全过程，只要网站没有停止运行，就需要对其进行管理和维护，所以这一步也是最为费劲的一步。网站的管理和维护主要包括安全管理、性能管理和内容管理三个方面。 另外从上也可以看到，网站建设是一个循环的过程，并不是说一次过后就结束了。它需要随着需求的变化不断地对网站进行再次规划与设计，进而不断地建设和发布新的内容与服务，不断地升级服务器和网络环境以保障网站的运行性能。

14 三、简单介绍Dreamweaver8.0软件 目前较主流的主页网页开发工具。
是由Macromedia公司开发的一个可视化的网页设计和网站管理工具，支持最新的Web技术。由于Macromedia2005年被Adobe并购，故此软件现以为Adobe旗下产品。 Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队) 。 网上学习资源（供大家参考）