SlideShare a Scribd company logo
1 of 17
网站整体架构 确定网站的栏目和板块,构建网站风格。做好网站目录结构和链接结构的完善,便于网站后期的维护和更新。
一、确定网站栏目和板块 ,[object Object],[object Object],[object Object],[object Object],[object Object]
栏目划分要注意: ,[object Object],[object Object],[object Object]
练习:企业网站栏目设计 ,[object Object],企业网站的目的在于宣传企业,推广产品。 具有网络营销导向的企业网站的 主题 主要表现在八个方面:品牌形象、产品 / 服务展示、信息发布、顾客服务、顾客关系、网上调查、资源合作、网上销售。
[object Object],基本栏目至少应该包括 企业简介,产品介绍,联系方式, 只要有了这 3 个栏目,足以做成一个内容丰富,重点突出,简明快捷的企业网站。
[object Object]
[object Object]
[object Object]
比较下面两个网站,观察他们的网站栏目,分析它们的网站主题、网站功能,并说明其与网站栏目之间的关系。
 
[object Object],[object Object]
一、确定网站栏目和板块 ,[object Object],[object Object]
[object Object],[object Object]
二、网站目录结构组织  1 .网站目录结构组织的原则  ⑴ .不要将所有文件都放在根目录下; ⑵ .按栏目内容分别建立子目录; ⑶ .在每个主目录下都建立独立的 images 目录; ⑷ .目录的层次不要太深; ⑸ .切忌使用中文目录; ⑹ .不要使用过长的目录; ⑺ .尽量使用意义明确的目录。
2 .网站的链接结构  ⑴ .树形链接结构(一对一) 类似 DOS 的目录结构,首页链接指向二级页面,二级页面链接指向三级页面。 优点: 条理清晰,访问者不会“迷路”。 缺点: 浏览效率低,栏目间的跳转须绕经首页。 网站的链接结构 —— 页面之间相互链接的拓扑(几何)结构。
2 .网站的链接结构  ⑵ .星形链接结构(一对多) 每个页面之间都建立相互链接。 优点: 浏览方便。 缺点: 链接太多,浏览者容易迷路。  实际设计中可混合使用两种结构。 推荐: 首页和二级页面之间用星形链接结构,二级和三级页面之间用树形链接结构。
易犯的错误 主 页 反 馈 内 容 搜 索 新闻 1 新闻 2 新闻 3 产品 1 产品 2 产品 3 服务 1 服务 2 服务 3 结构层次太浅: 给人以网站组织混乱的印象。  主 页 新 闻 产 品 服 务 反 馈 内 容 搜 索 新闻 1 新闻 2 新闻 3 产品 1 产品 2 产品 3 服务 1 服务 2 服务 3 网站层次太深: 使有价值的信息被埋没在层层的链接之后,访问者很少有耐心找到它,他们会在三次单击之后放弃。 服务 1 服务 2 服务 3 服 务

More Related Content

Viewers also liked (13)

05检索技术
05检索技术05检索技术
05检索技术
 
网站的整体风格
网站的整体风格网站的整体风格
网站的整体风格
 
城市门户网站宣传推广建议
城市门户网站宣传推广建议城市门户网站宣传推广建议
城市门户网站宣传推广建议
 
网站内容的策划和制作
网站内容的策划和制作网站内容的策划和制作
网站内容的策划和制作
 
X 1培训模式与考试方案介绍
X 1培训模式与考试方案介绍X 1培训模式与考试方案介绍
X 1培训模式与考试方案介绍
 
Pptest
PptestPptest
Pptest
 
理论教学
理论教学理论教学
理论教学
 
网络采访
网络采访网络采访
网络采访
 
Rethinking Assistive Technology
Rethinking Assistive TechnologyRethinking Assistive Technology
Rethinking Assistive Technology
 
白色圆环
白色圆环白色圆环
白色圆环
 
Student success story matt c
Student success story matt cStudent success story matt c
Student success story matt c
 
11网络新闻的页面设计
11网络新闻的页面设计11网络新闻的页面设计
11网络新闻的页面设计
 
02罗一凡
02罗一凡02罗一凡
02罗一凡
 

Similar to 网站整体架构

网站整体架构联系评价
网站整体架构联系评价网站整体架构联系评价
网站整体架构联系评价
oldtaotao
 
运营分享
运营分享运营分享
运营分享
nana_lau
 
05上机:网站栏目和板块设计
05上机:网站栏目和板块设计05上机:网站栏目和板块设计
05上机:网站栏目和板块设计
oldtaotao
 
Google搜尋引擎最佳化 初學者指南2011
Google搜尋引擎最佳化 初學者指南2011Google搜尋引擎最佳化 初學者指南2011
Google搜尋引擎最佳化 初學者指南2011
昇祥 鍾
 
Search engine-optimization-starter-guide-zh-cn
Search engine-optimization-starter-guide-zh-cnSearch engine-optimization-starter-guide-zh-cn
Search engine-optimization-starter-guide-zh-cn
fanyange
 
Postoffer前端架构设计
Postoffer前端架构设计Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
 
