网站规划设计基础教程

1、http:/ 网站主题及风格定位 网站版面设计方法 网站策划书的撰写 http:/ （4）界面设计、页面制作及程序开发。（5）网站的测试与发布及文档的编写。 （6）网站的维护。 http:/ 典型的政府网站http:/http:/ 注意：网页中的视觉上的动感元素，如使用GIF动画、Flash动画等不是动态网页和动态网站的标志。 http:/ http:/ http:/ http:/ 好的站点通常都可以链接到其他相关站点以便好的站点通常都可以链接到其他相关站点以便为访问者提供更多信息。对每个链接都要做简为访问者提供更多信息。对每个链接都要做简要说明，并对它被链接的原因进行阐述，这些要说明，并对它

2、被链接的原因进行阐述，这些信息可以帮助访问者选择最适合其需求的站点。信息可以帮助访问者选择最适合其需求的站点。定期访问各链接站点，删除那些定期访问各链接站点，删除那些“死死”站点，站点，以免访问者感到厌烦。以免访问者感到厌烦。 网站内容是网站吸引浏览者最重要的因素，信网站内容是网站吸引浏览者最重要的因素，信息量少或是信息不实用的网站是无法留住匆匆息量少或是信息不实用的网站是无法留住匆匆浏览的访客的。因此，为了增加网站的访问量，浏览的访客的。因此，为了增加网站的访问量，应该事先对人们希望阅读的信息进行调查，并应该事先对人们希望阅读的信息进行调查，并在网站发布后及时地调查人们对网站内容的满在网站发

3、布后及时地调查人们对网站内容的满意程度，以便对网站的内容进行及时调整，不意程度，以便对网站的内容进行及时调整，不断地吸引用户。断地吸引用户。 http:/ （1 1）整体布局，和谐统一。）整体布局，和谐统一。 （2 2）主次分明，中心突出。）主次分明，中心突出。 （3 3）疏密有度，错落有致。）疏密有度，错落有致。 （4 4）图文并茂）图文并茂, ,相得益彰。相得益彰。 http:/ “口口”型布局是页面上下各有一个广告型布局是页面上下各有一个广告条，左边是主菜单，右边是友情链接等条，左边是主菜单，右边是友情链接等内容，中间是主要内容。其优点是充分内容，中间是主要内容。其优点是充分利用了版面，

4、信息量大；缺点是页面拥利用了版面，信息量大；缺点是页面拥挤，不够灵活。挤，不够灵活。 http:/ “国国”型布局又称为型布局又称为“同同”型布局，是一些型布局，是一些大型网站喜欢使用的布局类型。页面顶部是大型网站喜欢使用的布局类型。页面顶部是一横条，横条左部设置网站标志一横条，横条左部设置网站标志, ,右部是横右部是横条广告，横条下部是水平放置的主导航栏。条广告，横条下部是水平放置的主导航栏。导航栏下方分为左中右三栏，左边一般放置导航栏下方分为左中右三栏，左边一般放置内容导航、二级栏目、注册登录、搜索引擎内容导航、二级栏目、注册登录、搜索引擎等，右边一般放置动态新闻、热点内容、友等，右边一般

5、放置动态新闻、热点内容、友情链接等情链接等, ,中间显示网页的主体内容，在页中间显示网页的主体内容，在页面的最下方是一横条状菜单或广告，也可以面的最下方是一横条状菜单或广告，也可以是网站的一些基本信息、联系方式、版权声是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页设计，主要优明等。这种布局通常用于主页设计，主要优点是页面容纳的内容多，信息量大。点是页面容纳的内容多，信息量大。 http:/ 标题正文型布局最上方是标题或广告等标题正文型布局最上方是标题或广告等内容，下方是正文，通常文章页面或注内容，下方是正文，通常文章页面或注册页面采用此种布局，其特点是简洁明册页面采用此种布局

