荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: hawkwolves (十一狼), 信区: Homepage
标 题: 关于网站的建设（第四天）
发信站: BBS 荔园晨风站 (Tue Jun 6 11:32:48 2000), 转信
关于网站的建设（第四天）
(05/15/2000)
第一页：探索装饰风格
下一步，“装饰风格探索”帮你精炼网站结构的景象，但是记住这步只是一个
练习。它会给你很多好主意，但是可能不够实用。别泄气，它会很好玩的。
在试图确定网站结构时试试不同的装饰风格。好的装饰风格会在帮助用户使用
和导航网站上走得很远。但是，不存在完美无缺的装饰风格，所以不必顽固地坚持
一种风格。可以把几种装饰风格中最好的部分糅合到一起（也有可能发现根本没有
有用的装饰风格）。
设计网站有三种有用的装饰风格：
组织性装饰风格
组织性装饰风格依赖于已经存在的小组、系统或组织的结构。
例如，如果你要建一个卖百货的网站，你的装饰风格应该象一个超市-产品按
类型（罐装蔬菜、乳制品、谷类食品、快餐、家居用品等）逻辑地分类。要注意：
拷贝你的客户公司的组织结构通常不是一个好主意-买东西的顾客是不会关心超市
的公司结构的。
功能性装饰风格
功能性装饰风格涉及到的任务与你在其它环境实现的任务相似。例如，
Photoshop，一种图形软件，依赖于很多功能性装饰风格：你可以象征性地在计算
机上剪切、拷贝和粘贴图形-就象你在现实世界中用剪刀和胶水一样。
可视性装饰风格
可视性装饰风格基于多数人在我们的文化中熟悉的常用图形元素。如果你在设
计一个音乐网站，在这个网站中用户可以听音乐-你可能想用随处可见的CD机上“
开始”、“停止”和“暂停”标志作为你的界面中的图标。
开始探索装饰风格时，以集中所涉及到的人和他们的想法开始。回顾和评价每
一种装饰风格。不要贬低你不喜欢的建议-至少不要马上。装饰风格的效果不会立
刻显现。制订网站的主要部分-通过把内容清单的不同部分与每种装饰风格对应起
来。
在尝试了一段生动有趣的经历后，你一定要为网站选择一种装饰风格或基本原
理。记住，没有完美无缺的装饰风格。网站的整体可能不能用装饰风格来解释，但
导航系统（或网站的子集）或许能用装饰风格来解释。
第二页：打好基础
既然你已经有了网站的结构，现在就可以打基础了。可以以建立一个基于文本的网
站的层次结构图（称为“网站结构列表”）开始。
最先根据网站结构列表的“根”确定网站的主要部分。对这些部分应用基本原
理或装饰风格。下一步，把每部分的组织与内容清单的条目对应起来。对网站深入
时，应把低层次的部分缩进。重复此过程，然后把注意力集中到网站的细节。完成
的清单如下：
Section 1
Section 1.1
Section 1.2
Section 2
Section 2.1
Section 2.2
Section 2.2.1
Section 2.2.2
Section 2.2.3
Section 2.3
Section 2.4
Section 3
下一步可视化清单。很多人通过网站的结构清单想象实际的网站有些困难。有
了结构蓝图就容易多了。下面是一个例子：
结构化蓝图是网站结构的可视化表示。它们是显示网站中的元素如何分组和联系的
图表。
需要做一些图例：如何在蓝图上表示在线连接、离线连接、页的成分、页、页
的分组。你可能要区分执行不同功能或事物处理的部分、动态产生的部分、只由文
本组成的页面。如果网站很大，可能要做几张蓝图，从简单的网站开始，利用蓝图
把网站建得越来越好。
第三页：定义导航
用户如何访问网站？他们怎样从一个地方到另一个地方？怎样防止他们走丢？
-定义网站的导航系统解决了这些问题。
看看网站的结构清单。其主要部分是什么？它们是全局导航系统的最好的侯选
者-出现在网站的每页上，使用户很方便地在不同部分之间跳转。如果可能，把全
局导航的元素限制在五个至七个之间。另一个方法是把网站的商标（公司标志）加
入全局导航系统作为返回网站首页的连接。
局部导航可以有不同的形式。可以是主题的列表，如Yahoo和GeoCities；可以
是选项菜单的形式，如GeoCities中的membersarea；或者可以是一些相关条目的列
表，如你在本页最后所见的每页标题。
有必要为全局导航系统和局部导航系统做文档。这和为每个系统编辑元素列表一样
容易。
第四页：设计文档
现在开始设计文档。在设计文档中建新的一章“网站结构”。写一个关于网站
结构背后的基本原理的概述或隐喻性的解释。增加网站结构列表。如果网站列表太
长，写一个简写的形式，把其余部分放到附录中。编辑结构蓝图并把它们加入设计
文档。为全局和局部导航系统做文档。把结果公布给每个人。
例如：
4.网站结构4.1网站结构列表（或概述）
4.2结构蓝图4.3全局和局部导航系统附录C:网站结构列表（可选）
--
┏━┳━┳━┳━┳━┳━┳━┳━┓
┃当┃你┃你┃你┃去┃我┃我┃我┃ My e-mail:11_wolf@163.net
┃了┃跟┃也┃没┃做┃手┃要┃不┃
┃小┃在┃没┃有┃老┃敲┃把┃再┃
李┃尼┃身┃有┃讲┃和┃木┃你┃烦┃ My homepage:http://192.168.35.20
敖┃姑┃后┃哭┃话┃尚┃鱼┃忘┃恼┃
※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 192.168.35.20]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店