网站设计步骤及要点

文章目录

网站的设计之一：确定网站的栏目和板块

一、栏目与板块

二、网站栏目设置的原则

三、栏目设置结果的表达形式

四、网站栏目设置的常用方法

网站设计之二：确定网站的整体风格和创意的风格

一、风格

二、创意（网站生存的关键）

网站的设计之三——确定网站的目录结构与链接结构

一、设计网站的目录结构

二、设计网站的链接结构

网站的设计之一：确定网站的栏目和板块

一、栏目与板块

不要确定题材后就开始制作网站（容易导致网站结构不清晰、目录庞杂，内容跨度大，维护访问困难，扩展麻烦等问题）

栏目：按一定内容编排布局的完整表达形式，网站的大纲索引。就是如网页头部的索引栏目。

板块：大于栏目的概念，每个板块拥有自己的栏目。

一般对于内容较少的网站，使用栏目就够了。

二、网站栏目设置的原则

扣紧主题、突出重点、方便浏览

例如下面的寻找失主的网站栏目设计

三、栏目设置结果的表达形式

栏目设置的表达形式：栏目结构图 栏目结构表

四、网站栏目设置的常用方法

1、对已经有的类似网站做考察，借鉴优秀网站的布局、内容方法等。

例如要做旅游网站的话：参考庐山的旅游网

寻找参考网站的特色、分析优缺点，取长补短。

2.归纳整理法：

集思广益，收集大量的信息，对收集信息分类整理，提取有效信息。

网站设计之二：确定网站的整体风格和创意的风格

一、风格

网站页面上的世界元素组合在一起的整体形象，展示给人的直观感受，整个形体形象包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。

风格特征：抽象性、独特性、人性化等。

整体形象包括：站点的CI（Coporate Identity）企业形象。（标志、色彩，字体，标语，版面布局、浏览方法、交互性、文字、语气、内容价值、存在意义、站点荣誉等）

风格的独特性：标志性的东西。

风格的人性化。

网页不应仅仅是内容的堆叠，我们要通过有限的内容传递出想要的全部信息。确信风格是建立在有价值内容之上的，内容第一。

弄清楚站点要给人以什么样的印象

确定目标后，不断努力建立和加强这种印象。

建立和营造风格印象的方法

1.设计一个有特色的网站标志(LOGO)

2.确定网站的标准色彩（一般不应该超过三种），标准色彩运用到LOGO、标题、主菜单、主色块，保持统一的色调给人以视觉上的冲击。其余颜色不应喧宾夺主。

3.使用标准实体。统一风格的字体

4.设计一条朗朗上口的宣传标语

二、创意（网站生存的关键）

创意就是网站出奇制胜的绝招，是一种传达信息的特别的方式。创意是思考的结果。

网站的设计之三——确定网站的目录结构与链接结构

一、设计网站的目录结构

不要将所有文件放在根目录下（会导致文件混乱、传输缓慢）

按栏目内容建立子目录

子目录建立首先按网站主目录建立

其他次要的栏目，根据需要建立独立目录

所有程序一般都存放在特定的目录下）

在每个主目录下都建立一个images目录

目录的层次不要太深，不超过三层

不要使用中文命名

二、设计网站的链接结构

网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构之上，可以超越目录。（将每个页面看做是一个点，则链接式两个固定点之间的连线）

基本方式：

（1）树状链接结构（一对一）：条理清晰，访问者知道自己在什么位置，不会迷路；浏览效率低，一个栏目下的子页面到另一个栏目下的子页面跳转必须要经过首页。

（2）星状链接结构（一对多）：浏览方便，可以随时到达自己想要的页面，但容易“迷路”，不清楚自己的位置

实际中常用混合链接，首页和一级页面之间用星状链接，一级与多级页面之间使用树状链接结构。

本文来自网络或网友投稿，如有侵犯您的权益，请发邮件至：aisoutu@outlook.com 我们将第一时间删除。