6、，其特点是简洁明快，干扰信息少，较为正规。快，干扰信息少，较为正规。 http:/ “三三”型布局具有简洁明快的艺术效果，型布局具有简洁明快的艺术效果，适合于艺术类、收藏类、展示类网站。适合于艺术类、收藏类、展示类网站。这种布局往往采用简单的图像和线条代这种布局往往采用简单的图像和线条代替拥挤的文字，给浏览者以强烈的视觉替拥挤的文字，给浏览者以强烈的视觉冲击，使其感觉进入了一幅完整的画面冲击，使其感觉进入了一幅完整的画面, ,而不是一个分门别类的超市。它的一级而不是一个分门别类的超市。它的一级页面和二级页面的链接都按行水平排列页面和二级页面的链接都按行水平排列在页面的中部在页面的中部, ,网站

7、标志非常醒目。网站标志非常醒目。 http:/ “川川”型布局比较特殊，整个页面在垂型布局比较特殊，整个页面在垂直方向分为三列，网站的内容按栏目分直方向分为三列，网站的内容按栏目分布在这三列中，可以最大限度地突出主布在这三列中，可以最大限度地突出主页的索引功能。如果网站栏目很多，可页的索引功能。如果网站栏目很多，可以考虑采用这种布局。它和以考虑采用这种布局。它和“国国”形布形布局的主要区别是：把主内容区换成了各局的主要区别是：把主内容区换成了各个二级页面的链接，其中的不足是二级个二级页面的链接，其中的不足是二级栏目比例不易配置平衡，色彩不易协调。栏目比例不易配置平衡，色彩不易协调。 http:

8、/ POPPOP布局像一张宣传海报，以一张精美图布局像一张宣传海报，以一张精美图片作为页面的设计中心，在适当位置放片作为页面的设计中心，在适当位置放置主菜单，常用于时尚类站点。这种布置主菜单，常用于时尚类站点。这种布局方式不讲究上下和左右的对称，但要局方式不讲究上下和左右的对称，但要求平衡有韵律，能达到动感的效果，其求平衡有韵律，能达到动感的效果，其优点是漂亮吸引人，缺点是速度慢。优点是漂亮吸引人，缺点是速度慢。 http:/ 采用上述几种布局的结合与变化，布局采用上述几种布局的结合与变化，布局采用上、下、左、右结合的综合型框架，采用上、下、左、右结合的综合型框架，再结合再结合FlashFla

9、sh动画，使页面形式更加多样，动画，使页面形式更加多样，视觉冲击力更强。视觉冲击力更强。 http:/ (1)(1)充分了解目前网上相关行业的市场状况充分了解目前网上相关行业的市场状况, ,对对本公司的市场特点进行深入分析，考虑本公司本公司的市场特点进行深入分析，考虑本公司的业务是否适合在互联网上开展的业务是否适合在互联网上开展, ,是否可以利用是否可以利用网站提升本公司的竞争力，提升哪些竞争力等。网站提升本公司的竞争力，提升哪些竞争力等。 (2)(2)分析市场上的主要竞争者分析市场上的主要竞争者, ,了解竞争对手的了解竞争对手的上网情况及其网站规划、网站功能、网站在其上网情况及其网站规划、网

10、站功能、网站在其公司运作中所起到的作用等。公司运作中所起到的作用等。 (3)(3)分析网站可能的访问者。从可能的访问者分析网站可能的访问者。从可能的访问者中分析出潜在的用户，并充分利用网站的各种中分析出潜在的用户，并充分利用网站的各种功能模块为这些潜在的用户提供有特色的服务。功能模块为这些潜在的用户提供有特色的服务。 (4)(4)分析网站设计者自身的条件、建设网站的分析网站设计者自身的条件、建设网站的能力及建站的费用、技术等。能力及建站的费用、技术等。 http:/ (1)(1)首先要确定为什么要建立网站，是首先要确定为什么要建立网站，是为了建立行业性网站开展电子商务，还为了建立行业性网站开展

