网站建设流程最新版课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2016/4/23 Saturday,#,网站建设流程,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2016/4/23 Saturday,#,网站建设流程,网站是怎样炼成的？,网站是怎样炼成的？,1,取石,炽炼,成钢,淬火,钢是在烈火与骤冷中铸造而成的。,取石炽炼成钢 淬火 钢是在烈火与骤冷中铸造而成的。,2,主要内容,一、“取石”,-,网站规划,二、“炽炼”,-,网站实施,三、“淬火”,-,网站测试与发布,四、“成钢”,-,网站推广与维护,主要内容一、“取石”-网站规划二、“炽炼”-网站实施,3,网页是网络应用的主要用户界面。,网页是怎么设计出来的？,网站又是怎样建成的？,人们可以通过浏览器来访问网站，获取自己需要的信息或者享受网络服务。,网页是网络应用的主要用户界面。网页是怎么设计出来的？网站又是,4,网站，又称为,Web,站点，是网络中一个站点内所有网页的集合。简单地说，,网站是网页的集合，,也是一种借助于网络的通信工具，就像公告栏一样，人们可以通过网站来发布自己的信息，或者利用网站来提供相关的服务。,网页是网站信息的载体,，,是网站的一个组成部分。在网站应用开发的过程中，最重要的一部分工作就是制作网页，多个制作完成并发布的网页组合在一个网站中，就构成了网站。,一、“取石”,-,网站规划,网站，又称为Web站点，是网络中一个站点内所有,5,网站具有,成本低,、,信息量大,、,传递信息快,的优点。借助于网站，各种信息可以迅速地在网络上传播和共享。个人网站可以向公众展示个人信息、作品、才艺等内容，企业网站可以及时向公众发布企业的新闻、产品、商业信息等内容。,一、“取石”,-,网站规划,网站具有成本低、信息量大、传递信息快的优点,6,对网站建设流程，业界有不同的认识与观点。,一、“取石”,-,网站规划,对网站建设流程，业界有不同的认识与观点。一、“取石”-网,7,一、“取石”,-,网站规划,网站的建设流程是指制作一个网站的完整流程,。,该流程是参照项目管理的国际标准与软件项目生命周期，结合网站项目实际工作制定的。,一、“取石”-网站规划 网站的建设流程是,8,虽然，现在有些企业和开发者没有完全按照这个流程来进行网站的研发与制作，但是，一个完整的流程将使我们能够更加清晰地理解网站的完整制作过程。,一、“取石”,-,网站规划,虽然，现在有些企业和开发者没有完全按照这个,9,根据客户提出的需求，,明确以下几个方面的内容,：,为什么要建立网站，用户从设计的网站能够得到什么信息？,是为了产品推广，电子应用，或是为了单位新闻传播与宣传、还是进行电子商（政）务？,一、“取石”,-,网站规划,1,、明确建设网站目的及其功能定位,第一阶段，网站规划，将需要取到哪些“铁矿石”？,根据客户提出的需求，明确以下几个方面的内容,10,根据客户提出的需求，,明确以下几个方面的内容：,分析拥有的资源。,例如文字、图像、人力等资源，确定网站的功能与作用。,网站费用预算，,其费用一般与功能要求成正比关系。,一、“取石”,-,网站规划,第一阶段，网站规划，将需要取到哪些“铁矿石”？,1,、明确建设网站目的及其功能定位,根据客户提出的需求，明确以下几个方面的内容,11,准备采用自建服务器，还是租用虚拟主机。,选择操作系统，准备采用,Windows,还是,Linux/Unix,。,确定网站安全策略，制定网站防黑、防病毒、防入侵方案（如果采用虚拟主机，该工作可由专业公司代劳）。,一、“取石”,-,网站规划,2,、形成网站技术解决方案,准备采用自建服务器，还是租用虚拟主机。一、“取石”-网站,12,选择网页开发技术与工具，以及相应的数据库软件。,例如：,ASP,、,JSP,、,PHP,？进行动态网页编程,SQL Server,、,Access,、,MySQL,、,Oralce,？,一、“取石”,-,网站规划,2,、形成网站技术解决方案,选择网页开发技术与工具，以及相应的数据库软件。例如：ASP,13,主要内容,一、“取石”,-,网站规划,二、“炽炼”,-,网站实施,主要内容一、“取石”-网站规划二、“炽炼”-网站实施,14,确定网站的结构导航中的每个频道的子栏目。,例如首页、机构设置、在线论坛、共享磁盘、建言献策等。,二、“炽炼”,-,网站实施,1,、确定网站的目录结构和栏目设置,根据网站的目的及内容，确定网站整合功能，以及网页内容的实现方式。,如机构设置是要采用静态网页还是动态网页，使用列表式还是树状结构展示？,确定网站的结构导航中的每个频道的子栏目。例如首页、机构设置、,15,网页效果图设计。,效果图设计要从网站的建设目标、网站类型、客户群特点和信息内容等方面进行规划设计。,2,、进行网页设计，实现每个网页的内容。,二、“炽炼”,-,网站实施,该步骤非常关键,，需要网页设计者与客户大量的沟通，才能确定下来，决定了网站能否受到欢迎。可以采用,手工绘制网页的草图,，利用,Dreamweaver,或者,Frontpage,等网页开发工具，制作网页效果图或者网页原型。客户通过效果图，了解网站设计的目的、意图和设计思路，提出改进意见建议。,网页效果图设计。效果图设计要从网站的建设目标、网站类型、客户,16,网页设计与程序编写,根据网站技术解决方案确定的动态网页实现方式，使用,ASP,、,JSP,、,PHP,等网页编程语言，对静态网页进行网页设计。,2,、进行网页设计，实现每个网页的内容。,二、“炽炼”,-,网站实施,网页设计与程序编写2、进行网页设计，实现每个网页的内容。二、,17,静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。,静态网页,静态网页的,特点,：,（,1,）网页内容不会发生变化，除非网页设计者修改了网页的内容。,二、“炽炼”,-,网站实施,概 念 解 析,静态网页是网站建设初期经常采用的一种形式。网站,18,静态网页的,特点,：,（,2,）不能实现交互。用户无法实现与浏览的网页之间进行交互，信息流是单向的，即从服务器到浏览器。服务器不能根据用户的请求返回用户所需要的内容。静态网页的浏览过程如下图所示。,概 念 解 析,静态网页,二、“炽炼”,-,网站实施,静态网页的特点：概 念 解 析静态网页二、“炽,19,要把效果图制作成静态网页，可以使用,Fireworks,或者,Photoshop,软件工具，对网页效果图进行切片，然后使用,Dreamweaver,软件对切片进行排版制作，生成网页。这里切片的目的是为了得到网页的页面素材，按照排版布局快速实现网页的制作。,概 念 解 析,静态网页,二、“炽炼”,-,网站实施,要把效果图制作成静态网页，可以使用Firewor,20,动态网页,动态网页是建立在,B/S,（,Browser/Server,，,浏览器,/,服务器）架构上的服务器端脚本程序。浏览器显示的动态网页是服务器端程序运行的结果。动态网页文件一般以,.asp,、,.jsp,和,.php,为后缀，这些都是采用动态网页技术制作出来的。,概 念 解 析,二、“炽炼”,-,网站实施,动态网页 动态网页是建立在B/S（Browse,21,动态网页的工作原理图,，,如图所示。,概 念 解 析,动态网页,二、“炽炼”,-,网站实施,动态网页的工作原理图，如图所示。概 念 解,22,动态网页的主要,特点,如下,：,（,1,）动态网页以数据库技术为基础，可以大大降低网站维护的工作量。,（,2,）采用动态网页技术的网站可以实现更多的功能。,（,3,）动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时,，,服务器才返回一个完整的网页。,（,4,）搜索引擎一般不可能从一个网站的数据库中访问全部网页，因此,，,采用动态网页的网站在进行搜索引擎推广时,，,需要做一定的技术处理才能适应搜索引擎的要求。,概 念 解 析,动态网页,二、“炽炼”,-,网站实施,动态网页的主要特点如下：概 念 解 析动态网页,23,现在常用的动态网站网页编程语言包括,ASP,、,JSP,、,PHP,，通过选用其中的一种，实现网站的各种功能，例如论坛、留言板、电子商务、在线应用等。采用,SQL Server,、,Access,、,MySQL,、,Oralce,等数据库软件实现对网站各类数据的管理。,概 念 解 析,动态网页,二、“炽炼”,-,网站实施,现在常用的动态网站网页编程语言包括ASP,24,在于,Web,服务器对它们的处理方式不同,。,静态网页与动态网页的,主要区别,概 念 解 析,二、“炽炼”,-,网站实施,在于Web服务器对它们的处理方式不同。静态网页与动态网页的,25,主要内容,一、“取石”,-,网站规划,二、“炽炼”,-,网站实施,三、“淬火”,-,网站测试与发布,主要内容一、“取石”-网站规划二、“炽炼”-网站实施,26,网站制作完成以后，不能直接就上传到服务器，提交给客户使用，需要一个测试的过程。,测试的主要目的,是发现网页设计与程序编写中可能存在的错误，,例如，内容的错误、链接的错误、程序功能的错误、安全漏洞等等。,错误的网站内容，带给网站的管理者、客户和访问者是巨大的痛苦、折磨、崩溃与反感，不仅会导致付出高昂的现场支持与维护费用，还有可能面临被客户起诉的风险，影响网页设计者的名誉。,三、“淬火”,-,网站测试与发布,网站制作完成以后，不能直接就上传到服务器，提交,27,三、“淬火”,-,网站测试与发布,1,、网站测试,服务器性能,网站服务器的稳定性、安全性。,功能方面,网站的各种功能是否能够正常使用。,下载速度,在不同接入速率下，网页下载速度与打开快慢情况。,三、“淬火”-网站测试与发布1、网站测试服务器性能网站服,28,三、“淬火”,-,网站测试与发布,1,、网站测试,网页元素,各种插件、数据库、图标、图像、链接等是否工作正常。,兼容性,网页对不同版本浏览器的兼容情况。,显示效果,网页在不同显示器和不同显示模式下的情况等。,三、“淬火”-网站测试与发布1、网站测试网页元素各种插件,29,网站经过测试，确认无误以后，就可以进行发布了。,2,、网站项目的发布,三、“淬火”,-,网站测试与发布,网站经过测试，确认无误以后，就可以进行发布了。2、网站项目的,30,网站的发布就是把制作好的网站内容上传到服务器。可以使用,Dreamweaver,或者,FTP,等软件来完成。,2,、网站项目的发布,三、“淬火”,-,网站测试与发布,网站的发布就是把制作好的网站内容上传到服务器。,31,主要内容,一、“取石”,-,网站规划,二、“炽炼”,-,网站实施,三、“淬火”,-,网站测试与发布,四、“成钢”,-,网站推广与维护,主要内容一、“取石”-网站规划二、“炽炼”-网站实施,32,“酒,香,不怕巷子深,。,”,这个,观念已经很难适应当今的信息社会。,Internet,是大数据型的信息海洋。要想使精心策划的网站受到广泛欢迎，知名度高，带来经济效益，,网站的宣传推广尤其重要,，这也是任何一位网页设计师不懈努力工作的动力之源，以及热情工作的快乐之本。,四、“成钢”,-,网站推广与维护,1,、网站的推广,“酒香不怕巷子深。”这个观念已经很难适,33,网站的内容要随着用户需求、社会变化、市场经济活动的改变，而不断地随之调整。常常更新网页的内容，才能够更加吸引访问者，并留下良好的印象。,2,、网站的维护,四、“成钢”,-,网站推广与维护,网站的内容要随着用户需求、社会变化、市场经济活动的改,34,四、“成钢”,-,网站推广与维护,用户的需求与应用体验是不断变化的。网站完成以后，网页设计师们也就不可能做到一劳永逸的。如果要保持访问者对网站保持足够的吸引力，,定期更新网站的内容是唯一的途径。,2,、网站的维护,四、“成钢”-网站推广与维护 用户的需求与应,35,更新,是指在不改变网站结构和页面形式的情况下