第1章 网站规划与设计概述

教育部高等学校文科计算机基础教学指导委员会立项教材

网站设计与开发案例教程雷运发 莫云峰 覃 伟 等编著

中国水利水电出版社

第一章 网站规划与设计概述 学习目标： 了解网站规划书的撰写。 熟悉网站域名注册和服务器空间申请的 方法。 了解网站开发的常用工具和技术。 了解网站备案的流程。 掌握网站的制作流程。

1.1 需求分析网站规划就是要明确建立网站的目的和发 展的方向，通过市场调研明确网站的服务 领域，了解网站服务对象及他们的需求， 确定网站所提供的功能等。网站的规划不 仅仅是撰写一个规划书，更重要的是根据 网站运营的需求，把功能设计、技术开发 和网站推广等方方面面的内容综合分析后 得出的最佳网站开发方案。

1.2 任务分解 1.2.1 任务一：网站规划书的撰写 网站规划是指在网站建设前对市场进行分析 、确定网站的目的和功能，并根据需要对网 站建设中的技术、内容、费用、测试、维护 等做出规划。网站规划对网站建设起到计划 和指导的作用，对网站的内容和维护起到定 位作用。 网站规划书应该尽可能涵盖网站规划中的各 个方面，网站规划书的写作要科学、认真、 实事求是。以最常见的企业网站类型为例， 网站规划书包含的内容如下：

1. 建设网站前的市场分析 (1)相关行业的市场是怎样的,市场有什么样的特点 ，是否能够在互联网上开展业务。 (2)市场主要竞争者分析，竞争对手上网情况及其 网站规划、功能作用。 (3)公司自身条件分析、公司概况、市场优势，可 以利用网站提升哪些竞争力，建设网站的能力( 费用、技术、人力等)。

2. 建设网站目的及功能定位(1)为什么要建立网站，是为了宣传产品，进行电子 商务，还是建立行业性网站？是企业的需要还是市 场开拓的延伸？ (2)整合公司资源，确定网站功能。根据公司的需要 和计划，确定网站的功能：产品宣传型、网上营销 型、客户服务型、电子商务型等。 (3)根据网站功能，确定网站应达到的目的作用。 (4)企业内部网(Intranet)的建设情况和网站的可扩 展性。

3. 网站技术解决方案 根据网站的功能确定网站技术解决方案。 (1)采用自建服务器，还是租用虚拟主机。 (2)选择操作系统，用Unix,Linux还是 Window2000/NT。分析投入成本、功能、开发、 稳定性和安全性等。 (3)采用系统性的解决方案(如IBM,HP)等公司 提供的企业上网方案、电子商务解决方案？还是 自己开发。 (4)网站安全性措施，防黑、防病毒方案。 (5)相关程序开发。如网页程序ASP、JSP、PHP 、数据库程序等。

4. 网站内容规划(1)根

据网站的目的和功能规划网站内容，一般企业网站应包括 ：公司简介、产品介绍、服务内容、价格信息、联系方式、网 上定单等基本内容。 (2)电子商务类网站要提供会员注册、详细的商品服务信息、信 息搜索查询、定单确认、付款、个人信息保密措施、相关帮助 等。 (3)如果网站栏目比较多，则考虑采用网站编程专人负责相关内 容。 注意：网站内容是网站吸引浏览者最重要的因素，无内容 或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望 阅读的信息进行调查，并在网站发布后调查人们对网站内容的 满意度，以及时调整网站内容。

5. 网页设计(1)网页美术设计一般要与企业整体形象一致，要符合CI规范。要 注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。 (2)在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶 层、网络速度、阅读习惯等。 (3)制定网页改版计划，如半年到一年时间进行较大规模改版等。

6. 网站维护(1)服务器及相关软硬件的维护，对可能出现的问题进 行评估，制定响应时间。 (2)数据库维护，有效地利用数据是网站维护的重要内 容，因此数据库的维护要受到重视。 (3)内容的更新、调整等。 (4)制定相关网站维护的规定，将网站维护制度化、规 范化。

7. 网站测试 网站发布前要进行细致周密的测试，以保证正常浏览和 使用。主要测试内容： (1)服务器稳定性、安全性。 (2)程序及数据库测试。 (3)网页兼容性测试，如浏览器、显示器。 (4)根据需要的其他测试。 8. 网站发布与推广 (1)网站测试后进行发布的公关，广告活动。 (2)搜索引掣登记等。

9. 网站建设日程表 各项规划任务的开始完成时间，负责人等。 10. 费用明细 各项事宜所需费用清单，一般包括域名，空间 的费用，此费用是按年交纳；网站制作费用， 网站维护费用等，一些优秀的网络公司还会制 定产品策划及推广计划等服务。 以上为网站规划书中应该体现的主要内容，根 据不同的需求和建站目的，内容也会在增加或 减少。在建设网站之初一定要进行细致的规划 ，才能达到预期建站目的。

