体育资讯网站设计研究 *** 与步骤（体育新闻的设计与实现）

网站建设基本步骤是什么？

【网站开发】建设网站的基本步骤

作者：河南新华电脑学院　文章来源：河南新华电脑学院

要建设网站，我们应该就应该按照合理的工作流程 *** 网站，那样可以提高我们的效率，减少错误。虽然任何一个网站建设

都不会有一个，用一个固定的模式，但最基本的指导性步骤我们还是应该坚持的，您说对吗？ 让我们看看建设网站的基本步骤是什么？ 网站建设前的准备工作

确定网站的主题，计划要发布的内容。一般个人主页可以根据自己的爱好或一些热门的话题来选择网站的主题，如普及医疗

卫生知识，提供文学艺术信息，学习计算机技术，或者直截了当地向世人推销自己等等。 创建站点的导航结构

这一步也就是建设网站的整体框架设计。注意在站点的基本结构中，页面之间的链接关系要清晰，同时要兼顾以后的可扩充

性，以备网站的修改与发展。 收集、整理相关资料

包括：网站徽标、背景图片、按钮图片以及网站需要展示的内容。有能力者可以自己编制网站建设所需的内容，在此，你会

更多地涉及到许多制图、绘图、图象处理、三维动画等等方面的软件应用。这就需要你的知识视角要加宽。当然你可以找专业的

美工进行设计，也可以通过各种渠道搜集相关资料，注意在引用他人的资料和文章时，应征得对方的同意，并注明作者和出处。 组织文档和数据，进行具体的建设网站

在 *** 网页之前应设计出网页的页面结构，即需要设计几个栏目和版块。大多数网站都是以表格来布局网页，也可以用框架

同表格结合来完成。一般 *** 的之一个网页应该是首页，首页是整个网站精华的汇集。对于网页 *** 者来说，首页是最难也是最

花工夫的。为 *** 风格一致的网站，还需要创建模版等。 测试站点

*** 出的网站可以先在本地进行测试，检查站点的浏览器兼容性已经可能存在的错误链接等。 网站建设后要申请域名和主页空间

域名分为国际域名和国内域名（具体的请查看本网站的网页设计中的基本步骤一节）在此就不再多说了。请登录申请域名，

根据你的资金实力和网站的重要性做出选择： 如果是一家大型企业，资金雄厚，可以向邮电局申请专线服务。你需要建立自己的机房，配备服务器、路由器、 *** 管理软

件及 *** 管理人员。 如果是中小企业，信息量和数据量都不是很大，可采用虚拟主机托管方案，即租用要建设网站，我们应该就应该按照合理的

工作流程 *** 网站，那样可以提高我们的效率，减少错误。虽然任何一个网站建设都不会有一个，用一个固定的模式，但最基本

的指导性步骤我们还是应该坚持的，您说对吗？ 如果你的企业信息量和数据量较大，可采用服务器托管方案，将已经 *** 好的服务器主机放到ISP的 *** 中心机房。 如果是个人网站，资金又很有限，如果是个人网站，资金又很有限，可以到傲网申请他们的域名+主机只需270元的优惠套

餐. 网站建设后期连接服务器，上传网站。

利用专门的上传软件对网页进行上传，如：CuteFTP就是一款很好的网页上传软件，方便、灵活。

如果你的企业信息量和数据量较大，可采用服务器托管方案，将已经 *** 好的服务器主机放到ISP的 *** 中心机房。

【重要】如何设计一个优秀的网站

现今，网站和web技术已经不算是新兴技术了，但是不得不承认，在当下的移动互联网时代，web技术仍然算得上是新潮的技术之一，并且网站也是各企业商业价值中的重要一环。因此，规划、设计具有优秀用户体验的网站，仍然是我们的重要技能之一。

前戏：明确网站的业务模型

在开始正式地规划网站之前，我们有必要了解网站的主要业务模型。尽管人们都更加愿意获得免费的信息，但信息提供方（企业）还是希望能够由此得到回报的。

要明白： 大多数企业要想存活，就必须要挣钱。

在为企业建设网站之前，我们要知道公司的业务模型是什么，如果不了解业务模型，就无法知道用户哪些行为是有意义的，哪些行为是毫无价值的。

主流的业务模型包括：

找准了业务模型，我们就可以开始设计出支持业务需求的网站了。

一、明确目标用户

在开始网站设计之前，我们首先要问自己一个问题：“网站是为谁搭建的？”不是每个网站的设计者都能准确有效地回答这个问题，有的人会说“网上的每一个人”，还有的会说“所有喜爱某类产品的人”、“所有爱看书的人”或者“所有喜欢美食的人”。

