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