网站建设流程版课件.ppt

1、取石炽炼成钢 淬火 钢钢是是在在烈烈火火与与骤骤冷冷中中铸铸造造而而成成的。的。网页是网络应用的主要用户界面。网页是怎么设计出来的？网站又是怎样建成的？人们可以通过浏览器来访问网站，获取自己需要的信息人们可以通过浏览器来访问网站，获取自己需要的信息或者享受网络服务。或者享受网络服务。网站，又称为Web站点，是网络中一个站点内所有网页的集合。简单地说，网站是网页的集合，也是一种借助于网络的通信工具，就像公告栏一样，人们可以通过网站来发布自己的信息，或者利用网站来提供相关的服务。网页是网站信息的载体，是网站的一个组成部分。在网站应用开发的过程中，最重要的一部分工作就是制作网页，多个制作完成并发布的

2、网页组合在一个网站中，就构成了网站。网站具有成本低、信息量大、传递信息快的优点。借助于网站，各种信息可以迅速地在网络上传播和共享。个人网站可以向公众展示个人信息、作品、才艺等内容，企业网站可以及时向公众发布企业的新闻、产品、商业信息等内容。对对网网站站建建设设流流程，程，业业界界有有不不同同的的认认识识与与观观点。点。网站的建设流程是指制作一个网站的完整流程。该流程该流程是参照项目是参照项目管理的国际管理的国际标准与软件标准与软件项目生命周项目生命周期，结合网期，结合网站项目实际站项目实际工作制定的。工作制定的。虽然，现在有些企业和开发者没有完全按照这个流程来进行网站的研发与制作，但是，一个完

3、整的流程将使我们能够更加清晰地理解网站的完整制作过程。根据客户提出的需求，明确以下几个方面的内容：为什么要建立网站，用户从设计的网站能够得到什么信息？是为了产品推广，电子应用，或是为了单位新闻传播与宣传、还是进行电子商（政）务？1 1、明确建设网站目的及其功能定位、明确建设网站目的及其功能定位 根据客户提出的需求，明确以下几个方面的内容：分析拥有的资源。例如文字、图像、人力等资源，确定网站的功能与作用。网站费用预算，其费用一般与功能要求成正比关系。1 1、明确建设网站目的及其功能定位、明确建设网站目的及其功能定位准备采用自建服务器，还是租用虚拟主机。选择操作系统，准备采用Windows还是Li

4、nux/Unix。确定网站安全策略，制定网站防黑、防病毒、防入侵方案（如果采用虚拟主机，该工作可由专业公司代劳）。2 2、形成网站技术解决方案、形成网站技术解决方案选择网页开发技术与工具，以及相应的数据库软件。例如：ASP、JSP、PHP？进行动态网页编程 SQL Server、Access、MySQL、Oralce？2 2、形成网站技术解决方案、形成网站技术解决方案确定网站的结构导航中的每个频道的子栏目。例如首页、机构设置、在线论坛、共享磁盘、建言献策等。1 1、确定网站的目录结构和栏目设置、确定网站的目录结构和栏目设置根据网站的目的及内容，确定网站整合功能，以及网页内容的实现方式。如机构设

5、置是要采用静态网页还是动态网页，使用列表式还是树状结构展示？网页效果图设计。效果图设计要从网站的建设目标、网站类型、客户群特点和信息内容等方面进行规划设计。2 2、进行网页设计，实现每个网页的内容。、进行网页设计，实现每个网页的内容。该步骤非常关键该步骤非常关键，需要网页设计者与客户大量的沟，需要网页设计者与客户大量的沟通，才能确定下来，决定了网站能否受到欢迎。可以通，才能确定下来，决定了网站能否受到欢迎。可以采用采用手工绘制网页的草图手工绘制网页的草图，利用，利用DreamweaverDreamweaver或者或者FrontpageFrontpage等网页开发工具，制作网页效果图或者网页等网

6、页开发工具，制作网页效果图或者网页原型。客户通过效果图，了解网站设计的目的、意图原型。客户通过效果图，了解网站设计的目的、意图和设计思路，提出改进意见建议。和设计思路，提出改进意见建议。网页设计与程序编写 根据网站技术解决方案确定的动态网页实现方式，使用ASP、JSP、PHP等网页编程语言，对静态网页进行网页设计。2 2、进行网页设计，实现每个网页的内容。、进行网页设计，实现每个网页的内容。静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。静态网页 静态网页的特点：（1）网页内容不会发生变化，除非网页设计者修改了网页的内容。

7、概概 念念 解解 析析 静态网页的特点：（2）不能实现交互。用户无法实现与浏览的网页之间进行交互，信息流是单向的，即从服务器到浏览器。服务器不能根据用户的请求返回用户所需要的内容。静态网页的浏览过程如下图所示。概概 念念 解解 析析静态网页 要把效果图制作成静态网页，可以使用Fireworks或者Photoshop软件工具，对网页效果图进行切片，然后使用Dreamweaver软件对切片进行排版制作，生成网页。这里切片的目的是为了得到网页的页面素材，按照排版布局快速实现网页的制作。概概 念念 解解 析析静态网页动态网页 动态网页是建立在B/S（Browser/Server，浏览器/服务器）架构上