这些回答都不是准确的回答，因为你无法从这些回答中得到精确的用户角色。

我们可以采取如下工作方式，去明确目标用户：

1. 找到公司的市场/运营部门，市场/运营部门的人员或许对公司用户的统计数据结果以及心理方面做过了大量的研究。

2. 咨询公司负责人或高管，了解他们希望产品所面向的用户，以及他们所认为的具有价值的用户行为。

在和各相关部门同事的谈话中，并不只是收集用户的统计信息，真正要做的是得到一些合适的行为信息来帮助我们更好的设计网站。

比如，我们了解到用户的年龄较大，就要做出一些初步的设计决策。如：字体要放大、交互操作要尽量简单、以及页面上哪些元素更应该突出等。

二、与目标用户交流

招募目标用户通常需要公司内部其他部门的配合，比如 *** 部门，可以通过诸如 *** 邀约、邮件邀约等方式，如果目标用户是企业，则可以通过公司高层或市场部门，向企业致电或发送邀请函等方式，总之，尽量通过其他部门的协助完成用户的邀约。

在访谈的过程中，我们要注意理解得到的反馈。比如，用户可能会说“我希望按钮大一些。”而他们的实际想法可能是“付款的过程太复杂了。”或者用户可能会说“我希望这个的演颜色是红色。”他们真正的意思可能是“要招到我想要的东西太耗费时间。”

更佳的方式是： 当用户在正常的环境中具体完成任务时实际地跟踪用户的行为。

所以，在访谈中，我们可以问一些诸如“你想做什么？”、“你希望得到什么”这样的问题，而避免去问“你认为这个按钮应该放在哪里？”这种问题。我们要把重点放在用户完成任务时遇到的难题上。

三、创建用户角色模型

角色模型可以帮助我们更深入地理解设计所针对的对象，以及怎样才能真正满足这个用户的需求。当然，也可以不去创建复杂的角色模型，只不过，如果能针对一个特定的“人”来进行设计，会让我们的设计更加有效。

1. 总结用户交流结果，把结果分发给各利益相关者或相关部门人员

在第二步中，我们会收集到一些信息。可能已经得到用户的相关信息，比如：性别、地理位置、上网习惯、技术水平或是他们使用竞品的方式。

我们了解到用户当前遇到的麻烦，也了解到哪些方面还算不错等信息。

针对于收集到的信息，我们需要建立一份报告，这份报告可能会涉及以下信息：

这里需要注意的是：

2. 与各相关部门人员召开会议，脑暴形成用户角色

寻求各部门相关人员的协作，往往比单枪匹马作战更高效。

每一个部门都会对用户有自己的理解，是男人还是女人？年龄段如何？住在哪里？如果大家不确定，可以参照上一步的报告文档。

当大家提出了大量用户特征后，可以开始合并这些特征，并将其改进为角色，比如：女性+25~35+华北地区=来自北京的27岁女性，甚至还可以为她取一个名字。

3. 让角色成为真正的人

为用户角色增加一些具体的个性化内容，比如：照片、姓名、职业、个人背景、职业、教育背景、目标、爱好、最喜欢的网站、他的愿望等信息。确保用户角色的真实是这一步的关键。

4. 为人物角色加入场景表达

通过创建场景，会使得人物更加丰满，同时有助于我们完成网站交互系统的设计。场景，就是人物角色使用产品时的背景故事简介。

比如：王强（人物角色名字）打开浏览器，从网站上看到了感兴趣的电影介绍，首先他回选择自己关心的电影类型，然后网站会推荐给他可能相看的电影；接下来，他会选择真正感兴趣的电影，并进行观看。

四、绘制用户路径草图

用户路径草图可以帮助我们确定不同类型用户会完成哪些类型的动作，由此我们可以决定需要为网站设计什么。通过画出不同用户的路径，可以帮助我们查看是否有遗漏。

举一个例子：

比如，要建立一个小型电子商务网站的用户路径草图，可以有这样一个场景故事：买礼物的人浏览主页，找到适合的礼物，买下礼物，写下一张贺卡，写上朋友的信息，付款。

起初的用户路径草图如下：

接下来可以考虑：

网站的用户不只是送礼物的人，也会有给自己买礼物的用户、不满意的用户、失业想要在线卖东西的用户、其他渠道接收到广告的用户。

我们可以继续为这些用户添加用户路径：

