企业网站设计方法.pptVIP

知 识 要 点 能 力 要 点 网站的逻辑结构设计 　　不同网页之间通常具有一定的逻辑关系，比如先后关系、包含关系、并列关系等，多个网页按照它们之间的逻辑关系组织在一起就形成了各种逻辑结构。在现在的网站中，最常见的逻辑结构就是层次型结构，其次是线形结构和网型结构。 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　“淡蓝的天空”个人网站的栏目设计 一、要求与目的 掌握网站的色彩搭配 掌握网站的版面布局设计 掌握网站的导航设计 二、规划分析过程 1、风格设计： 　　　风格设计包含很多内容，为了体现个人风格，符合网站的名称和定位，下面我们在色彩搭配和版面布局方面做一些规划和设计。 常见的版面布局形式----“T”结构 “T”结构:所谓“T”结构，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，下方左面为主菜单，右面显示内容的布局，这是网页设计中用得最广泛的一种布局方式。 这样的布局有其固有的优点，因为人的注意力主要在右下角，所以企业想要发布给用户的信息都能被用户以最大可能性获取；其次是页面结构清晰。 缺点是规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。 页面版面布局原则与技巧 （1）正常平衡：正常平衡亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。 （2）异常平衡：异常平衡即非对照形式，都是不均衡的，此种布局能达到强调性、不安性、高注目性的效果。 （3）对比：所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。 （4）空白：这种表现方法对体现网页的格调十分有效。 网页色彩设计 网页中最难处理的就是色彩搭配的问题 所以网页设计不仅仅涉及到技术问题，还包含了很重的艺术因素 根据专业的研究机构研究表明：彩色的记忆效果是黑白色的3.5倍，也就是说，在一般情况下，彩色页面较黑白页面更加吸引人。 网页色彩搭配的原理 网页色彩搭配的技巧 网页色彩搭配原理 色彩的鲜明性：引人注目 色彩的独特性：突出企业形象 色彩的合适性：要与网站的主题相符 色彩的联想性：与网站的内容相关联 网页色彩搭配技巧 相同色系色