1.2.2 任务二：域名和服务器空间申请 1.域名及注册方法 (1)域名 域名就是上网单位的名称，是一个通过计算机登上网络 的单位在该网中的地址。一个公司如果希望在网络上建 立自己的主页，就必须注册一个域名，域名也是由若干 部分组成，包括数字和字母。 域名类型有很多种，.com /.net/.org是国际最广泛流行的 通用域名格式。.cn域名是中国英文域名，近几年也出现 了如“毛衫人才

网.com”的中文域名。

(2)域名的注册方法 注册国际域名没有条件限制。单位和个人均可以申请。 只需到一些域名注册商网站填写一个在线注册表，把真 实信息填写就可申请。 注册中国国家顶级域名(国内域名),域名注册申请人 必须是依法登记并能够独立承担民事责任的组织，个人 不能申请注册域名。域名注册申请表中的各类联系人都 是代表组织来办理域名注册申请的各项事宜。域名承办 人并不是以个人身份来办理域名注册申请，而是代表组 织。 国内较大的域名注册商有新网互联，新网海信，万网， 中国频道，商务中国，易名网等。

2.服务器空间及申请网站空间根据服务性能和需求可以从下面几个方面进行选择： (1)租用虚拟主机. 适宜：对网站功能(支持数据库等)、相应速度 、容量有一定要求的个人或者企业网站。 (2)租用整机(独享主机):租用1台物理整机。优点：速度快，存 储空间大，管理等自由度大；缺点：租金贵，适合网站日访问量比 较大、网站信息量大的企业。适宜对存储空间、访问相应有比较高 的大中型企业。 (3)主机托管：企业自己购买主机，放于ISP机房。优点：设备产权 属于企业，存储空间、管理自由度更大，且环境好、网络带宽大。 缺点：购买设备投入比较大，且托管费用也不便宜。适宜于资金实 力较雄厚，对网站相应、存储等有更高要求的大中型企业。 (4)自建机房，服务器放在企业内部：自买服务器及网络设备、安全 设备等。优点：管理方便，自由度、安全性更强。缺点：投入成本 和管理成本高；网络带宽较小。适用：需要进行网络化管理，并与 客户进行互动或者自助操作、资料具有较高的保密性、且企业自身 有一定的技术管理能力和资金实力的大、中型企业。

1.2.3 任务三：确定网站开发工具和技术1. 网页布局工 具 (1)Dreamweaver 它不仅是一个 专业的可视化 网页设计编辑 工具，而且还 是一个出色的 网站管理、维 护工具。它的 最新版本是CS5 版,如图1-1所示 。图1-1 Dreamweaver CS5软件界面

(2)FrontpageFrontpage是Microsoft公司Office办公自动化套装组 件之一，它也是一款编写网页和创建网站的优秀软 件，它内含大量的模板，使用时只需要选择相应的 命令、设置相应的属性即可，特别适合初学者使用 。但是，由于FrontPage大部分网页是基于表格的， 所以它生成的网页代码伴有大量的冗余代码，网上 传播速度较慢，且占用的存储空间也较大。 除了采用上面的软件直观地生成各种网页外，有时 也需要直接编辑网页的源代码，尤其是在制作动态 网页(如开发数据库网页、编辑脚本特效)

时，实 现这一功能较常用的软件有HotDog、HomeSite和 Editplus等。

2. 网页美化工具除编辑HTML文件外，制作网页还需要大量的图像 、动画、声音等多媒体元素进行美化，因此必须掌 握几种处理图像、动画和声音的软件。典型的图像 处理软件有Adobe公司的Photoshop、Fireworks, 典型的动画软件有Flash,Ulead公司的Cool3D, GIF Animator和声音编辑软件Cool Edit Pro等。

(1)图像处理软件 制作网页图像的软件非常多，但在实际使用过程中用得 比较多的是Fireworks、Photoshop等，尤其是Fireworks 。它是专门为网页图片量身订做的图形图像处理软件。 (2)动画制作软件 Flash是网页动画制作中最常用的软件之一，图1-4是 FLASH软件界面。它具有小巧灵活、生成文件小、表现 内容丰富等诸多优点，同时，它还是网页三剑客( Dreamweaver、Flash、Fireworks)之一，与其他另外两 款软件配合使用更是相得益彰。另外，还有一些其他的 小软件可以制作动画，如Swish、Ulead GIF Animator等 。如果还要制作3D动画，那么还可以选择Ulead Cool 3D 、3D Flash Animator、Xara3D等软件。

3. 网页开发语言 网页最初的都是用超文本标记语言HTML来实现 的，称为静态网页，一般后缀为.htm或.html, 其制作工具可以是记事本、EditPlus等纯文本编 写工具，也可以是FrontPage、DreamWeaver等 所见即所得的工具。静态网页的缺点是：如果要 修改网页，必须修改源代码，并重新上传。 与静态网页对应的是动态网页，服务器端可以根 据客户端的不同请求动态产生网页内容。动态网 页有两个显著特点：可以动态产生页面，并且支 持客户端和服务器端的交互功能。

本文来源：https://www.bwwdw.com/article/ulbi.html