五、明确业务流程与任务流程

绘制了全用户的全路径草图，现在就要拆解用户的全部任务，明确交互中每一步的细节。

其实这一步，就是根据用户的任务，完成各个任务/功能的流程图设计，以及和网站后台系统交互的业务流程图设计。

关于功能流程与业务流程，网上已有不少文章做出详述，本文不再详细阐述。

六、网站的用户体验设计

本步骤不再叙述如何绘制网站的原型图，这里要谈的是在网站的设计中，值得注意的要点。

1. 网站上的一切要井井有条

网站中会含有丰富的信息，用户来到我们的网站时为了查找信息或者完成任务或者二者兼有，作为网站的设计者，我们的任务就是用好的设计帮助用户达到他们的目的。

（1）帮助确认是否到达了正确的位置

来到网站，用户希望知道这是不是他所需要的，也就是他是否达到了正确的位置。

用户来到我们的网站时，首先看到的就是网站的组织方案。

组织方案有两个作用：

因此，组织方案需要为用户展示所有的产品范围。比如， *** 网站的分类导航：

（2）帮助用户找到他们需要的东西

用户知道他们访问了正确的网站，接下来他们需要标识导引来找到他们想要的东西，标识导引有四方面的内容：

（3）让用户知道网站上有更好的东西

无论用户是否在网站上找到了他们需要的东西，他们都会想找到更多的类似的更好的内容。

在这里，可以有效利用导航或面包屑导引，突出显示用户在网站中的当前位置，并显示相关的内容，让用户可以链接到其他的地方。

另外，也可以使用提供“更多内容”的选项，可以向用户提供相关商品的快捷途径。

“更多内容”导航工具对于一组相关商品以及相关种类的快捷途径最为有效，例如电商网站的“猜你喜欢”，文章网站的“相关文章”。

（4）为用户提供下一步操作

用户已经找到了他们想要的东西，我们要为用户的下一步操作提供相应的选择，我们应该在设计网站时询问自己“用户希望在找到他们需要的东西后，做些什么？”

对于一个电商网站，用户肯定是要购买到找到的商品，电商网站提供的“加入购物车”和“购买”按钮有效帮助用户解决了问题。对于一个文章网站，用户阅读一篇文章后需要做些什么呢？应该是评论、分享、收藏、复制、粘贴这篇文章。

用户会利用网站提供的“下一步”操作拉近与其目标的距离。

2. 网站导航的细节阐述

这里之所以把网站的导航设计拿出来，是因为看似简单的导航设计，里面含有很多的设计细节。

在讨论导航的细节之前，我们先要明确用户查找信息的方式，用户访问我们的网站就是为了获取查找相关信息，而导航可以帮助用户去完成这一操作，所以有必要了解用户查找信息的方式。

（1）用户查找信息的 ***

（2）导航的分类

三类导航分别对应不同的用户查找信息 *** ：

（3）全局导航

在很多网站上，全局导航就是导航条，比如：

对网站内容分类并选择组织系统时，全局导航作为顶层类别，对用户和企业来说是意义重大的，因为它展现了网站的顶层架构。

全局导航需要再每个页面都出现，不论用户现在在哪里，都能通过全局导航继续访问网站的任何位置。

同时，全局导航还有一个作用，就是会告诉告诉用户网站是关于什么的，以及用户可以利用网站来做些什么。

全局导航通常会显示在页面的最上方，因为这样就能将页面的其余部分聚焦于内容数据。

当然，垂直的全局导航也是一种选择，但是这样会限制局部导航以及页面内容的可用空间。

（4）局部导航

局部导航也称为栏目导航，因为它提供了一组链接。当点击了一个全部导航时，会进入到相应页面，此时会在全局导航下方出现新的一组导航条，这就是局部导航。

利用局部导航，只需要提供一个栏目下其他页面的链接即可。

在一个复杂的分类系统中，用户希望从一个类别移到子类别，然后再移回来，设计局部导航就是为了让用户能够轻松地在不同类别间导航。

局部导航可以有效的帮助“探测内容查找”型用户，这些用户知道他们需要某些东西，但是又不确定到底是什么。

选择一个全局导航后，局部导航可以帮助他们浏览更加具体的内容。而对于“不知道自己要查找什么”的用户，局部导航可以为他们提供一组相关的选项，帮助他们做出决策。

局部导航通常出现在全局导航的下方（或页面的左侧）。这种布局方式也强调了内容的组织方式：子类在类别下方，把相关性最强的链接放在最接近用户需要的位置。