8、的服务器端脚本程序。浏览器显示的动态网页是服务器端程序运行的结果。动态网页文件一般以.asp、.jsp和.php为后缀，这些都是采用动态网页技术制作出来的。概概 念念 解解 析析 动态网页的工作原理图，如图所示。概概 念念 解解 析析动态网页 动态网页的主要特点如下：（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量。（2）采用动态网页技术的网站可以实现更多的功能。（3）动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时，服务器才返回一个完整的网页。（4）搜索引擎一般不可能从一个网站的数据库中访问全部网页，因此，采用动态网页的网站在进行搜索引擎推广时，需要做一定的技术处理

9、才能适应搜索引擎的要求。概概 念念 解解 析析动态网页 现在常用的动态网站网页编程语言包括ASP、JSP、PHP，通过选用其中的一种，实现网站的各种功能，例如论坛、留言板、电子商务、在线应用等。采用SQL Server、Access、MySQL、Oralce等数据库软件实现对网站各类数据的管理。概概 念念 解解 析析动态网页 在于Web服务器对它们的处理方式不同。静态网页与动态网页的主要区别概概 念念 解解 析析 网站制作完成以后，不能直接就上传到服务器，提交给客户使用，需要一个测试的过程。测试的主要目的是发现网页设计与程序编写中可能存在的错误，例如，内容的错误、链接的错误、程序功能的错误、安

10、全漏洞等等。错误的网站内容，带给网站的管理者、客户和访问者是巨大的痛苦、折磨、崩溃与反感，不仅会导致付出高昂的现场支持与维护费用，还有可能面临被客户起诉的风险，影响网页设计者的名誉。1 1、网站测试、网站测试网站服务器的稳定性、安全性。网站的各种功能是否能够正常使用。在不同接入速率下，网页下载速度与打开快慢情况。1 1、网站测试、网站测试各种插件、数据库、图标、图像、链接等是否工作正常。网页对不同版本浏览器的兼容情况。网页在不同显示器和不同显示模式下的情况等。网站经过测试，确认无误以后，就可以进行发布了。2 2、网站项目的发布、网站项目的发布 网站的发布就是把制作好的网站内容上传到服务器。可以

11、使用Dreamweaver或者FTP等软件来完成。2 2、网站项目的发布、网站项目的发布 “酒香不怕巷子深。”这个观念已经很难适应当今的信息社会。Internet是大数据型的信息海洋。要想使精心策划的网站受到广泛欢迎，知名度高，带来经济效益，网站的宣传推广尤其重要，这也是任何一位网页设计师不懈努力工作的动力之源，以及热情工作的快乐之本。1 1、网站的推广、网站的推广 网站的内容要随着用网站的内容要随着用户需求、社会变化、市场户需求、社会变化、市场经济活动的改变，而不断经济活动的改变，而不断地随之调整。常常更新网地随之调整。常常更新网页的内容，才能够更加吸页的内容，才能够更加吸引访问者，并留下良

12、好的引访问者，并留下良好的印象。印象。2 2、网站的维护、网站的维护 用户的需求与应用体验是不断变化的。网站完成以后，网页设计师们也就不可能做到一劳永逸的。如果要保持访问者对网站保持足够的吸引力，定期更新网站的内容是唯一的途径。2 2、网站的维护、网站的维护 更新是指在不改变网站结构和页面形式的情况下，为网站的固定栏目增加、修改、删减内容。维护是指对网页内容进行更新，对网站运行状况进行监控，发现运行的问题及时解决，统计运行情况，开展网站维护服务。2 2、网站的维护、网站的维护内容的更新内容的更新和和网网站风格的更新。站风格的更新。例如，重大事件、例如，重大事件、庆祝活动、突发庆祝活动、突发事件

13、等页面的设事件等页面的设计制作。计制作。系统维护服务例如用户账户安全例如用户账户安全管理、域名维护续管理、域名维护续费服务、网站空间费服务、网站空间维护、网络安全策维护、网络安全策略升级、域名解析略升级、域名解析服务等。服务等。2 2、网站的维护、网站的维护网站的维护服务一般包括以下内容：钢铁是怎样炼成的是一部描写新人成长历程和揭示新人优秀品质的优秀小说。作品传递了这样一种宝贵精神：为理想而献身的精神，钢铁般的意志和顽强奋斗的高贵品质。能力的提高往往不是从成功的经验中来的，而是从失败的教训中来的。在网站建设的过程中，并不总是一帆风顺在网站建设的过程中，并不总是一帆风顺的，往往会的，往往会遇到各种遇到各种的问题的问题与困难与困难。整个过程，。整个过程，需要网站项目的团队成员齐心协力，紧紧围绕需要网站项目的团队成员齐心协力，紧紧围绕网站的建设目标，及时沟通，互相鼓励，找到网站的建设目标，及时沟通，互相鼓励，找到问题问题所在所在，通过一起通过一起思考、讨论、解决与总结，思考、讨论、解决与总结，最终最终，大家会，大家会完美地完美地实现实现网站项目。网站项目。