《网站建设流程_网站建设步骤_网站建设方法-新阳网络在线.ppt》由会员分享，可在线阅读，更多相关《网站建设流程_网站建设步骤_网站建设方法-新阳网络在线.ppt（51页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网站建设流程网站建设流程主讲：陈智聪（技术部总监）日期：2012-10-30 作者：杭州新阳网络在线主要内容主要内容 建设网站的一般流程建设网站的一般流程 网站的规划网站的规划 内容的设计与实现内容的设计与实现 服务器的安装与设置服务器的安装与设置 网站的发布网站的发布 网站的维护网站的维护从技术上看，从技术上看，WWW主要由两部分组成，主要由两部分组成，WWW服务器程序和服务器程序和WWW客户程序。客户程序。服务器存放服务器存放Web页，并根据请求将页面传送到客户端。页，并根据请求将页面传送到客户端。客户端负责显示页面。客户端负责显示页面。HTTP协议协议网站的技术组成网站的技术组成建设网站
2、的一般流程建设网站的一般流程网网站站规规划划注册域名注册域名部署服务器部署服务器设计与实现设计与实现发发布布升升级级与与维维护护网站的规划网站的规划网站性能网站性能网站架构网站架构页面技术页面技术文档结构文档结构网站性能网站性能l网站的网站的4个传统参数：延迟、吞吐量、利用率和效率。个传统参数：延迟、吞吐量、利用率和效率。l优化网站性能主要是减少延迟，增加吞吐量、利用率和效率。优化网站性能主要是减少延迟，增加吞吐量、利用率和效率。l这些参数之间可以互相消长，而且会随着时间、服务内容种类这些参数之间可以互相消长，而且会随着时间、服务内容种类以及许多其它环境而改变。以及许多其它环境而改变。l对某些
3、网站来说，有些性能参数比其他参数更重要。对某些网站来说，有些性能参数比其他参数更重要。延迟延迟l可以看作请求与开始看到结果之间的间隔，也可以将延可以看作请求与开始看到结果之间的间隔，也可以将延迟定义为开始请求和完成请求之间的时间。迟定义为开始请求和完成请求之间的时间。l包括应用程序的延迟和网络的延迟。包括应用程序的延迟和网络的延迟。应用程序的延迟指应用程序本身从开始到返回结果需要的时间。应用程序的延迟指应用程序本身从开始到返回结果需要的时间。网络延迟大多是由路由器的存储和转发能力决定的。不同分组网络延迟大多是由路由器的存储和转发能力决定的。不同分组包的延迟也不一样。包的延迟也不一样。用用Pin
4、g命令可以查看从客户机到服务器再到客户机之间的延迟。命令可以查看从客户机到服务器再到客户机之间的延迟。如果延迟小于如果延迟小于100ms，说明网络状态非常好。如果大于，说明网络状态非常好。如果大于500ms，说明延迟太长。说明延迟太长。吞吐量吞吐量l单位时间内，单位时间内，Web网站能够处理的传输量，如每秒转移的比特数，每天网站能够处理的传输量，如每秒转移的比特数，每天发生的发生的HTTP操作或者每秒百万条指令操作或者每秒百万条指令。l将吞吐量理解为每秒多少比特时，可以用将吞吐量理解为每秒多少比特时，可以用“带宽带宽”来代替。来代替。l计算方法为：样本时间内的传输量样本时间，该方法忽略了样本时
5、间计算方法为：样本时间内的传输量样本时间，该方法忽略了样本时间内传输速度的变化。内传输速度的变化。l高吞吐量也可能具有较高的延时。高吞吐量也可能具有较高的延时。例如：对于一张500MB的光盘，用Internet传输，需24小时，用人工运送，需20小时，两种方式的吞吐量分别为：Internet：（500*8）/（24*60*60）46.3Kb/s 人工：（500*8）/（22*60*60）55.6Kb/s 但是，但是，Internet方式具有更低的延时。方式具有更低的延时。l在网络传输中，数据分组包的延迟常随着吞吐量的增加而增大。在网络传输中，数据分组包的延迟常随着吞吐量的增加而增大。l对于网站
6、来讲，延迟比吞吐量更加重要。对于网站来讲，延迟比吞吐量更加重要。利用率利用率l实际使用某组件的容量和该组件本身容量的百分比。实际使用某组件的容量和该组件本身容量的百分比。l对磁盘驱动器和以太网而言，如果利用率太高，就会出现较大的对磁盘驱动器和以太网而言，如果利用率太高，就会出现较大的延迟。延迟。l组件的利用率在组件的利用率在70%左右为最理想。左右为最理想。效率效率l吞吐量除以利用率得到的结果。吞吐量除以利用率得到的结果。l比较两个网站，如果两者具有相同的利用率，那么具有高吞吐量的比较两个网站，如果两者具有相同的利用率，那么具有高吞吐量的网站的效率更高；如果两者具有相同的吞吐量，利用率低的网站
7、效网站的效率更高；如果两者具有相同的吞吐量，利用率低的网站效率高。率高。l一个更有用的效率是计算某个网站在单位时间内花费所得的性能，一个更有用的效率是计算某个网站在单位时间内花费所得的性能，通常称为通常称为“花费有效性花费有效性”。l优化性能就是增加花费有效性，既充分利用用户花费的资源。优化性能就是增加花费有效性，既充分利用用户花费的资源。网站的架构网站的架构网站的可扩展性网站的可扩展性网站的三层架构网站的三层架构网站的可扩展性网站的可扩展性设想网站的规模大小和将来发展过程中需要升级或改动时可能存在设想网站的规模大小和将来发展过程中需要升级或改动时可能存在的问题，预测对于网站未来发展可能做出的
8、改动所需付出的代价。的问题，预测对于网站未来发展可能做出的改动所需付出的代价。理想的情况是：理想的情况是：网络规模的扩大不会对现有的设备和技术有太大的冲击，而是在现有状网络规模的扩大不会对现有的设备和技术有太大的冲击，而是在现有状况下比较容易地加以该动。况下比较容易地加以该动。添加设备只是对上层应用加以改变，低层所采用的技术和设备并不需要添加设备只是对上层应用加以改变，低层所采用的技术和设备并不需要做出大的改变，从而轻松达到网站升级的目的。做出大的改变，从而轻松达到网站升级的目的。解决方法：解决方法：尽量将应用程序和后台数据库分开。尽量将应用程序和后台数据库分开。按照按照“Web Server
9、中间件中间件数据库数据库”的的“三层架构三层架构”思想去实现整个思想去实现整个网站的框架。网站的框架。网站的三层架构网站的三层架构 三层架构并不能严格分开，应视具体情况灵活运用。三层架构并不能严格分开，应视具体情况灵活运用。分层架构另一个好处是可以在系统认为非常重要的地方加入防护措施。分层架构另一个好处是可以在系统认为非常重要的地方加入防护措施。数据库数据库2数据库数据库1中间件中间件 负载均衡负载均衡Web Server层层中间件层中间件层数据库层数据库层Web Server层层l直接面向用户，运行直接面向用户，运行HTTP服务，为用户提供浏览功能，同时运行服务，为用户提供浏览功能，同时运行
10、一些应用服务。一些应用服务。l服务器的数目完全取决于网站的大小和实际的负载量。服务器的数目完全取决于网站的大小和实际的负载量。l通过某些技术，让多个服务器可以根据当时的访问流量自动达到负通过某些技术，让多个服务器可以根据当时的访问流量自动达到负载均衡，均匀地将来自用户的请求分配到不同的服务器上去。载均衡，均匀地将来自用户的请求分配到不同的服务器上去。l如果网站的访问量增加到一定的程度时，发现前端服务器的负载较如果网站的访问量增加到一定的程度时，发现前端服务器的负载较重，而造成了用户访问速度降低，那么我们所需要做的只是在第一重，而造成了用户访问速度降低，那么我们所需要做的只是在第一层再增加服务器
11、，或升级前端服务器的配置。层再增加服务器，或升级前端服务器的配置。l如果第二层和第三层的服务器可以承受当时的负载，那么根本不需如果第二层和第三层的服务器可以承受当时的负载，那么根本不需要做出任何改动。要做出任何改动。lWeb Server服务器的配置不要求很高。服务器的配置不要求很高。中间件层中间件层l是整个系统体系结构中最重要的一个环节。是整个系统体系结构中最重要的一个环节。l是联系前台应用和后台数据库的唯一纽带，该软件系统选择是否得是联系前台应用和后台数据库的唯一纽带，该软件系统选择是否得当，对整个网站技术的运用至关重要。当，对整个网站技术的运用至关重要。l提供了对不同的数据库操作的接口，
12、使后台数据库对前端的应用程提供了对不同的数据库操作的接口，使后台数据库对前端的应用程序员来说是完全透明的。使得程序员可以很方便地编程以实现其所序员来说是完全透明的。使得程序员可以很方便地编程以实现其所需要的功能。需要的功能。l通过中间件层，可以达到将前台应用和后台数据库分开的目的。通过中间件层，可以达到将前台应用和后台数据库分开的目的。数据库层数据库层l整个网站动态数据内容存储的地方。整个网站动态数据内容存储的地方。l几乎所有的应用都与数据库有关。几乎所有的应用都与数据库有关。l数据库服务器的配置应该比较高，而且应尽可能的稳定。数据库服务器的配置应该比较高，而且应尽可能的稳定。l所用到的数据库
13、服务器的数目取决于网站的规模和应用的大小。所用到的数据库服务器的数目取决于网站的规模和应用的大小。l对于一个成熟的网站来说，至少需要两个以上的数据库服务器，这样对于一个成熟的网站来说，至少需要两个以上的数据库服务器，这样可以互相备份，同时降低服务器的负载，达到负载均衡的目的。可以互相备份，同时降低服务器的负载，达到负载均衡的目的。页面技术页面技术l静态网页（静态网页（.htm）l动态页面（动态页面（DHTML、脚本）、脚本）l活动页面（活动页面（ASP、PHP、JSP）静态网页静态网页适用于实时性要求不高的内容。适用于实时性要求不高的内容。能够加快页面的显示速度。能够加快页面的显示速度。编辑工
14、具编辑工具FrontpageMicromedia 网页三剑客网页三剑客记事本、写字板记事本、写字板以纯文本方式保存，文件扩展名为以纯文本方式保存，文件扩展名为.htm或或.html解释环境：浏览器解释环境：浏览器动态网页动态网页常用语言：常用语言：JavaScript，VBScript解释环境：浏览器解释环境：浏览器特点：特点：简单性：简单性：采用小程序段的方式实现编程，而且是一种解释性语言，不需采用小程序段的方式实现编程，而且是一种解释性语言，不需要编译就能解释执行。要编译就能解释执行。动态性：动态性：可以直接对用户的输入作出响应，无需经过可以直接对用户的输入作出响应，无需经过Web服务器。
15、它对服务器。它对用户的响应，是以事件驱动的方式进行的。用户的响应，是以事件驱动的方式进行的。跨平台性：跨平台性：依赖于浏览器本身，与服务器和客户端的操作环境无依赖于浏览器本身，与服务器和客户端的操作环境无关。但不同的浏览器对它的执行在个别方面存在差别，在使用关。但不同的浏览器对它的执行在个别方面存在差别，在使用时需要注意。时需要注意。局限性：局限性：程序源代码是可被访问的。程序源代码是可被访问的。不能进行网络通信。不能进行网络通信。编辑工具：常用的网页编辑工具编辑工具：常用的网页编辑工具活动页面活动页面用途：用途：适用于实时性很强的内容。适用于实时性很强的内容。动态页面显示的信息可以实时从数据
16、库中提取，然后按相应的格式呈现动态页面显示的信息可以实时从数据库中提取，然后按相应的格式呈现给用户。给用户。可以更好地支持用户进行在线交流。可以更好地支持用户进行在线交流。常用语言：常用语言：ASP、PHP、JSP解释环境：服务器解释环境：服务器特点：特点：使用常规文本编辑器，如使用常规文本编辑器，如Windows的记事本，就可以设计的记事本，就可以设计活动页面活动页面。与与浏浏览览器器无无关关：用用户户端端只只要要使使用用常常规规浏浏览览器器，即即可可浏浏览览活活动动页页面面所所设设计计的页面内容的页面内容源源程程序序代代码码，不不会会传传到到用用户户的的浏浏览览器器，传传到到浏浏览览器器的
17、的只只是是包包含含脚脚本本执执行行结果的结果的HTML代码，因此可以保护源程序不会外泄。代码，因此可以保护源程序不会外泄。工作过程工作过程:浏览器Web服务器ODBC或JDBC驱动程序被启动的活动页面活动页面请求信息下载数据库ASPASP是由是由Microsoft 公司开发的服务器端脚本设计语言，于公司开发的服务器端脚本设计语言，于1997年，年，正式出现在网页设计舞台上。正式出现在网页设计舞台上。ASP 是是 IIS 所提供的组件之一，能够在网页中综合使用所提供的组件之一，能够在网页中综合使用 HTML 文文件、件、ASP 指令和指令和 ActiveX 控件，从而建立动态、交互且高效的控件，
18、从而建立动态、交互且高效的 Web 服务器应用程序。服务器应用程序。ASP的运行环境：的运行环境：对对 于于 Windows Windows NT NT 4.0 4.0 serverserver和和 Windows Windows 2000 2000 serverserver，要要 安安 装装IIS4.0IIS4.0（Internet Information ServerInternet Information Server）或以上版本）或以上版本对对与与其其他他操操作作系系统统，如如Windows98Windows98、Windows Windows 2000 2000 Profession
19、alProfessional等等则则需需要安装要安装PWS4.0PWS4.0（Personal Web ServerPersonal Web Server）或以上版本。）或以上版本。PHPPHP（Hypertext Preprocessor，超文本预处理器），超文本预处理器）PHP是一种源代码开放程序，拥有很好的跨平台兼容性。用户可以是一种源代码开放程序，拥有很好的跨平台兼容性。用户可以在在Windows NT系统以及许多版本的系统以及许多版本的Unix系统上运行系统上运行PHP，而且可，而且可以将以将PHP作为作为Apache服务器的内置模块或服务器的内置模块或CGI程序运行。程序运行。PH
20、P脚本语言的语法结构与脚本语言的语法结构与C语言和语言和Perl语言的语法风格非常相似。语言的语法风格非常相似。用户在使用变量前不需要对变量进行声明。使用用户在使用变量前不需要对变量进行声明。使用PHP创建数组的过创建数组的过程也非常简单。程也非常简单。PHP还具有基本的面向对象组件功能，可以方便用还具有基本的面向对象组件功能，可以方便用户有效组织和封装自己编写的代码。户有效组织和封装自己编写的代码。PHP是完全免是完全免费费的，可以从的，可以从PHP官方站点自由下官方站点自由下载载。第一个第一个PHP程序程序 JSPJSPJSP（Java Server PagesJava Server Pa
21、ges）是）是SunSun公司推出的新一代站点开发语言，公司推出的新一代站点开发语言，可以在可以在ServerletServerlet和和JavaBeanJavaBean的支持下，完成功能强大的站点的支持下，完成功能强大的站点。特点：特点：内容的生成和显示进行分离。内容的生成和显示进行分离。生成可重用的组件。生成可重用的组件。采用标识简化页面开发。采用标识简化页面开发。由于由于JSPJSP页面的内置脚本语言是基于页面的内置脚本语言是基于JavaJava编程语言的，而且所有的编程语言的，而且所有的JSPJSP页页面都被编译成为面都被编译成为Java ServletJava Servlet，JSP
22、JSP页面就具有页面就具有JavaJava技术的所有好处，技术的所有好处，包括健壮的存储管理和安全性。包括健壮的存储管理和安全性。作为作为JavaJava平台的一部分，平台的一部分，JSPJSP拥有拥有JavaJava编程语言编程语言“一次编写，各处运行一次编写，各处运行”的特点。的特点。运行环境：运行环境：Tomcat、Resin、Weblogic、Websphere等。等。测试测试JSP运行运行 当前的时间是：当前的时间是：文档结构文档结构l网站目录网站目录l解析解析URLl目录索引目录索引l目录编排目录编排l文件命名文件命名网站目录网站目录l文件路径是指当前文件所位于的目录名称。文件路径
23、是指当前文件所位于的目录名称。目录名称之间用目录名称之间用“/”或或“”隔开；隔开；l绝对路径：从根目录开始描述目录或文件。绝对路径：从根目录开始描述目录或文件。UNIX以以“/”开始，开始，Windows以以“c:”开始。如：开始。如：export/home/wwwroot/index.html。c:inetpubwwwindex.htm绝对路径清楚明确的指出文件和文件夹的位置。绝对路径清楚明确的指出文件和文件夹的位置。l相对路径以当前目录为参考来说明文件的位置。相对路径以当前目录为参考来说明文件的位置。根据当前目录不同，相对路径可能指向不同的文件。根据当前目录不同，相对路径可能指向不同的文
24、件。l“.”目录代表当前目录，目录代表当前目录，“.”代表当前目录的上一级目录，代表当前目录的上一级目录，如：如：./pin.gif 和和./home.html。l网站的目录有如下几种：网站的目录有如下几种：主目录：每个主目录：每个Web都需要有一个根目录，是该网站默认访问的目录。都需要有一个根目录，是该网站默认访问的目录。子目录：对于主目录对应的实际文件夹下的子文件夹，默认为网站的子子目录：对于主目录对应的实际文件夹下的子文件夹，默认为网站的子目录。目录。虚拟目录：对于网站目录结构来说，虚拟目录属主于主目录下的子目录，虚拟目录：对于网站目录结构来说，虚拟目录属主于主目录下的子目录，不过，它在
25、不过，它在Windows下，并不一定是主目录实际文件夹下的子文件夹。下，并不一定是主目录实际文件夹下的子文件夹。实际的文件夹实际的文件夹网站目录网站目录目录的种类目录的种类C:iisrootwwwroot主目录主目录C:iisrootwwwroottools/tools子目录子目录C:mail/mail虚拟目录虚拟目录C:iisrootwwwroottoolsasp/code虚拟目录虚拟目录解析解析URLl在浏览器中输入在浏览器中输入URL后，浏览器将该地址传送给服务器。服务器处理后，浏览器将该地址传送给服务器。服务器处理该该URL，确定该向客户返回什么。，确定该向客户返回什么。l为解析为解析URL（http:/ 本文概述了网站建设的全部流程和步骤，希望对刚接触到网站建设行业的新朋友有所帮助！本文由杭州新阳网络在线提供杭州新阳网络在线，杭州专业网站建设公司