用户在访问网站的一个页面时，会关注页面的内容，如果他看到的页面上没有需要的内容，那么局部导航通常要放在离页面内容更近的位置，用户想要访问其他类别时，首先要找的便会是局部导航。

（5）导航访问模式

在全局导航和局部导航这里，介绍一下用户访问导航的模型，用户查找网站内容的方式取决于网站的导航，通过导航访问内容有两种基本模式（我喜欢这么叫这两种方式）：弹跳模型和爬行模型。

弹跳模型： 这种模型会使用户前往一个子类，然后必须回到其父类（首页）来选择另一个不同的子类。

此模型适用于用户浏览庞大的异构内容集的时候，众多分类庞杂的网站如电商网站、素材类网站，这些类型网站中面包屑导引工具就显得异常重要，用户会沿着面包屑导航的轨迹返回。

采用该模型，为了让用户在网站中转移时将其余的顶层类别隐藏，使用户更沉浸当前类别中。

同时，对于包含大量内容的网站，不可能把所有顶层类别连同所有局部导航都显示在一起。

例如，京东的面包屑还自带了筛选功能：

爬行模型 ：在该模型中，用户可以采用横向的方式在各类别间转移，用户选择一个类别后，可以继续选择页面上的“兄弟”类别的导航，用户只需要单击一次就可以进行切换。

做一个简单的总结：全局和局部导航统称为结构导航，优秀的结构导航能支持用户的所有信息搜寻行为，包括前文中三类查找信息的用户。

（6）关联导航

关联导航就是网站页面上能为该页面上的内容关联到额外内容的链接，比如：文章详情的“更多文章”、电商网站的“猜你喜欢”、新闻详情的“相关新闻”等。

关联导航有时很容易被我们忘记，因为它们相当于跨越了网站信息架构体系结构的快捷方式。

但是，不得不承认，关联导航是保证网站可用性强大的驱动力，可以促使用户沉浸于我们的内容。

关联导航关注两方面内容：

a. 上文中已经提到过“下一步”操作。当用户找到了他们希望的东西时，下一步要做什么？

如果是访问了一篇文章，就应该为用户提供更多相关文章的链接；如果是观看了一个视频，就可以提供更多相关的视频链接给用户。

例如：在36kr网站，当用户阅读了一篇文章后，网站提供了收藏、评论、分享等功能。

或者，用户心情不错想要继续查看相关内容，为此，网站提供了相关文章和感兴趣文章的链接。

又或者，用户不想看类似文章了，此时网站提供了下一篇文章的链接。

b. 如果当前页面展示的不是用户想要的，那么该怎么办呢？我们当然不能保证每一个页面都是用户想要的。

我们要做的，就是要提供一些其他的内容给用户看到，可以提供一些相关内容的链接，或者是提供同一内容不同格式的链接，比如在一个新闻详情内，可以给用户提供文字、音频以及视频多种查看方式。

例如：在用百度搜索内容时，并不是一下子就能搜索到用户想找的内容，此时在搜索页面上提供了多种格式的搜索类型，同时还提供了搜索工具帮助用户筛选搜索的结果，在界面的右侧也提供了一些与搜索关键字相关的链接。

（7）可用性导航

信息架构领域的美国知名作家James Kalbach给出了可用性导航的定义“可用性导航将工具和特性相连接，这些特性可以帮助访问者使用网站。”

好吧，专家的定义总是这么晦涩。

其实我们对可用性导航并不陌生，网站的登录/注册、搜索、个人信息、个人账户、 *** 、我的订单等都是可用性导航。

可用性导航通常放在全局导航附近，比如页面的右上方，因为可用性导航也需要在网站的所有地方都能访问到。

在设计可用性导航时，要利用视觉线索和页面上的屋里位置将它和全局导航分开。

不同类型网站可用性导航包含的信息不同，根据网站各自的业务进行具体设计，比如：京东的“登录/注册、我的订单、我的京东、京东会员、企业采购、客户服务、手机京东”、站酷网的“搜索、上传、消息、个人信息”等。

（8）小结：

全局导航和局部导航可以帮助用户缩小网站的内容范围。关联导航可以将用户连接到相关的内容，提供不同情况的“下一步”。

可用性导航可以放置另外三类导航未能妥善处理的其他重要链接。

三部分导航综合到一起，就可以得到一个可用性很高的网站了。

如果在设计网站的导航时，还是无从下手，试着回答自己三个问题“内容如何组织？”“用户希望通过网站做什么？”“你希望用户通过网站做什么？”

