网站整体架构
TRANSCRIPT
网站整体架构网站整体架构
确定网站的栏目和板块,构建网确定网站的栏目和板块,构建网站风格。做好网站目录结构和链接结构站风格。做好网站目录结构和链接结构的完善,便于网站后期的维护和更新。的完善,便于网站后期的维护和更新。
一、确定网站栏目和板块一、确定网站栏目和板块
1.1.栏目设置栏目设置
一定要围绕网站主题确定栏目一定要围绕网站主题确定栏目
突出主题突出主题
设定一个最近更新或网站指南栏目设定一个最近更新或网站指南栏目
人性化设计人性化设计
设定互动栏目设定互动栏目
双向互动双向互动
设定下载或常见问题回答栏目设定下载或常见问题回答栏目
信息共享信息共享
栏目划分要注意:栏目划分要注意:
尽可能删除与主题无关的栏目尽可能删除与主题无关的栏目
尽可能将网站最有价值的内容列在栏目上尽可能将网站最有价值的内容列在栏目上
尽可能方便访问者的浏览和查询尽可能方便访问者的浏览和查询
练习:企业网站栏目设计练习:企业网站栏目设计
1).1).分析企业网站和一般的综合网站、专业分析企业网站和一般的综合网站、专业
网站、娱乐网站等网站、娱乐网站等 ..在网站主题和网站目的在网站主题和网站目的
上有什么不同。上有什么不同。
企业网站的目的在于宣传企业,推广产品企业网站的目的在于宣传企业,推广产品
。。具有网络营销导向的企业网站的具有网络营销导向的企业网站的主题主题主主要表现在八个方面:品牌形象、产品要表现在八个方面:品牌形象、产品 //服服务展示、信息发布、顾客服务、顾客关系务展示、信息发布、顾客服务、顾客关系、网上调查、资源合作、网上销售。、网上调查、资源合作、网上销售。
2).2).根据企业网站主题,确定至少根据企业网站主题,确定至少 33个必备个必备
栏目栏目
基本栏目至少应该包括基本栏目至少应该包括企业简企业简
介,产品介绍,联系方式,介,产品介绍,联系方式,只要有了只要有了
这这 33 个栏目,足以做成一个内容丰富个栏目,足以做成一个内容丰富
,重点突出,简明快捷的企业网站。,重点突出,简明快捷的企业网站。
3). 3). 根据企业的实际情况,决定其他栏目根据企业的实际情况,决定其他栏目
的取舍,的取舍,更要根据该栏目的内容来决定更要根据该栏目的内容来决定
!!
首先从网站的可读性考虑,有些冗余首先从网站的可读性考虑,有些冗余的栏目根本没有必要设置。例如众多企业的栏目根本没有必要设置。例如众多企业
“ ” “网站中的 企业新闻 、栏目;中小企业的“ ” “网站中的 企业新闻 、栏目;中小企业的”设备状况 栏目等。这些栏目要不根本没有”设备状况 栏目等。这些栏目要不根本没有
内容,要不就是内容,要不就是 22、、 33张模糊不清,也没有张模糊不清,也没有文字说明的企业设备,还有就是孤零零的文字说明的企业设备,还有就是孤零零的一张某市甚至是某县发的奖状图片在整个一张某市甚至是某县发的奖状图片在整个页面的正中,这样的栏目对宣传企业和推页面的正中,这样的栏目对宣传企业和推广产品没有起到任何作用,经常是适得其广产品没有起到任何作用,经常是适得其反,让人对企业产生不好的错觉反,让人对企业产生不好的错觉。。
然后从经济角度考虑,多一个栏目,然后从经济角度考虑,多一个栏目,就需要多一些费用。前几年的网站建设中就需要多一些费用。前几年的网站建设中,网站制作的费用之一就是按照数据库的,网站制作的费用之一就是按照数据库的个数记费,一个栏目就是一个数据库,一个数记费,一个栏目就是一个数据库,一个数据库有的高达几千元;现在是按照模个数据库有的高达几千元;现在是按照模块记费,一个栏目一个模块,虽说也就几块记费,一个栏目一个模块,虽说也就几百的费用,但是这种费用是毫无意义的百的费用,但是这种费用是毫无意义的。。
比较下面两个网站,观察他们比较下面两个网站,观察他们
的网站栏目,分析它们的网站主题的网站栏目,分析它们的网站主题
、网站功能,并说明其与网站栏目、网站功能,并说明其与网站栏目
之间的关系。之间的关系。
1.1.第一个是长虹的产品网站,在网站栏目第一个是长虹的产品网站,在网站栏目
设置上,倾向于产品介绍和推荐以及和设置上,倾向于产品介绍和推荐以及和
产品销售有关的栏目,产品销售有关的栏目,主打栏目:新品主打栏目:新品
推荐推荐
2.2.第二个是长虹的公司网站,在网站栏目第二个是长虹的公司网站,在网站栏目
设置上,趋向于公司形象、公司动态和设置上,趋向于公司形象、公司动态和
公司合作,公司合作,主打栏目:企业动态。主打栏目:企业动态。
一、确定网站栏目和板块一、确定网站栏目和板块
2.2.关于版面布局关于版面布局
网页布局大致可分为“国”字型网页布局大致可分为“国”字型
、封面型、左右框架型、上下框架型、综、封面型、左右框架型、上下框架型、综
合框架型、拐角型、标题正文型、合框架型、拐角型、标题正文型、 FlashFlash型型
、变化型、变化型
二、网站目录结构组织 二、网站目录结构组织
1 .网站目录结构组织的原则
⑴ .不要将所有文件都放在根目录下;
⑵ .按栏目内容分别建立子目录;
⑶ .在每个主目录下都建立独立的 images目录;
⑷ .目录的层次不要太深;
⑸ .切忌使用中文目录;
⑹ .不要使用过长的目录;
⑺ .尽量使用意义明确的目录。
22 .网站的链接结构 .网站的链接结构
⑴ .树形链接结构(一对一)
类似类似 DOSDOS的目录结构,首页链接指向二级页的目录结构,首页链接指向二级页
面,二级页面链接指向三级页面。面,二级页面链接指向三级页面。
优点:优点:条理清晰,访问者不会“迷路”。条理清晰,访问者不会“迷路”。
缺点:缺点:浏览效率低,栏目间的跳转须绕经首页浏览效率低,栏目间的跳转须绕经首页
。。
网站的链接结构 —— 页面之间相互
链接的拓扑(几何)结构。
22 .网站的链接结构 .网站的链接结构
⑵ .星形链接结构(一对多)
每个页面之间都建立相互链接。每个页面之间都建立相互链接。
优点:优点:浏览方便。浏览方便。
缺点:缺点:链接太多,浏览者容易迷路。 链接太多,浏览者容易迷路。
实际设计中可混合使用两种结构。
推荐:
首页和二级页面之间用星形链接结
构,二级和三级页面之间用树形链接结构
。
主 主页页
反 反馈馈
内 内容容
搜 搜索索
新闻新闻 11 新闻新闻 22 新闻新闻 33 产品产品 11 产品产品 22 产品产品 33 服务服务 11 服务服务 22 服务服务 33
结构层次太浅:结构层次太浅:给人以网站组织混乱的印象。 给人以网站组织混乱的印象。
主 主页页
新 新闻闻
产 产品品
服 服务务
反 反馈馈
内 内容容
搜 搜索索
新闻新闻 11 新闻新闻 22 新闻新闻 33
产品产品 11 产品产品 22 产品产品 33
服务服务 11 服务服务 22 服务服务 33
网站层次太深:网站层次太深:使有价值的信使有价值的信
息被埋没在层层的链接之后,访息被埋没在层层的链接之后,访
问者很少有耐心找到它,他们会问者很少有耐心找到它,他们会
在三次单击之后放弃。在三次单击之后放弃。
服务服务 11 服务服务 22 服务服务 33
服 服务务
易犯的错易犯的错
误误