Microsoft power point 网络广告 l3 博客营销及邮件营销 1
Microsoft power point   网络广告 l3 博客营销及邮件营销 1Microsoft power point   网络广告 l3 博客营销及邮件营销 1
Microsoft power point 网络广告 l3 博客营销及邮件营销 1
wosa
 
百度优化指南 V2
百度优化指南 V2百度优化指南 V2
百度优化指南 V2
hanchengluo
 

Similar to 网站整体架构 (20)

网站整体架构联系评价
网站整体架构联系评价网站整体架构联系评价
网站整体架构联系评价
 
S_E_O
S_E_OS_E_O
S_E_O
 
运营分享
运营分享运营分享
运营分享
 
Search engine-optimization-starter-guide-zh-tw
Search engine-optimization-starter-guide-zh-twSearch engine-optimization-starter-guide-zh-tw
Search engine-optimization-starter-guide-zh-tw
 
百度搜索引擎优化指南
百度搜索引擎优化指南百度搜索引擎优化指南
百度搜索引擎优化指南
 
05上机:网站栏目和板块设计
05上机:网站栏目和板块设计05上机:网站栏目和板块设计
05上机:网站栏目和板块设计
 
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
 
Google搜尋引擎最佳化 初學者指南2011
Google搜尋引擎最佳化 初學者指南2011Google搜尋引擎最佳化 初學者指南2011
Google搜尋引擎最佳化 初學者指南2011
 
Search engine-optimization-starter-guide-zh-cn
Search engine-optimization-starter-guide-zh-cnSearch engine-optimization-starter-guide-zh-cn
Search engine-optimization-starter-guide-zh-cn
 
运营专业型社区的经验和反思
运营专业型社区的经验和反思运营专业型社区的经验和反思
运营专业型社区的经验和反思
 
范凯 运营专业型社区的经验和反思
范凯 运营专业型社区的经验和反思范凯 运营专业型社区的经验和反思
范凯 运营专业型社区的经验和反思
 
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
 
教網部落格模版設計
教網部落格模版設計教網部落格模版設計
教網部落格模版設計
 
Postoffer前端架构设计
Postoffer前端架构设计Postoffer前端架构设计
Postoffer前端架构设计
 
Download
DownloadDownload
Download
 
Microsoft power point 网络广告 l3 博客营销及邮件营销 1
Microsoft power point   网络广告 l3 博客营销及邮件营销 1Microsoft power point   网络广告 l3 博客营销及邮件营销 1
Microsoft power point 网络广告 l3 博客营销及邮件营销 1
 
Henan Baijia Multi-layer Paper Bag Factory conducts SEO promotion for the web...
Henan Baijia Multi-layer Paper Bag Factory conducts SEO promotion for the web...Henan Baijia Multi-layer Paper Bag Factory conducts SEO promotion for the web...
Henan Baijia Multi-layer Paper Bag Factory conducts SEO promotion for the web...
 
百度优化指南 V2
百度优化指南 V2百度优化指南 V2
百度优化指南 V2
 
HTML 語法教學
HTML 語法教學HTML 語法教學
HTML 語法教學
 
华北电商圈网友交流沙龙
华北电商圈网友交流沙龙华北电商圈网友交流沙龙
华北电商圈网友交流沙龙
 

More from oldtaotao

More from oldtaotao (20)

Plan
PlanPlan
Plan
 
说空间12.06
说空间12.06说空间12.06
说空间12.06
 
X 0网络编辑职业技能要求
X 0网络编辑职业技能要求X 0网络编辑职业技能要求
X 0网络编辑职业技能要求
 
X 2网络编辑员—知识和技能
X 2网络编辑员—知识和技能X 2网络编辑员—知识和技能
X 2网络编辑员—知识和技能
 
X 3助理网络编辑师-知识和技能
X 3助理网络编辑师-知识和技能X 3助理网络编辑师-知识和技能
X 3助理网络编辑师-知识和技能
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004
 
助理网络编辑师试题
助理网络编辑师试题助理网络编辑师试题
助理网络编辑师试题
 
适时新闻
适时新闻适时新闻
适时新闻
 
网络采访
网络采访网络采访
网络采访
 
适时新闻
适时新闻适时新闻
适时新闻
 
专题——内容策划
专题——内容策划专题——内容策划
专题——内容策划
 
15网络新闻标题
15网络新闻标题15网络新闻标题
15网络新闻标题
 
14网络新闻编辑2
14网络新闻编辑214网络新闻编辑2
14网络新闻编辑2
 
13网络新闻编辑
13网络新闻编辑13网络新闻编辑
13网络新闻编辑
 
11网络新闻的页面设计
11网络新闻的页面设计11网络新闻的页面设计
11网络新闻的页面设计
 
03网络新闻专题2
03网络新闻专题203网络新闻专题2
03网络新闻专题2
 
02网络新闻专题
02网络新闻专题02网络新闻专题
02网络新闻专题
 
01课程教学说明
01课程教学说明01课程教学说明
01课程教学说明
 
04检索语言
04检索语言04检索语言
04检索语言
 
长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表长沙民政职业技术学院应用研究项目申报表
长沙民政职业技术学院应用研究项目申报表
 

网站整体架构