3. 网站内容的基石—元数据

元数据是网站组织系统的基础，搜索以及电商网站上的导航系统都依赖于元数据。

网站上的信息可以有不同的形式，比如：一篇文章、一张图片或者是一个视音频。

元数据可以确保以上各种形式的内容都能够被用户查找浏览到，元数据就是每一项内容的所有信息。比如，一首歌曲，元数据可能包括：出处，版本，作词人，作曲人，演唱者，专辑名，时长，音乐类型等等。

元数据通常包括以下三种：

1. 固有性元数据。与内容构成有关的元数据，比如这是一个word文档、jpeg图片、ZIP文件。

2. 管理性元数据。与内容构成有关的元数据，比如图片的用途、编辑人、是否已发表。

3. 描述性元数据。与内容本质有关的元数据，比如一个图片的描述性元数据：狗、犬科、可爱等。

下图展示一些元数据的类型：

我们要根据网站的具体定位，组织具体的内容及其元数据，明确每一个元数据对用户来说是否有用。

4. 网站设计要遵循的基本原则

用户体验设计部分的最后，总结一些常用的设计原则吧：

七、目标（种子）用户测试网站

可以给用户测试我们的网站原型，也可以快速搭建之一个版本后让用户使用得到反馈。无论采用哪一种方式，目标都是要尽快得到用户的反馈，以及时调整解决出现的问题。

同时，我们要为发现的问题预留出足够的处理时间。

八、迭代优化我们的网站

接下来，就是不断的去迭代、优化网站了，根据公司业务的调整、或是配合其他产品线、或是增加产品功能，不断的去完善网站。

九、总结

本文讨论了系统规划网站的大致流程，重点讨论了提升网站用户体验的设计要点，从中又引出了导航、元数据以及基本的设计原则，希望本文的内容能给大家带来一些帮助。

做网页的步骤是什么？

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页 *** 的高度上。认为只要用好了网页 *** 软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页 *** 的高度上。认为只要用好了网页 *** 软件，就能搞好网页设计了。

其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的 *** 。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计 *** 的水平上，在于我们自身的美感以及对页面的把握上。

首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。

之一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。

明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。之一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的 *** ，这一过程是在计算机上完成的。

设计首页的之一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在 *** 过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在 *** 的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度更高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。

我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。

色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。

但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。

通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。

造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。

和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。

在资讯类网站中，文字是页面中更大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至更低，这样可以成倍地提高网页的 *** 。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver *** 网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下 *** 网页，更佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：

1、先在本地设一个文件夹，作为网站存储的地方。名字更好取“My Sites”。

2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）

3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。

4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）

5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）

6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）

7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。

2、然后在【导航】里面设置网页名称以及标题。

3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。

4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页 *** 的。静态网页的网址形式通常为：，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

在《 *** 营销基础与实践》第二版第3章“ *** 营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 *** 营销教学网站()将静态网页的特点简要归纳如下：

（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；

（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；

（4）静态网页没有数据库的支持，在网站 *** 和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页 *** 方式比较困难；

（5）静态网页的交互 *** 叉，在功能方面有较大的限制。

网站怎样 *** ？需要哪些步骤？需要投资多少？

1．要建立个人网站，首先必须要了解一下目前网页 *** 的基本语言HTML，入门即可，大概花个一二小时就可。

2．学会使用目前流行的网页 *** 软件，如Frontpage、Dreamweaver等一些功能强大，所见所得的软件，初步了解就可，不用全部掌握，一般是边用边学，不断提高使用水平。

3.广泛的上网浏览各种网页，一开始更好能下载一些较简单的个人网页，因为他们所用到的技术较为简单，可用网页 *** 软件打开研究。然后推荐去浏览一些专业的网页设计网站，学习一些排版经验，

同时可下载一些网页结构模版供自己套用。

4.确定你的网站主题，我个人不主张开始就想建软件大全、书库等网上流行的为网站主题，因为之一你不够专业，网上已有太多的同类软件，别人不可能上你的网站下载。第二这类网站需要巨大的主页

空间，不仅一开始你申请不到这么大的空间，而且你也不可能经常上载维护。网站主题更好是有你的个人特色，实在不能确定我建议自己做一个私人门户网站，将平时自己经常去的网站做一个较为综合

的连结。

5． 网页更好不要用特别与众不同的颜色、字体，因为每个人使用的计算机各不相同，特别的颜色、字体别人不一定能看得到。

