WEB-3-第三章-网站结构设计.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * 第3章 网站结构设计 网站结构设计是网站设计的又一重要组成部分。在内容设计完成之后，网站的目标及内容主题等有关问题已经确定。结构设计要做的事情就是如何将内容划分为清晰合理的层次体系，比如栏目的划分及其关系、网页的层次及其关系、链接的路径设置、功能在网页上的分配等等，以上这些都仅仅是前台结构设计，而前台结构设计的实现需要强大的后台支撑，后台也应有良好的结构设计以保证前台结构设计的实现。显然结构设计是体现内容设计与创意设计的关键环节。 3.1 网站前台结构设计 3.1.1 网站前台结构设计的目标 (1)层次清楚，突出主题 理清网页内容及栏目结构的脉络，使链接结构、导航线路层次清晰；内容与结构要突出主题。 (2)体现特征，注重特色设计 (3)方便用户使用 (4)网页在功能分配上合理，且要功能强大 (5)可扩展性能好 3.1 网站前台结构设计 / / / / 3.1.2 网站前台结构设计的内容 ⑴内容结构设计 根据网站特性、建站目的、信息类别，将信息和功能分类划分并细化形成结构脉络，整理后放置于不同层次网页。 ①鉴定內容和功能需求 内容设计及创意设计的汇总和补充。运用收集的信息建立内容和功能列表。内容形式包括：静态、动态等等；功能可包括著作权、私有性宣告、会员规则、会员登录、订阅电子报刊等 3.1.2 网站前台结构设计的内容 ⑴内容结构设计步骤 ②分类并标记内容 整理内容，分类标记。写内容清单，内容的检索卡，并分类标记，命名，简短描述并记录于表格。 3.1.2 网站前台结构设计的内容 ⑴内容结构设计步骤 ③功能分配 将功能按照需求放到相应的网页中，目的是方便用户。分清主次，放于主次不同的网页上 链接也同样要整理、列表、命名、描述，以免混淆。 3.1.2 网站前台结构设计的内容 ⑴内容结构设计步骤 ④完成设计文档 描述结构设计的有关细节，内容摘要、分类命名、各类间关系等。 ⑵链接结构设计 链接结构是由网站的目录引出的，网站的目录是指建立网站时创建的目录。目录结构的好坏，对用户而言没什么，但是对于网站本身的上传维护、内容扩充和移植有着重要的影响。 建立网站的链接结构有两种基本方式： ①树状链接结构。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构被浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道目前在什么位置；缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。 ②星状链接结构。类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己要找的页面。缺点是链接太多，容易使用户搞不清现在位置在哪里，看了多少内容。 网站的链接结构 线性 树状结构 无环网 块状结构 任意网 ⑶网页呈现结构设计 网页呈现结构设计是指通过浏览器所呈现在人眼中的最终效果，由于网站建设目的的特殊性，其呈现信息的方式也是多种多样的，其具体呈现形式如“分帧”、“新建窗口”等。 网页呈现结构设计一般应注意考虑以下几个方面： ①网站的版面设计是否规范。 ②布局是否具有独创性。 ③版面设置是否协调。 ④版面设计风格是否与内容统一。 ⑤网站的整体功能是否完备。 / 公司主页 公司简介 公司组织 公司产品 售后服务 信息服务 软件开发 企业反馈 典型的网站结构图 前台结构设计举例 3.2 网站后台结构设计 3.2.1 后台结构设计的重要性 网站结构设计是一个多维过程，设计最终是要给用户提供一个易于使用的网站，但“易于使用”包含了多重涵义。为了实现“易于使用”，后台结构设计过程着重从网站可用性、高性能、可扩展性、可维护性和安全管理等方面考虑，这不但是实现网站前台结构设计的基础，也将直接对网站总体性能产生深远的影响。 3.2.2 后台结构设计的内容 ⑴硬件结构设计 硬件结构设计是指确定服务器及其他网络设备的规格数量及其功能分配的过程。其与网站目标及规模、运作模式、资金情况、技术水平密切相关，不同情况构架的网站是有差别的。 ⑵软件结构设计 软件结构设计内容是对系统软件和应用软件结构进行设计。网站的软件结构除了考虑功能外，最主要的是对系统安全、运行速度、运行效率等要求非常高。首先要考虑使用安全高效的操作系统和数据库系统。 ⑶数据库结构设计 随着信息观念的进步及信息时代的要求，越来越多的网站不仅提供丰富广泛