网站整体架构

1,560 views
1,509 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,560
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

网站整体架构

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

×