6． 网页要增加美观图片不可缺少，我建议如果你会用一些专业的作图软件更好自己 *** ，这会有自己的特色，放些私人照片也可以，但切记各种图片一定要作优化处理，减小它的存储尺寸。提醒一下

每页不要放过多的图片，因为之一会使网页显得杂乱，第二会使你的网页显示速度过慢。 *** 图片的常用软件有Photoshop，Fireworks等。

7． 网页上可以用一些动画与特效增加你主页的美观与功能，动画可上网找，同样更好能自己 *** ，GIF格式的最常用，可用Ulead的Gig Animator软件 *** ，目前流行的是Flas *** ，更多变化，尺寸更

小，缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件，有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用，与图片一样，我建议每页不要放太多的动画与特效。

8． 网页基本建成后，上网找免费的主页空间，以其主机的速度，提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据，所谓CGI是指主机服务器上提供的程序，一般你可申请

有免费计数器、留言板等。找到速度快，主页存放空间大，域名简单的网站存放你的网页。

9． 接下来是将网页上传至你申请的服务器上，具体上传的办法你在申请主页空间时就会了解，使用FTP上传软件将网页上传到虚拟空间上即可，一个简单的网站就做好了。常见的FTP软件有

cuteftp,leapftp等等。

10． 好，现在你的网站已建立，你可通知你的朋友上去浏览，把个人网站印在你的名片上，还想推广你的网站？那你可去各大搜索网站登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可与其它网

站申请友情连结、去一些提供连结交换的网站申请广告交换，如太极链，酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片，动画更好，存储大小尽量控制在10k以下。

11． 如果你还想靠你的网站赚一些小钱，你可去一些商业网站申请广告连结，替他们做广告，一般以从你的网页点击到他们的网页次数算钱。

12． 最后我要提醒各位未来网主，你的网站千万不要放一些明显与国内政治相抵触的内容，这事关重大，不可儿戏，否则网站被关闭事小，坐牢也说不定哦。另外，网站内容与性有关可大大增加被浏览

的数量，但黄色的内容不要放，虽说性质比不上反动内容，但也有问题。建议打打擦边球，提供一些性教育、性知识，情情爱爱的内容无伤大雅。

13.题材更好是你自己擅长或者喜爱的内容。比如：您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在 *** 时，才不会觉得无聊或者力不从心。

兴趣是 *** 网站的动力，没有热情，很难设计 *** 出杰出的作品。

14.题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；比如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除

非你下决心和有实力竞争并超过它。

15. 名称要正。这个“正”是自己的说法，其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。

16. 名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称更好用中文名称，不要使用英文或者中英文混合型名称。称的字数应该控制在六个字（更好四个字）以内，比如“ XX 阁”“ XX 设计室”，四个字的可以用成语，如“一网打进”。字数少还有个好处，一般友情链接的小 logo 尺寸是 88X31 ，而六个字的宽度是 78 左右，适合于其他站点的链接排版。

17. 名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个认为很好的名称：音乐前卫，网页陶吧，天籁绝音。在体现出网站主

题的同时，能点出特色之处。

■自己动手做网站 详细步骤

1.先下载网页 *** 工具，Dreamweaver v8.0 简体注册版

下载地址：

2.开始学习，去网易学院学习网页 *** 的 *** 。

《网站设计系列多媒体教程》

3.如果会做了，申请免费主页空间，如果自己有更好了，（注：主机是空间）没有请去这里找一个适合自己的申请，免费。

4.把做好的主页上传到您的空间。需要FTP上传软件。

下载地址：

5.用您自己的或者申请的免费域名（一般申请免费空间都赠送一个二级域名）访问您的主页。

再给你一个详细的好了

时下随着各种通讯技术的发展，互联网已在中国逐步进入普及阶段，许多人在充分享受浏览新闻，网上聊天， *** 游戏，网上交易，收发电子邮件等 *** 的各种乐趣后，开始不满足于被动式的接受，希望能主动参与 *** ，因此大量的个人网站应运而生了。

计算机与 *** 专业技术人员能利用一技之长及在某一方面的专长轻松 *** 网页，但大量的 *** 菜鸟级人物如何 *** 个人主页，建立个人网站呢？我大概总结了以下几点，希望对一些对这方面缺乏基本了解的人提供一些帮助。如果你是个经常上网的网虫，并对如何建立网站有一定的兴趣，那么请你继续读下去，否则我推荐你使用某些网站推出的傻瓜式的个人网页或请专业的网页 *** 公司代劳，完全没必要自己动手。

1． 要建立个人网站，首先必须要了解一下目前网页 *** 的基本语言HTML，入门即可，大概花个一二小时就可。

