《电子商务网站开发步骤课件》由会员分享，可在线阅读，更多相关《电子商务网站开发步骤课件（138页珍藏版）》请在金锄头文库上搜索。
1、第二章 电子商务网站开发步骤,网站的设计与建设是需要一系列步骤来完成的，能否遵循网站的设计步骤直接影响一个网站质量，也直接影响网站发布后是否能成功运行。友情提醒：如果你还不熟悉网站建设、美工设计、内容优化、网站推广的流程，你可以选择发布悬赏任务，欢迎点此进入发布任务获得网络高手的全力协助。,2.1 总体概述 2.2 网站的规划与设计 2.3 站点建设 2.4 站点发布和网站的管理与维护 习 题,第二章 电子商务网站开发步骤,2.1 总体概述,网站建设总的来说需要经历四个步骤，分别是网站的规划与设计、站点建设、网站发布和网站的管理与维护，如图2-1所示。,图2-1 网站建设的步骤,网站的规划与设
2、计是网站建设的第一步。在这步中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象、网站应提供的内容与服务及网站的域名，设计网站的标志、网站的风格、网站的目录结构等各方面的内容。这一步是网站建设成功与否的前提，因为所有的后续步骤都必须按照第一步的规划与设计来进行实施。,网站的规划与设计完成之后，接着进入具体的站点建设步骤。这个步骤主要包括域名注册、网站配置、网页制作和网站测试四个部分。除了网站测试必须要在其他三项内容开始之后才能进行之外，域名注册、网站配置和网页制作相对独立，可以同时进行。相关的内容都建设好后，就可以正式地发布网站，也就是说将网站放到Internet上允许用户通过网
3、站的域名进行访问。,网站的管理与维护虽然是最后一个步骤，但实际上贯穿网站建设的全过程，只要网站没有停止运行，就需要对其进行管理和维护，所以这一步也是最为费劲的一步。网站的管理和维护主要包括安全管理、性能管理和内容管理三个方面。另外从图2-1也可以看到，网站建设是一个循环的过程，并不是说一次过后就结束了。它需要随着需求的变化不断地对网站进行再次规划与设计，进而不断地建设和发布新的内容与服务，不断地升级服务器和网络环境以保障网站的运行性能。,2.2 网站的规划与设计,在网站建设之前，需要对网站进行一系列的分析和估计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。网站的规划与设计可分
4、为网站定位、栏目规划、目录结构设计、风格设计、导航系统设计几个环节。,2.2 网站的规划与设计,1 网站的定位网站的定位就是确定网站的建设目标，它通常需要确定三个方面：网站的建设目的、网站的访问对象和网站的内容与服务。用更通俗的话来说，就是回答“为什么要建立这个网站?这个网站为谁服务?网站提供哪些方面的内容和服务?”这三个问题。,不同性质的站点有不同的建设目的，比如电子商务站点主要是为了在企业与企业、企业名。与个人消费者之间建立更为直接和高效的商务通道；电子政务网站代表的是政府部门，所以主要是通过它来宣传政府的形象、实现政务公开、向社会提供有价值的公益和导向信息，以及实现网上政务；而个人站点则
5、主要是为了介绍个人的兴趣爱好，通过共享信息来结识更多的朋友。,2、栏目规划及其任务栏目规划的主要任务是对所收集的大量内容进行有效的筛选，并将它们组织成一个合理的便于理解的逻辑结构，即建立网站的逻辑结构，在这其中不仅需要为整个网站建立层次型结构，还需要为每一个栏目或者子栏目设计合理的逻辑结构。除此之外，栏目规划还需要确定哪些是重点栏目、哪些是需要实时更新的栏目、需要提供哪些功能性栏目等。,成功的栏目规划不仅能给用户的访问带来极大的便利，帮助用户准确地了解网站所提供的内容和服务和快速地找到自己所感兴趣的网页，而且能帮助网站管理员对网站进行更为高效的管理。,1)确定必需的栏目栏目规划的第一步就是要确
6、定哪些是必需的栏目，这通常取决于网站的性质。比如对于一个企业网站来说，公司简介、产品介绍、服务内容、联系方式、技术支持等栏目是必不可少的，而对于政府网站来说政务、政策法规、地方经济、百姓生活、观光旅游等栏目都是必需的。个人网站相对来说比较随意，往往取决于所收集的内容，但个人简介、个人收藏等栏目通常不能缺少。,除了内容栏目之外，网站还应该包含另外两类栏目，分别是用户指南类栏目和交互性栏目。用户指南类栏目的目的是为了帮助用户了解这个网站的背景、性质、目的、功能及发展历程，了解如何更好地对网站进行访问，了解网站建设的最新动态。这类栏目通常以“帮助”、“关于网站”、“网站地图”、“最新动态”等名称出现
7、。,交互性栏目是能与用户进行双向交流的栏目，通过它不仅可以解答用户的疑问、了解用户的需求，而且还可以获得用户对网站的建议和看法，让用户与网站、用户与用户之间建立良好的沟通，以便更好地帮助网站的建设与发展。交互性栏目最常见的方式就是留言板。,2)确定重点栏目在确定完需要设置哪些栏目之后，接着需要做的是从这些栏目中挑选出最为重要的几个栏目然后对它们进行更为详细的规划，这种选择往往取决于网站的目的与功能。比如企业网站，其目的可能是为了更好地推销自己的产品，所以产品介绍便是它的重点栏目。因此为了更好地介绍产品，它除了基本的产品介绍之外，可能还需要设立价格信息、网上定购、产品动态等相关栏目。,3)建立层
8、次型结构建立层次型结构是一个递进的过程，即从上到下一级一级地确定每一层的栏目。首先是确定第一层，即网站所必需的栏目，然后对其中的重点栏目进行进一步的规划，确定它们所必需的子栏目，以此类推直至不需要再细分为止。将所有的栏目及其子栏目连在一起就形成了网站的层次型结构。,1)线型结构线型结构是最为简单的逻辑结构，如图2-2所示，它将多个网页按照一定的先后顺序链接起来，使得用户在没有完成上一个网页的访问之前就无法进入下一个网页。,图2-2 线性结构,2) 层次型结构相对于按先后顺序组织而成的线型结构，层次型结构是按照网页之间的包含关系组织而成。层次型结构简单而且直观，能将所有的内容划分得非常清晰且便于
9、理解，所以几乎所有的网站都采用这种结构来进行总体的栏目规划，即将所有的内容先分成若干个大栏目，然后再将每个大栏目细分成若干小栏目，以此类推直到不用再细分为止。,层次型结构也有不好的地方，就是用户如果要访问最底层的网页就不得不按照层次从上到下一级一级地访问，最终到达想要访问的网页。如果层次型结构的层次很深，比如有五层或者六层，那么所带来的麻烦就大大降低了层次型网络所具有的优点。又比如图2-3所示的例子，用户想从网页A转到网页B，很可能不得不先从网页A一级级地返回到网页C，然后再一级一级地往下走直到网页B。,图2-3 层次型结构说明图,所以过深过于复杂的层次型结构反而会带来很多不良的影响，最好的深
10、度就是三层，最多不要超过五层。另外，建立一个良好的导航系统也可以弥补层次型结构这方面的缺点。,如图2-4所示，网络型结构是指多个网页相互之间都超链接的一种结构，这些网页可以是层次结构上的任意网页，但是因为导航的需要或者内容上的相关性而链接在一起。,3) 网络型结构,图2-4 网络型结构,网络型结构的实现就在于在所有相关的网页上保留到其他网页的超链接。这种结构使用户能更方便地在网站上游弋，但同时也带来一个庞大超链接数的问题。我们可以简单地计算一下，总的超链接数应该等于网页数乘以网页数减一，所以三个网页的网络型结构的超链接总数为32=6，10个网页的网络型结构的超链接总数就到达lO9=99。这么庞
11、大的超链接数维护起来相当麻烦，某个网页的改动(如改名、删除、增加)就可能同时需要对所有的网页进行相应的修改，这是谁都不愿意做的事情，所以在网站中需要谨慎使用网络型结构。,4、网站目录结构设计目录结构又称为物理结构，它的设计解决的是如何在硬盘上更好地存放包括网页、图片、Flash动画、JavaApplet、数据库等各种资源在内的所有网站资源。目录结构是否合理，对网站的创建效率会产生较大的影响，但更主要的，会对未来网站的性能、网站的维护及扩展产生很大的影响。,不建议将所有的网页文件和资源文件都放在同一个目录底下。当文件一多时，www服务器的性能就会急剧下降，因为查找一个网页文件需要很长的时间，而且
12、网站管理员在区分不同性质的文件和查找某一个特定的文件时也会变得非常麻烦。目录结构对用户来说是不可见的，它只针对网站管理员，所以它的设计是为了网站管理员能从文件的角度更好地管理网站的所有资源。,目录结构的设计通常需要遵循以下原则： 1) 不要将所有的文件都放在根目录下有的管理员为了图方便，将所有的文件都放在根目录下。正像前面刚提到的，这么做很容易造成文件管理混乱。而且当文件很多时，会非常影响WWW服务器的索引速度。因为服务器通常需要为根目录建立一个索引，而且每增加一个新的文件时都需要重新建立索引，所以很明显，文件越多，建立索引的时间也就越长。,2) 根据栏目规划来设计目录结构一般情况下，可以按照
13、网站的栏目规划来设计目录结构，使两者有一一对应的关系。但是这么做，也会导致一个安全问题，就是访问者很容易猜测出网站的目录结构，也就容易对网站实施攻击。所以在设计目录结构的时候，尽量避免目录名和栏目名相一致，可以a的方式来提高目录名的猜测难度。,3) 每个目录下都建立独立的images子目录将图片及资源文件都放在一个独立的images目录下，可以使目录结构更加清晰。如果很多网页都需要用到同一个图片，比如网站标志图片，那么将这个图片放到所有这些网页共有的最高层目录的images子目录下。,4) 目录的层次不要太深 5) 不要使用中文目录名因为你的站点是对Internet所有用户开放的，所以你得考虑
14、到使用非中文操作系统的客户也能正常访问你的站点。对于目录名，最好都使用英文。,6) 可执行文件和不可执行文件分开放置将可执行的动态服务器网页文件和不可执行的静态网页文件与动态网页文件分别放在两个目录下，然后将存放可执行网页文件的目录设为不可读和执行。这么做的好处就是可以避免动态服务器网页文件被读取。,7) 数据库文件单独放置数据库文件因为安全需求很高，所以最好放置在HTTP所不能访问到的目录底下。这样就可以避免恶意的用户通过HTTP方式取到数据库文件。,3风格设计：风格设计包含很多内容，为了体现个人风格，符合网站的名称和定位。下面我们在色彩搭配和版面布局方面做一些规划和设计。,1) 色彩搭配网
15、站的色彩是最影响网站整体风格的因素，也是站点美工设计中最令人头疼的问题。许多网页设计者都缺乏色彩搭配的基本知识，所以在制作网页之前往往有一个很好的想法，但是却不知如何搭配网页的颜色来表达预想的效果。因此，在介绍色彩搭配之前，先来看看色彩的基本知识。, 色彩的基本知识在物理学中，颜色是因为光的折射而产生的。颜色不同，光的波长也就不同。红、绿、蓝是自然界的三原色，它们不同程度的组合可以形成各种颜色。所以在网页中，也就用它们的不同颜色值来表示各种颜色。网页中的颜色通常采用6位十六进制的数值来表示，每两位代表一种颜色，从左到右依次表示红色、绿色和蓝色。颜色,值越高表示这种颜色越深。比如红色，其数值为“
16、#FF0000”，白色为“#FFFFFF”，黑色为“#000000”。也可以采用三个以“，”相隔的十进制数来表示某一颜色，比如红色，其十进制表示为color(255，0，0)。在传统的色彩理论中，颜色一般分为彩色和非彩色(或称为灰色)两大色系。非彩色是指黑、白和所有灰色，彩色是指除非彩色外所有的颜色。在网页中，如果三种颜色的数值相等，就显示为灰色。,太阳光是彩色的，按颜色的色调通常将其划分为七种颜色：红、橙、黄、绿、青、蓝、紫。如果将这七种颜色按这个顺序渐变为一条色带的话，越靠近红色，给人的感觉越温暖，越靠近蓝色和紫色，给人的感觉越寒冷。所以红、橙、黄的组合又称为暖色调，青、蓝、紫的组合又称为冷色调。除了冷暖的差别外，不同的单个颜色也会给人带来不同的感觉，通常：,红色：是一种激奋的色彩，给人以冲动、愤怒、热情和活力的感觉。绿色：介于冷暖两种色彩的中间，一显得和睦、宁静、健康、安全。它和金黄、淡白搭配，可以产生优雅、舒适的气氛。橙色：也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨和时尚的效果。黄色：充满快乐、希望、智慧和轻快，它也是最亮的一种颜色。,
