电子商务企业网站设计.pptxVIP

企业网站设计;知 识 要 点;能 力 要 点; 　　不同网页之间通常具有一定的逻辑关系，比如先后关系、包含关系、并列关系等，多个网页按照它们之间的逻辑关系组织在一起就形成了各种逻辑结构。在现在的网站中，最常见的逻辑结构就是层次型结构，其次是线形结构和网型结构。;1）线型结构 　　　线型结构是最为简单的逻辑结构，如图3-1所示，它将多个网页按照一定的先后顺序链接起来，使得用户在没有完成上一个网页的访问之前就无法进入下一个网页。;　线型结构最常用于需要按步骤进行的栏??上，例如用户注册、建立定单、教程等。 　　如在当当网购买图书或者音像制品，也必须按顺序进行选择商品、确认购物车、填写定单、生成定单四个步骤：如图3-2所示：;2）层次型结构 　　　层次型结构是按照网页之间的包含关系组织而成。前面图3-3就是一个典型的层次型结构，它很像一棵倒置的树。 　　　层次型结构简单而且直观，能将所有的内容划分得非常清晰且便于理解，所以很多网站都采用这种结构来进行总体的栏目规划。;　　　层次型结构也有不好的地方，就是用户如果要访问最底层的网页就不得不按照层次从上到下一级一级地访问，最终到达想要访问的网页。 　　　所以过深过于复杂的层次型结构反而会带来很多不良的影响，最好的深度是三层，另外，建立一个良好的导航系统也可以弥补层次型结构这方面的缺点。;3）网络型结构 　　如图3-3所示，网络型结构是指多个网页相互之间都超链接的一种结构，这些网页可以是层次结构上的任意网页，但是因为导航的需要或者内容上的相关性而链接在一起。;　网络型结构的实现在于所有相关的网页上保留到其他网页的超链接。这种结构使用户更方便地在网络上遨游，但同时也带来一个庞大的超链接数的问题。一般来说，总的超链接数应该等于网页数乘以网页数减一，如有10个网页，那么就有99个超链接，这么庞大的超链接数维护起来相当麻烦，某个网页的;　改动（如改名、删除、增加）就可能同时需要对所有的网页进行相应的修改，所以在网站中需要谨慎使用这种结构。 4、网站目录结构设计 　　目录结构又称为物理结构，它设计解决的是如何在硬盘上更好地存放包括网页、图片、Flash动画、JavaApplet、数据库等各种资源在内的所有网站资源。;　　　目录结构是否合理，对网站的创建效率会产生较大的影响，但更主要的，会对未来网站的性能、网站的维护及扩展产生很大的影响。 　　　目录结构对用户来说是不可见的，它只针对网站管理员，所以它的设计是为了网站管理员能从文件的角度更好地管理网站的所有资源。;目录结构的设计通常需要遵循以下原则： 1）不要将所有的文件都放在根目录下 2）根据栏目规划来设计目录结构 3）每个目录下都建立独立的images子目录 4）目录的层次不要太深 5）不要使用中文目录名 6）可执行文件和不可执行文件分开 7）数据库文件单独放置 8）不要使用过长的目录;实例3－1　“淡蓝的天空”个人网站的栏目设计;常见的版面布局形式----“T”结构;页面版面布局原则与技巧;网页色彩设计;网页色彩搭配原理;网页色彩搭配技巧;首页设计;首页几大基本要素;首页要注意的问题; 1）色彩的选取及搭配 　　本网站名为“淡蓝的天空”，因此整个网站拟采用蓝色为主要色调，再辅助于一些绿等其它颜色，体现凉爽、清新、淡雅、浪漫的氛围。比如首页就采用一副包含网站名称、各主要栏目，以蓝色为主要色调的图片来作为整个首页的界面，如图3-4所示。;图3-4　“淡蓝的天空”首页图形界面;2）版面布局 　首页布局： 　　首页虽然采用图3－10的图片作为整个网页的界面，但在布局上基本属于图3－11所示的布局方式。;;　　“感动你的心灵”栏目主要是文摘、网文、杂文、专栏等，界面利用图形设计成一本打开的书如图3－6所示，但在版面布局上采用如图3－7所示的布局方式。;图3-6　“感动你的心灵”栏目图;图3-7　“感动你的心灵” 版面布局图;　　其他栏目布局基本采用类似的布局方式。 3）导航设计 　　由于本案例栏目数量、网页数量都不多，导航系统选择栏目名称直接导航的形式。 三、本案例知识点 1、网站的风格设计 　　网站的风格是抽象的，它往往无法用一个具体的物体来描述，它是指用户;对网站整体形象的一种感觉。这个整体形象包括网站标志、色彩、版面布局、交互方式、文字编排、图片、动画等诸多因素。 　　风格又是独特的，是网站最不同于其他网站的地方。统一的风格使用户无论处在网站的哪一页，都明确知道自己正在访问的是这个网站。比如，微软公司的网站，任何一个网页都有微软特有的蓝色和“Microsoft”网站标志。;1）色彩搭配 　　　网站的色彩是最影响网站整体风格的因素，也是站点美工设计中最令人头疼的问题。因此，在介绍色彩搭配之前，先来看看色彩的基本知识。 色彩的基本知识 　　在物理学中，颜