2． 学会使用目前流行的网页 *** 软件，如Frontpage、Dreamweaver等一些功能强大，所见所得的软件，初步了解就可，不用全部掌握，一般是边用边学，不断提高使用水平。

3． 广泛的上网浏览各种网页，一开始更好能下载一些较简单的个人网页，因为他们所用到的技术较为简单，可用网页 *** 软件打开研究。然后推荐去浏览一些专业的网页设计网站，学习一些排版经验，同时可下载一些网页结构模版供自己套用。

4． 确定你的网站主题，我个人不主张开始就想建软件大全、书库等网上流行的为网站主题，因为之一你不够专业，网上已有太多的同类软件，别人不可能上你的网站下载。第二这类网站需要巨大的主页空间，不仅一开始你申请不到这么大的空间，而且你也不可能经常上载维护。网站主题更好是有你的个人特色，实在不能确定我建议自己做一个私人门户网站，将平时自己经常去的网站做一个较为综合的连结。

5． 网页更好不要用特别与众不同的颜色、字体，因为每个人使用的计算机各不相同，特别的颜色、字体别人不一定能看得到。

6． 网页要增加美观图片不可缺少，我建议如果你会用一些专业的作图软件更好自己 *** ，这会有自己的特色，放些私人照片也可以，但切记各种图片一定要作优化处理，减小它的存储尺寸。提醒一下每页不要放过多的图片，因为之一会使网页显得杂乱，第二会使你的网页显示速度过慢。 *** 图片的常用软件有Photoshop，Fireworks等。

7． 网页上可以用一些动画与特效增加你主页的美观与功能，动画可上网找，同样更好能自己 *** ，GIF格式的最常用，可用Ulead的Gig Animator软件 *** ，目前流行的是Flas *** ，更多变化，尺寸更小，缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件，有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用，与图片一样，我建议每页不要放太多的动画与特效。

8． 网页基本建成后，上网找免费的主页空间，以其主机的速度，提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据，所谓CGI是指主机服务器上提供的程序，一般你可申请有免费计数器、留言板等。找到速度快，主页存放空间大，域名简单的网站存放你的网页。

9． 接下来是将网页上传至你申请的服务器上，具体上传的办法你在申请主页空间时就会了解，具体使用你 *** 网页的软件即可，我个人推荐使用CuteFTP Pro上传，这个软件功能强大，简单易用。

10． 好，现在你的网站已建立，你可通知你的朋友上去浏览，把个人网站印在你的名片上，还想推广你的网站？那你可去各大搜索网站登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换，如太极链，酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片，动画更好，存储大小尽量控制在10k以下。

11． 如果你还想靠你的网站赚一些小钱，你可去一些商业网站申请广告连结，替他们做广告，一般以从你的网页点击到他们的网页次数算钱。

12． 最后我要提醒各位未来网主，你的网站千万不要放一些明显与国内政治相抵触的内容，这事关重大，不可儿戏，否则网站被关闭事小，坐牢也说不定哦。另外，网站内容与性有关可大大增加被浏览的数量，但黄色的内容不要放，虽说性质比不上反动内容，但也有问题。建议打打擦边球，提供一些性教育、性知识，情情爱爱的内容无伤大雅。

随着 *** 技术的不断发展， *** 应用已经渗透到人类社会的各个角落。作为 *** 世界的支撑点的网站，更是人们关注的热点： *** 利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟 *** 世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之 *** 技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体

会，总结出以下基本设计思路：

一、定位网站的主题和名称

网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它 *** 出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材：

第1类：网上求职

第2类：网上聊天／即时信息/ ICQ

第3类：网上社区／讨论/邮件列表

第4类：计算机技术

第5类：网页/网站开发

第6类：娱乐网站

第7类：旅行

第8类：参考/资讯

第9类：家庭/教育

第10类：生活/时尚

每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛(旅游+讨论)，经典入球播放(足球+影视)按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢？遵循的原则如下：

1、主题要小而精

定位要小，内容要精。如果你想 *** 一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的更大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示， *** 上的"主题站"比"万全站"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。

2、题材更好是你自己擅长或者喜爱的内容

比如：你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在 *** 时，才不会觉得无聊或者力不从心。兴趣是 *** 网站的动力，没有热情，很难设计 *** 出优秀的网站。

3、题材不要太滥或者目标太高。