11、电子商务，还是仅仅为了宣传产品。是仅仅为了宣传产品。 (2)(2)根据需要和计划确定网站的功能，根据需要和计划确定网站的功能，如产品宣传型、电子商务型、网上营销如产品宣传型、电子商务型、网上营销型、客户服务型等。型、客户服务型等。 (3)(3)根据网站功能，确定网站应达到的根据网站功能，确定网站应达到的目的。目的。 http:/ (1)(1)确定是采用自备主机，还是租用虚拟确定是采用自备主机，还是租用虚拟主机或是采用服务器整机托管的方案。主机或是采用服务器整机托管的方案。 (2)(2)选择操作系统，用选择操作系统，用WindowsWindows、LinuxLinux还还是是UNIXUNIX系列

12、，并分析投入成本、功能、安系列，并分析投入成本、功能、安全性和稳定性等。全性和稳定性等。 (3)(3)确定是采用现成的企业上网方案、电确定是采用现成的企业上网方案、电子商务解决方案，还是自己重新进行设计子商务解决方案，还是自己重新进行设计开发。开发。 (4)(4)确定网站安全性措施，如防入侵、防确定网站安全性措施，如防入侵、防病毒方案等。病毒方案等。 (5)(5)相关程序开发，如相关程序开发，如ASPASP。http:/ (1)(1)根据网站的目的和功能规划网站内容。根据网站的目的和功能规划网站内容。公司网站一般应包括公司简介、产品介公司网站一般应包括公司简介、产品介绍、价格信息、服务内容、网

13、上订单、绍、价格信息、服务内容、网上订单、联系方式等基本内容。电子商务类网站联系方式等基本内容。电子商务类网站要提供会员注册、商品服务信息、订单要提供会员注册、商品服务信息、订单确认、付款方式、个人信息保密措施、确认、付款方式、个人信息保密措施、信息搜索查询、相关帮助等内容。信息搜索查询、相关帮助等内容。 (2)(2)如果网站栏目比较多时，还需要考虑如果网站栏目比较多时，还需要考虑指定专人负责相关内容。指定专人负责相关内容。 http:/ (1)(1)在网页的美术设计要求上，一般要在网页的美术设计要求上，一般要与企业整体形象一致，要符合与企业整体形象一致，要符合CICI规范，规范，注意网页色彩

14、、图片的应用以及版面规注意网页色彩、图片的应用以及版面规划，要保持网页的整体一致性。划，要保持网页的整体一致性。 (2)(2)在新技术的采用上要充分考虑主要在新技术的采用上要充分考虑主要目标访问群体的地域、年龄、职业、网目标访问群体的地域、年龄、职业、网络速度和阅读习惯等。络速度和阅读习惯等。 (3)(3)制定网页改版计划，如每半年或一制定网页改版计划，如每半年或一年进行一次较大规模的改版等。年进行一次较大规模的改版等。 http:/ (1)(1)服务器的稳定性、安全性测试。服务器的稳定性、安全性测试。 (2)(2)程序及数据库测试。程序及数据库测试。 (3)(3)网页兼容性测试。包括不同浏览

15、器网页兼容性测试。包括不同浏览器下的显示结果、不同显示器分辨率的页下的显示结果、不同显示器分辨率的页面效果等。面效果等。 (4)(4)需要的其他测试。需要的其他测试。 http:/ (1)(1)网站测试完成后进行发布前的公关、网站测试完成后进行发布前的公关、广告活动等。广告活动等。 (2)(2)搜索引擎登记等。搜索引擎登记等。 http:/ (1)(1)服务器及相关软硬件的维护。对可服务器及相关软硬件的维护。对可能出现的问题进行评估，制定响应时间。能出现的问题进行评估，制定响应时间。 (2)(2)数据库维护。有效地利用数据是网数据库维护。有效地利用数据是网站维护的重要内容，因此要重视对数据站维护的重要内容，因此要重视对数据库的维