网站建设教程正规版资料.ppt

Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,网站(wn zhn)建设教程,第一页，共46页。,从技术上看，WWW主要由两部分组成，WWW服务器程序和WWW客户程序。,服务器存放Web页，并根据(gnj)请求将页面传送到客户端。,客户端负责显示页面。,HTTP协议(xiy),网站(wn zhn)的技术组成,第二页，共46页。,建设网站的一般(ybn)流程,网,站,规,划,注册(zhc)域名,部署(b sh)服务器,设计与实现,发,布,升,级,与,维,护,第三页，共46页。,对与其他操作系统，如Windows98、Windows 2000 Professional等则需要安装（Personal Web Server）或以上版本。,对于网站来讲，延迟(ynch)比吞吐量更加重要。,计算机并不由用户购买，而由ISP提供。,网站(wn zhn)性能,0 server和Windows 2000 server，要安装（Internet Information Server）或以上版本,通过中间件层，可以达到将前台应用和后台数据库分开的目的。,如果服务器有“目录索引”，当收到一个目录请求时，则返回一个缺省文档。,对磁盘驱动器和以太网而言，如果利用率太高，就会出现(chxin)较大的延迟。,为自己的Web服务器申请一个域名。,0 server和Windows 2000 server，要安装（Internet Information Server）或以上版本,允许目录浏览，但没有缺省文档：列出目录中的所有文件清单。,如果是商业站点，每个组织机构应使用自己的独立目录。,适用于实时性要求不高的内容。,C:iisrootwwwroottoolsasp,只需专心进行开发和编程。,尽量(jnling)保持文件名简短。,网站(wn zhn)的规划,网站性能(xngnng),网站架构,页面技术,文档结构,第四页，共46页。,网站(wn zhn)性能,网站的4个传统参数：延迟、吞吐量、利用率和效率。,优化网站性能主要是减少延迟，增加吞吐量、利用率和效率。,这些参数之间可以(ky)互相消长，而且会随着时间、服务内容种类以及许多其它环境而改变。,对某些网站来说，有些性能参数比其他参数更重要。,第五页，共46页。,延迟(ynch),可以看作请求与开始(kish)看到结果之间的间隔，也可以将延迟定义为开始(kish)请求和完成请求之间的时间。,包括应用程序的延迟和网络的延迟。,应用程序的延迟指应用程序本身从开始(kish)到返回结果需要的时间。,网络延迟大多是由路由器的存储和转发能力决定的。不同分组包的延迟也不一样。,用Ping命令可以查看从客户机到服务器再到客户机之间的延迟。,如果延迟小于100ms，说明网络状态非常好。如果大于500ms，说明延迟太长。,第六页，共46页。,吞吐量,单位时间内，Web网站能够处理的传输量，如每秒转移的比特数，每天发生的HTTP操作或者每秒百万条指令。,将吞吐量理解为每秒多少比特时，可以用“带宽”来代替。,计算方法为：样本时间内的传输量样本时间，该方法忽略了样本时间内传输速度的变化。,高吞吐量也可能具有较高的延时。,例如：对于一张500MB的光盘，用Internet传输，需24小时，用人工运送，需20小时，两种方式的吞吐量分别为：,但是，Internet方式具有更低的延时。,在网络传输中，数据分组包的延迟(ynch)常随着吞吐量的增加而增大。,对于网站来讲，延迟(ynch)比吞吐量更加重要。,第七页，共46页。,利用率,实际使用某组件的容量和该组件本身容量的百分比。,对磁盘驱动器和以太网而言，如果利用率太高，就会出现(chxin)较大的延迟。,组件的利用率在70%左右为最理想。,第八页，共46页。,效率(xio l),吞吐量除以利用率得到的结果。,比较两个网站，如果两者具有相同的利用率，那么具有高吞吐量的网站的效率更高；如果两者具有相同的吞吐量，利用率低的网站效率高。,一个更有用(yu yn)的效率是计算某个网站在单位时间内花费所得的性能，通常称为“花费有效性”。,优化性能就是增加花费有效性，既充分利用用户花费的资源。,第九页，共46页。,网站(wn zhn)的架构,网站(wn zhn)的可扩展性,网站(wn zhn)的三层架构,第十页，共46页。,网站(wn zhn)的可扩展性,设想网站的规模大小和将来发展过程中需要升级或改动时可能存在的问题，预测对于网站未来发展可能做出的改动所需付出的代价。,理想的情况是：,网络规模的扩大不会对现有的设备和技术有太大的冲击，而是在现有状况下比较容易地加以该动。,添加设备只是对上层应用加以改变，低层所采用的技术和设备并不需要做出大的改变，从而轻松达到网站升级的目的。,解决方法：,尽量将应用程序和后台数据库分开。,按照“Web Server中间件数据库”的“三层架构(ji u)”思想去实现整个网站的框架。,第十一页，共46页。,网站(wn zhn)的三层架构,三层架构并不能严格分开，应视具体情况灵活运用。,分层架构另一个好处是可以在系统认为非常重要的地方(dfng)加入防护措施。,数据库2,数据库1,中间件,负载(fzi)均衡,Web Server层,中间件层,数据库层,第十二页，共46页。,Web Server,层,直接面向用户，运行HTTP服务，为用户提供浏览功能，同时运行一些应用服务。,服务器的数目完全取决于网站的大小和实际的负载量。,通过某些技术，让多个服务器可以根据当时的访问流量自动达到负载均衡，均匀地将来自用户的请求分配到不同的服务器上去。,如果网站的访问量增加到一定的程度(chngd)时，发现前端服务器的负载较重，而造成了用户访问速度降低，那么我们所需要做的只是在第一层再增加服务器，或升级前端服务器的配置。,如果第二层和第三层的服务器可以承受当时的负载，那么根本不需要做出任何改动。,Web Server服务器的配置不要求很高。,第十三页，共46页。,中间件层,是整个系统体系结构中最重要的一个环节。是联系前台应用和后台数据库的唯一纽带，该软件系统选择是否得当，对整个网站技术的运用至关重要。,提供了对不同的数据库操作的接口，使后台数据库对前端的应用程序员来说是完全透明的。使得程序员可以很方便地编程以实现(shxin)其所需要的功能。,通过中间件层，可以达到将前台应用和后台数据库分开的目的。,第十四页，共46页。,数据库层,整个网站动态数据内容存储的地方。,几乎所有的应用都与数据库有关。,数据库服务器的配置应该比较高，而且应尽可能的稳定。,所用到的数据库服务器的数目取决于网站的规模和应用的大小(dxio)。,对于一个成熟的网站来说，至少需要两个以上的数据库服务器，这样可以互相备份，同时降低服务器的负载，达到负载均衡的目的。,第十五页，共46页。,页面(y min)技术,静态(jngti)网页（.htm）,动态页面（DHTML、脚本）,活动页面（ASP、PHP、JSP）,第十六页，共46页。,静态(jngti)网页,适用于实时性要求不高的内容。,能够加快页面的显示(xinsh)速度。,编辑工具,Frontpage,Micromedia 网页三剑客,记事本、写字板,以纯文本方式保存，文件扩展名为.htm或.html,解释环境：浏览器,第十七页，共46页。,动态(dngti)网页,常用语言：JavaScript，VBScript,解释环境：浏览器,特点：,简单性：采用小程序段的方式实现编程，而且是一种解释性语言，不需要编译就能解释执行。,动态性：可以直接对用户的输入(shr)作出响应，无需经过Web服务器。它对用户的响应，是以事件驱动的方式进行的。,跨平台性：依赖于浏览器本身，与服务器和客户端的操作环境无关。但不同的浏览器对它的执行在个别方面存在差别，在使用时需要注意。,局限性：,程序源代码是可被访问的。,不能进行网络通信。,编辑工具：常用的网页编辑工具,第十八页，共46页。,活动(hu dng)页面,用途：,适用于实时性很强的内容。,动态页面显示的信息(xnx)可以实时从数据库中提取，然后按相应的格式呈现给用户。,可以更好地支持用户进行在线交流。,常用语言：ASP、PHP、JSP,解释环境：服务器,特点：,使用常规文本编辑器，如Windows的记事本，就可以设计活动页面。,与浏览器无关：用户端只要使用常规浏览器，即可浏览活动页面所设计的页面内容,源程序代码，不会传到用户的浏览器，传到浏览器的只是包含脚本执行结果的HTML代码，因此可以保护源程序不会外泄。,第十九页，共46页。,工作(gngzu)过程:,浏览器,Web服务器,ODBC或JDBC,驱动程序,被启动的,活动(hu dng)页面,活动页面(y min)请求,信息下载,数据库,第二十页，共46页。,ASP,ASP是由Microsoft 公司开发的服务器端脚本设计语言，于1997年，正式出现在网页设计舞台(wti)上。,ASP 是 IIS 所提供的组件之一，能够在网页中综合使用 HTML 文件、ASP 指令和 ActiveX 控件，从而建立动态、交互且高效的 Web 服务器应用程序。,ASP的运行环境：,对于Windows NT 4.0 server和Windows 2000 server，要安装（Internet Information Server）或以上版本,对与其他操作系统，如Windows98、Windows 2000 Professional等则需要安装（Personal Web Server）或以上版本。,第二十一页，共46页。,PHP,PHP（Hypertext Preprocessor，超文本预处理器）,PHP是一种源代码开放程序，拥有很好的跨平台兼容性。用户可以在Windows NT系统以及许多版本的Unix系统上运行PHP，而且可以将PHP作为Apache服务器的内置模块或CGI程序运行。,PHP脚本语言的语法结构与C语言和Perl语言的语法风格非常相似。用户在使用变量前不需要对变量进行声明。使用PHP创建数组的过程也非常简单。PHP还具有基本(jbn)的面向对象组件功能，可以方便用户有效组织和封装自己编写的代码。,PHP是完全免费的，可以从PHP官方站点自由下载。,第二十二页，共46页。,第一个PHP程序(chngx),第二十三页，共46页。,JSP,JSP（Java Server Pages）是Sun公司推出的新一代站点开发语言，可以在Serverlet和JavaBean的支持下，完成功能强大的站点。,特点：,内容的生成和显示进行分离。,生成可重用的组件。,采用标识简化页面开发。,由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。,作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行(ynxng)”的特点。,运行(ynxng)环境：,Tomcat、Resin、Weblogic、Websphere等。,第二十四页，共46页。,测试(csh)JSP运行,当前的时间是：,第二十五页，共46页。,规划网站(wn zhn)位置,提供日常服务，创建账号、进行备份操作、负责监测以及提供服务器报告等。,以纯文本方式保存，文件扩展名为.,如果指明路径，先寻找匹配的别名(bimng)或虚拟目录，然后在文档根目录下寻找名称匹配的子目录。,适用于实时性要求不高的内容。,网站(wn zhn)的三层架构,PHP脚本语言的语法结构与C语言和Perl语言的语法风格非常相似。,Web服务器安装(nzhung),传输文件的请求对服务器性能有较大影响。,免费(min fi)站点,第三十八页，共46页。,网站(wn zhn)的可扩展性,PHP（Hypertext Preprocessor，超文本预处理器）,服务器的安装(nzhung)与配置,有索引：返回与索引文件名匹配(ppi)的文档，而不是目录清单。,附加在一个服务器上的域称为虚拟主机。,文档结构(jigu),网站目录(ml),解析URL,目录(ml)索引,目录(ml)编排,文件命名,第二十六页，共46页。,网站(wn zhn)目录,文件路径是指当前文件所位于的目录名称。,目录名称之间用“/”或“”隔开；,绝对路径：从根目录开始描述目录或文件。,UNIX以“/”开始，Windows以“c:”开始。如：。,绝对路径清楚明确的指出文件和文件夹的位置。,相对路径以当前目录为参考来说明文件的位置。,根据当前目录不同，相对路径可能指向(zh xin)不同的文件。,“.”目录代表当前目录，“.”代表当前目录的上一级目录，如：./pin.gif 和。,第二十七页，共46页。,网站的目录有如下几种：,主目录：每个Web都需要有一个根目录，是该网站默认访问的目录。,子目录：对于(duy)主目录对应的实际文件夹下的子文件夹，默认为网站的子目录。,虚拟目录：对于(duy)网站目录结构来说，虚拟目录属主于主目录下的子目录，不过，它在Windows下，并不一定是主目录实际文件夹下的子文件夹。,实际的文件夹,网站目录,目录的种类,C:iisrootwwwroot,主目录,Ciisrootwwwroottools,/tools,子目录,C:mail,/mail,虚拟目录,C:iisrootwwwroottoolsasp,/code,虚拟目录,第二十八页，共46页。,解析(ji x)URL,在浏览器中输入URL后，浏览器将该地址传送给服务器。服务器处理该URL，确定该向客户返回什么。,为解析URL（:/kbsoft /book/new.html)，服务器采取的步骤有：,分解URL,服务器名称：,路径：/book/,文件名：,如果服务器是正在运行的虚拟主机，将根据服务器名称来决定使用哪个配置。,查找路径。没有指明路径，从根目录中查找。如果指明路径，先寻找匹配的别名(bimng)或虚拟目录，然后在文档根目录下寻找名称匹配的子目录。,一旦确定了目录，开始寻找请求的文件。如果没有指明文件，则寻找缺省索引文档，并确认是否可读。,第二十九页，共46页。,目录索引,用户可能无须确切指明文件名也能请求URL，这时，服务器根据“目录索引”来确定返回的文件。,如果服务器有“目录索引”，当收到一个目录请求时，则返回一个缺省文档。,目录索引的名字没有限制，常见的索引文件名为：index.htm(l)、default.htm(l)等。,Web服务器查看目录有以下几种方式：,不允许浏览目录：必须有索引文档，否则不列出目录下文件。,允许目录浏览，但没有缺省文档：列出目录中的所有文件清单。,有索引：返回与索引文件名匹配(ppi)的文档，而不是目录清单。,第三十页，共46页。,目录(ml)编排,类似的文件应放在一起，如图形(txng)、声音等不同类型文件要放在不同的目录下，便于管理。,如果是商业站点，每个组织机构应使用自己的独立目录。,第三十一页，共46页。,文件(wnjin)命名,尽量(jnling)保持文件名简短。可以使用下划线将长文件名分开，也可以使用子目录将多个文件分类。,指定一个标准命名协议，进行分类，以便进行查找。,文件名可以使用下划线“_”或破折号“-”，但尽量(jnling)用字母或数字开头。不能使用空格，因为网络中编译空格比较困难。,“&”、“+”、“?”符号在URL中有特殊意义，使用后会有意想不到的效果。,文件名字尽量(jnling)用英文。,注意文件名字的大小写，保证输入正确的URL和建立正确的链接。,第三十二页，共46页。,网站的设计(shj)和实现,页面的美工设计,数据库连接技术连接池,用户权限控制权限角色用户三级管理,页面风格一致,相同的页头和页尾,使用共同的CSS,相同风格的导航栏和页面提示,便于风格修改,页头和页尾做成单独(dnd)的文件，嵌入到每个页面中,风格控制都放到CSS或存到变量中,代码优化，删除冗余代码,删除冗余文件和测试文件,第三十三页，共46页。,服务器的安装(nzhung)与配置,规划网站(wn zhn)位置,购买服务器,操作系统安装,Web服务器安装,第三十四页，共46页。,规划网站(wn zhn)位置,一个好的网站，不但要能够容纳大量的访问者保持正常访问，还要让访问者从Internet的无数网站中很容易(rngy)地找到它。,选择不同的网站安置位置，还将影响到网站所使用的域名。域名已经成为成功网站的代名词。,安置站点的选择：,创建自己的Web服务器,使用托管服务器,使用专用服务器,使用虚拟主机,使用个人页面站点,使用免费站点,第三十五页，共46页。,创建(chungjin)Web服务器,可以完全控制站点，更新和维护更加容易，可以根据自己的需要，安装各种服务器软件。,花费较大,首先要确定适用的设备类型lixng)，购买合适的计算机。,其次将Web服务器连接到Internet上。,选择合适的ISP，确保计算机可以得到合适的支持、安全及检测。,预计自己网站的大致连接次数，确定Web服务器所使用的带宽。,为自己的Web服务器申请一个域名。,考虑服务器的安全性，保证计算机硬件、软件、安全程序和管理程序正常运行。,第三十六页，共46页。,托管(tugun)服务器,连接速度和管理灵活性不如创建自己的服务器，但花费少。,用户(yngh)需要购买一台计算机作为Web服务器，但由ISP负责安置。,用户(yngh)可以随意使用自己的计算机，又能得到快速的网络连接。,ISP不负责计算机的管理，用户(yngh)需要自己考虑计算机的安全和后备支持等问题。,ISP仅仅替用户(yngh)监控计算机的正常运行，并在出现问题时提醒用户(yngh)。,第三十七页，共46页。,专用(zhunyng)服务器,放在ISP机房(j fn)中并与他们的网络连接。,计算机并不由用户购买，而由ISP提供。,用户随意使用计算机，而又不需要为安装和管理操心。只需专心进行开发和编程。,ISP位用户提供专用服务器，并承担大部分的维护工作。包括：,根据用户选择的操作系统，按照用户要求进行服务器的配置。,提供日常服务，创建账号、进行备份操作、负责监测以及提供服务器报告等。,提供24小时全天候的监测与管理。,费用比托管服务器高。,第三十八页，共46页。,虚拟主机,虽然一个服务器对应(duyng)一个IP地址，但一台计算机并不只有一个IP地址。同时一个IP可以对应(duyng)多个域名，所以一个服务器能容纳很多域名。,附加在一个服务器上的域称为虚拟主机。,虚拟主机用户将拥有自己的域名，必须与其它域用户共享一台计算机。,由于几百个站点在一台服务器上，可能限制在主机上运行某些程序，用户只能运行一些简单的、或是ISP挑选出来的脚本。,虚拟主机分为两类：,基于名称的虚拟主机：没有唯一的IP地址。,基于IP地址的虚拟主机：每个域都有一个唯一的IP地址，就像一般主机一样。,第三十九页，共46页。,个人(grn)站点,使用Internet访问许可权时，一般的ISP会将他们主机上的部分空间分配给客户，空间一般比较少，大约540M。,这些空间不是和建立完整的商业网站，但建立个人的Web站点还是足够的。,域名是由ISP分配，使用该域名才能访问该站点。,个人要规划和利用ISP提供的个人网页空间，为自己的网站提供一个良好的开端。,如果用户由一个ISP提供的账号，而且也提供个人主页空间，那么通常是以用户的账号名作为个人页面的目录名。如：用户的账号时test，那么通过就可以(ky)访问到test用户的站点。,大多数ISP不允许用户为个人网页注册域名。,第四十页，共46页。,免费(min fi)站点,如果只想使用Web空间来进行试验，或者根本没有大多的精力或兴趣来编写网页，或者只是想临时使用，可以使用免费站点。,免费站点的一大特点是网站上有很多广告，广告很可能在一个新窗口中弹出。,可能不支持服务器端脚本，电子商务和其他工具，或许也不能提供FTP向服务器传送文件。,只能使用有限的软件制作页面，例如主机提供给用户的表单或者模板(mbn)。,域名不容易记忆，并且不能突出主题，真正要创建Web服务器不宜采用这种方案。例如：,免费站点域名：,个人站点域名：,标准域名：,第四十一页，共46页。,各种(zhn)方案的优缺点,第四十二页，共46页。,购买(gumi)服务器,作为专用的网站服务器，并不需要强大的多媒体、游戏或语音等技术。除非还临时做工作占用，否则不需声卡、音箱等多媒体设备。,要求的仅仅是合适的处理速度、较大的内存、较好的可扩展(kuzhn)性和高速的网络。,在购买服务器时，要考虑服务器要随站点的壮大而扩展(kuzhn)。例如使用支持多处理器的主板。另外，处理器要有足够的缓存。,对于磁盘驱动器和其他存储设备来讲，SCSI接口的设备比IDE接口的设备速度快，也易于升级。,不间断电源UPS也是必需的硬件之一。,第四十三页，共46页。,影响服务器性能的因素：,通常约束服务器性能的瓶颈是与Internet的网络连接，而不是服务器的速度。,服务器上本地用户的数目也不是决定服务器性能的主要因素。,传输文件的请求对服务器性能有较大影响。,服务器端的应用程序会加重处理器的负担。如cgi程序、搜索引擎、访问数据库的程序等。,提高性能的方法：,增加系统内存,升级CPU,分担(fndn)服务,更新存储设备,第四十四页，共46页。,操作系统(co zu x tn)安装,操作系统(co zu x tn)负责管理计算机的所有功能。硬件决定操作系统(co zu x tn)；操作系统(co zu x tn)决定应用程序，决定了可以运行的Web服务器软件和服务器的安全性、可靠性。,第四十五页，共46页。,Web服务器安装(nzhung),IIS的安装(nzhung)与使用,第四十六页，共46页。,