"太滥"是指到处可见，人人都有的题材；比如软件下载，免费信息。"目标太高"是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，"电脑学习室"和"电脑之家"显然是后者简练；"迷笛乐园"和"MIDI乐园"显然是后者明晰；"儿童天地"和"中国幼儿园"显然是后者大气。我们都知道PIII的中文名称"奔腾"，如果改为"奔跑"，可能就没有今天这么"火"了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。我的建议是：

1、名称要正

其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。

2、名称要易记

更好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字(更好四个字)以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。

3、名称要有特色

名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如：音乐前卫，网页陶吧，e书时空等。在体现出网站主题的同时，能点出特色之处。

二、定位网站的CI形象

所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。具体的做法是：

1、设计网站的标志(logo)

就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容：

(1)网站有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。

(2)网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志等等。

(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易 *** 好自己的标志。

2、设计网站的标准色彩

网站给人的之一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。"标准色彩"是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。

3、设计网站的标准字体

和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。

4、设计网站的宣传标语

也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的"味道好极了"；麦斯威尔的"好东西和好朋友一起分享"；Intel的"给你一颗奔腾的心"等等。

三、确定网站的栏目

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网

站的主体明确显示出来。一般的网站栏目安排要注意以下几方面：

1、要紧扣主题

将你的主题按一定的 *** 分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，主题突出，容易给人留下深刻印象。

2、设立最近更新或网站指南栏目

设立"最近更新"的栏目，是为了照顾常来的访客，让你的主页更有人性化。如果主页内容庞大，层次较多，而又没有站内的搜索引擎，设置"本站指南"栏目，可以帮助初访者快速找到他们想要的内容。

3、设立可以双向交流的栏目

比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。

4、设立下载或常见问题回答栏目

*** 的特点是信息共享。如在你主页上设置一个资料下载栏目，便于访问者下载所需资料。另外，如果站点经常收到网友关于某方面的问题来信，更好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间。

四、确定网站的目录结构

网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议：

1、不要将所有文件都存放在根目录下，会造成文件管理混乱

你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。另外，上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。所以，尽可能减少根目录的文件存放数。

2、按栏目内容建立子目录

子目录的建立，首先按主菜单栏目建立。例如:企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。其他的次要栏目，类似what's new，友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于站长，站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。例如：CGI程序放在cgi-bin目录。所有需要下载的内容也更好放在一个目录下。

3、在每个主栏目目录下都建立独立的images目录

为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。

4、目录的层次不要太深

目录的层次建议不要超过3层，维护管理方便。

5、不要使用中文目录

6、不要使用过长的目录

五、确定网站的链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种基本方式：

1、树状链接结构

类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会"迷"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。

2、星状链接结构

类似 *** 服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用，达到比较理想的效果。比较好的方案是：首页和一级页面之间用星状链接结构，一级和以下各级页面之间用树状链接结构。

六、设计网站的整体风格

风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。这个"整体形象"包括站点的CI(标志，色彩，字体，标语)，版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的，这些都是网站给人们

留下的不同感受。

风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪 *** 的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。

风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。像诗词中的"豪放派"和"婉约派"，你可以用人的性格来比喻站点。如何树立网站风格呢？我们可以分这样几个步骤：

1、确信风格是建立在有价值内容之上

一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性，这是最基本的。

2、你需要彻底搞清楚自己希望站点给人的印象是什么

可以从这几方面来理清思路：

a.如果只用一句话来描述你的站点，应该是:()

参考答案：有创意，专业，有(技术)实力，有美感，有冲击力

b.想到你的站点，可以联想到的色彩是：()

参考答案：热情的红色，幻想的天蓝色，聪明的金黄色

c.想到你的站点，可以联想到的画面是：()

参考答案：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店

d.如果网站是一个人，他拥有的个性是：()

参考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者

e.作为站长，你希望给人的印象是：()

参考答案：敬业，认真投入，有深度，负责，纯真，直爽，淑女

f.用一种动物来比喻，你的网站最像：()

参考答案：猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)

g.浏览者觉得你和其他网站的不同是：()

参考答案：可以信赖，信息最快，交流方便，

h.浏览者和你交流合作的感受是：()

参考答案：师生，同事，朋友，长幼。

你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。

3、在明确自己的网站印象后，开始努力建立和加强这种印象

经过第二步印象的"量化"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。以下做法可作参考：

(1)将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。

(2)突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。

(3)突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。

(4)想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是...。

(5)使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。

(6)使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。

(7)创造一个你的站点特有的符号或图标。

(8)用自己设计的花边，线条，点。

(9)展示你网站的荣誉和成功作品。

(10)告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