1、网站建设流程主讲：陈智聪（技术部总监）日期：2012-10-30作者：杭州新阳网络在线,主要内容,建设网站的一般流程网站的规划内容的设计与实现服务器的安装与设置网站的发布网站的维护,从技术上看，WWW主要由两部分组成，WWW服务器程序和WWW客户程序。 服务器存放Web页，并根据请求将页面传送到客户端。 客户端负责显示页面。,HTTP协议,网站的技术组成,建设网站的一般流程,网 站 规 划,注册域名,部署服务器,设计与实现,发 布,升 级 与 维 护,网站的规划,网站性能 网站架构 页面技术 文档结构,网站性能,网站的4个传统参数：延迟、吞吐量、利用率和效率。 优化网站性能主要是减少延迟，增加
2、吞吐量、利用率和效率。 这些参数之间可以互相消长，而且会随着时间、服务内容种类以及许多其它环境而改变。 对某些网站来说，有些性能参数比其他参数更重要。,延迟,可以看作请求与开始看到结果之间的间隔，也可以将延迟定义为开始请求和完成请求之间的时间。 包括应用程序的延迟和网络的延迟。 应用程序的延迟指应用程序本身从开始到返回结果需要的时间。 网络延迟大多是由路由器的存储和转发能力决定的。不同分组包的延迟也不一样。 用Ping命令可以查看从客户机到服务器再到客户机之间的延迟。 如果延迟小于100ms，说明网络状态非常好。如果大于500ms，说明延迟太长。,吞吐量,单位时间内，Web网站能够处理的传输量
3、，如每秒转移的比特数，每天发生的HTTP操作或者每秒百万条指令。 将吞吐量理解为每秒多少比特时，可以用“带宽”来代替。 计算方法为：样本时间内的传输量样本时间，该方法忽略了样本时间内传输速度的变化。 高吞吐量也可能具有较高的延时。 例如：对于一张500MB的光盘，用Internet传输，需24小时，用人工运送，需20小时，两种方式的吞吐量分别为：Internet：（500*8）/（24*60*60） 46.3Kb/s人工： （500*8）/（22*60*60） 55.6Kb/s但是，Internet方式具有更低的延时。 在网络传输中，数据分组包的延迟常随着吞吐量的增加而增大。 对于网站来讲，延
4、迟比吞吐量更加重要。,利用率,实际使用某组件的容量和该组件本身容量的百分比。 对磁盘驱动器和以太网而言，如果利用率太高，就会出现较大的延迟。 组件的利用率在70%左右为最理想。,效率,吞吐量除以利用率得到的结果。 比较两个网站，如果两者具有相同的利用率，那么具有高吞吐量的网站的效率更高；如果两者具有相同的吞吐量，利用率低的网站效率高。 一个更有用的效率是计算某个网站在单位时间内花费所得的性能，通常称为“花费有效性”。 优化性能就是增加花费有效性，既充分利用用户花费的资源。,网站的架构,网站的可扩展性 网站的三层架构,网站的可扩展性,设想网站的规模大小和将来发展过程中需要升级或改动时可能存在的问
5、题，预测对于网站未来发展可能做出的改动所需付出的代价。 理想的情况是： 网络规模的扩大不会对现有的设备和技术有太大的冲击，而是在现有状况下比较容易地加以该动。 添加设备只是对上层应用加以改变，低层所采用的技术和设备并不需要做出大的改变，从而轻松达到网站升级的目的。 解决方法： 尽量将应用程序和后台数据库分开。 按照“Web Server中间件数据库”的“三层架构”思想去实现整个网站的框架。,网站的三层架构,三层架构并不能严格分开，应视具体情况灵活运用。分层架构另一个好处是可以在系统认为非常重要的地方加入防护措施。,数据库2,数据库1,中间件, ,负载均衡,Web Server层,中间件层,数据
6、库层,Web Server层,直接面向用户，运行HTTP服务，为用户提供浏览功能，同时运行一些应用服务。 服务器的数目完全取决于网站的大小和实际的负载量。 通过某些技术，让多个服务器可以根据当时的访问流量自动达到负载均衡，均匀地将来自用户的请求分配到不同的服务器上去。 如果网站的访问量增加到一定的程度时，发现前端服务器的负载较重，而造成了用户访问速度降低，那么我们所需要做的只是在第一层再增加服务器，或升级前端服务器的配置。 如果第二层和第三层的服务器可以承受当时的负载，那么根本不需要做出任何改动。 Web Server服务器的配置不要求很高。,中间件层,是整个系统体系结构中最重要的一个环节。
7、是联系前台应用和后台数据库的唯一纽带，该软件系统选择是否得当，对整个网站技术的运用至关重要。 提供了对不同的数据库操作的接口，使后台数据库对前端的应用程序员来说是完全透明的。使得程序员可以很方便地编程以实现其所需要的功能。 通过中间件层，可以达到将前台应用和后台数据库分开的目的。,数据库层,整个网站动态数据内容存储的地方。 几乎所有的应用都与数据库有关。 数据库服务器的配置应该比较高，而且应尽可能的稳定。 所用到的数据库服务器的数目取决于网站的规模和应用的大小。 对于一个成熟的网站来说，至少需要两个以上的数据库服务器，这样可以互相备份，同时降低服务器的负载，达到负载均衡的目的。,页面技术,静态
8、网页（.htm） 动态页面（DHTML、脚本） 活动页面（ASP、PHP、JSP）,静态网页,适用于实时性要求不高的内容。 能够加快页面的显示速度。 编辑工具 Frontpage Micromedia 网页三剑客 记事本、写字板 以纯文本方式保存，文件扩展名为 .htm或 .html 解释环境：浏览器,动态网页,常用语言：JavaScript，VBScript 解释环境：浏览器 特点： 简单性：采用小程序段的方式实现编程，而且是一种解释性语言，不需要编译就能解释执行。 动态性：可以直接对用户的输入作出响应，无需经过Web服务器。它对用户的响应，是以事件驱动的方式进行的。 跨平台性：依赖于浏览器
9、本身，与服务器和客户端的操作环境无关。但不同的浏览器对它的执行在个别方面存在差别，在使用时需要注意。 局限性： 程序源代码是可被访问的。 不能进行网络通信。 编辑工具：常用的网页编辑工具,活动页面,用途： 适用于实时性很强的内容。 动态页面显示的信息可以实时从数据库中提取，然后按相应的格式呈现给用户。 可以更好地支持用户进行在线交流。 常用语言：ASP、PHP、JSP 解释环境：服务器 特点： 使用常规文本编辑器，如Windows的记事本，就可以设计活动页面。 与浏览器无关：用户端只要使用常规浏览器，即可浏览活动页面所设计的页面内容 源程序代码，不会传到用户的浏览器，传到浏览器的只是包含脚本执
10、行结果的HTML代码，因此可以保护源程序不会外泄。,工作过程:,浏览器,Web服务器,ODBC或JDBC 驱动程序,被启动的 活动页面,活动页面请求,信息下载,数据库,ASP,ASP是由Microsoft 公司开发的服务器端脚本设计语言，于1997年，正式出现在网页设计舞台上。 ASP 是 IIS 所提供的组件之一，能够在网页中综合使用 HTML 文件、 ASP 指令和 ActiveX 控件，从而建立动态、交互且高效的 Web 服务器应用程序。 ASP的运行环境： 对于Windows NT 4.0 server和Windows 2000 server，要安装IIS4.0（Internet In
11、formation Server）或以上版本 对与其他操作系统，如Windows98、Windows 2000 Professional等则需要安装PWS4.0（Personal Web Server）或以上版本。,PHP,PHP（Hypertext Preprocessor，超文本预处理器） PHP是一种源代码开放程序，拥有很好的跨平台兼容性。用户可以在Windows NT系统以及许多版本的Unix系统上运行PHP，而且可以将PHP作为Apache服务器的内置模块或CGI程序运行。 PHP脚本语言的语法结构与C语言和Perl语言的语法风格非常相似。用户在使用变量前不需要对变量进行声明。使用P
12、HP创建数组的过程也非常简单。PHP还具有基本的面向对象组件功能，可以方便用户有效组织和封装自己编写的代码。 PHP是完全免费的，可以从PHP官方站点自由下载。, 第一个PHP程序 ,JSP,JSP（Java Server Pages）是Sun公司推出的新一代站点开发语言，可以在Serverlet和JavaBean的支持下，完成功能强大的站点 。 特点： 内容的生成和显示进行分离。 生成可重用的组件。 采用标识简化页面开发。 由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理
13、和安全性。 作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。 运行环境： Tomcat、 Resin、 Weblogic、 Websphere等。,测试JSP运行当前的时间是：,文档结构,网站目录 解析URL 目录索引 目录编排 文件命名,网站目录,文件路径是指当前文件所位于的目录名称。 目录名称之间用“/”或“”隔开； 绝对路径：从根目录开始描述目录或文件。 UNIX以“/”开始，Windows以“c:”开始。如：export/home/wwwroot/index.html。c:inetpubwwwindex.htm 绝对路径清楚明确的指出文件和文件夹的位置
14、。 相对路径以当前目录为参考来说明文件的位置。 根据当前目录不同，相对路径可能指向不同的文件。 “.”目录代表当前目录，“”代表当前目录的上一级目录，如：./pin.gif 和 /home.html。,网站的目录有如下几种： 主目录：每个Web都需要有一个根目录，是该网站默认访问的目录。 子目录：对于主目录对应的实际文件夹下的子文件夹，默认为网站的子目录。 虚拟目录：对于网站目录结构来说，虚拟目录属主于主目录下的子目录，不过，它在Windows下，并不一定是主目录实际文件夹下的子文件夹。,解析URL,在浏览器中输入URL后，浏览器将该地址传送给服务器。服务器处理该URL，确定该向客户返回什么。
15、 为解析URL（http:/ 分解URL 服务器名称： 路径：/WzJs/ 文件名：WzJs113.html 如果服务器是正在运行的虚拟主机，将根据服务器名称来决定使用哪个配置。 查找路径。没有指明路径，从根目录中查找。如果指明路径，先寻找匹配的别名或虚拟目录，然后在文档根目录下寻找名称匹配的子目录。 一旦确定了目录，开始寻找请求的文件。如果没有指明文件，则寻找缺省索引文档，并确认是否可读。,目录索引,用户可能无须确切指明文件名也能请求URL，这时，服务器根据“目录索引”来确定返回的文件。 如果服务器有“目录索引” ，当收到一个目录请求时，则返回一个缺省文档。 目录索引的名字没有限制，常见的索
16、引文件名为：index.htm(l)、default.htm(l)等。 Web服务器查看目录有以下几种方式： 不允许浏览目录：必须有索引文档，否则不列出目录下文件。 允许目录浏览，但没有缺省文档：列出目录中的所有文件清单。 有索引：返回与索引文件名匹配的文档，而不是目录清单。,目录编排,类似的文件应放在一起，如图形、声音等不同类型文件要放在不同的目录下，便于管理。 如果是商业站点，每个组织机构应使用自己的独立目录。,文件命名,尽量保持文件名简短。可以使用下划线将长文件名分开，也可以使用子目录将多个文件分类。 指定一个标准命名协议，进行分类，以便进行查找。 文件名可以使用下划线“_”或破折号“-
17、”，但尽量用字母或数字开头。不能使用空格，因为网络中编译空格比较困难。 “&”、 “ +”、 “?”符号在URL中有特殊意义，使用后会有意想不到的效果。 文件名字尽量用英文。 注意文件名字的大小写，保证输入正确的URL和建立正确的链接。,网站的设计和实现,页面的美工设计 数据库连接技术连接池 用户权限控制权限角色用户三级管理 页面风格一致 相同的页头和页尾 使用共同的CSS 相同风格的导航栏和页面提示 便于风格修改 页头和页尾做成单独的文件，嵌入到每个页面中 风格控制都放到CSS或存到变量中 代码优化，删除冗余代码 删除冗余文件和测试文件,服务器的安装与配置,规划网站位置 购买服务器 操作系统
18、安装 Web服务器安装,规划网站位置,一个好的网站，不但要能够容纳大量的访问者保持正常访问，还要让访问者从Internet的无数网站中很容易地找到它。 选择不同的网站安置位置，还将影响到网站所使用的域名。域名已经成为成功网站的代名词。 安置站点的选择： 创建自己的Web服务器 使用托管服务器 使用专用服务器 使用虚拟主机 使用个人页面站点 使用免费站点,创建Web服务器,可以完全控制站点，更新和维护更加容易，可以根据自己的需要，安装各种服务器软件。 花费较大 首先要确定适用的设备类型，购买合适的计算机。 其次将Web服务器连接到Internet上。 选择合适的ISP，确保计算机可以得到合适的支
19、持、安全及检测。 预计自己网站的大致连接次数，确定Web服务器所使用的带宽。 为自己的Web服务器申请一个域名。 考虑服务器的安全性， 保证计算机硬件、软件、安全程序和管理程序正常运行。,托管服务器,连接速度和管理灵活性不如创建自己的服务器，但花费少。 用户需要购买一台计算机作为Web服务器，但由ISP负责安置。 用户可以随意使用自己的计算机，又能得到快速的网络连接。 ISP不负责计算机的管理，用户需要自己考虑计算机的安全和后备支持等问题。 ISP仅仅替用户监控计算机的正常运行，并在出现问题时提醒用户。,专用服务器,放在ISP机房中并与他们的网络连接。 计算机并不由用户购买，而由ISP提供。
20、用户随意使用计算机，而又不需要为安装和管理操心。只需专心进行开发和编程。 ISP位用户提供专用服务器，并承担大部分的维护工作。包括： 根据用户选择的操作系统，按照用户要求进行服务器的配置。 提供日常服务，创建账号、进行备份操作、负责监测以及提供服务器报告等。 提供24小时全天候的监测与管理。 费用比托管服务器高。,虚拟主机,虽然一个服务器对应一个IP地址，但一台计算机并不只有一个IP地址。同时一个IP可以对应多个域名，所以一个服务器能容纳很多域名。 附加在一个服务器上的域称为虚拟主机。 虚拟主机用户将拥有自己的域名，必须与其它域用户共享一台计算机。 由于几百个站点在一台服务器上，可能限制在主机
21、上运行某些程序，用户只能运行一些简单的、或是ISP挑选出来的脚本。 虚拟主机分为两类： 基于名称的虚拟主机：没有唯一的IP地址。 基于IP地址的虚拟主机：每个域都有一个唯一的IP地址，就像一般主机一样。,个人站点,使用Internet访问许可权时，一般的ISP会将他们主机上的部分空间分配给客户，空间一般比较少，大约540M。 这些空间不是和建立完整的商业网站，但建立个人的Web站点还是足够的。 域名是由ISP分配，使用该域名才能访问该站点。 个人要规划和利用ISP提供的个人网页空间，为自己的网站提供一个良好的开端。 如果用户由一个ISP提供的账号，而且也提供个人主页空间，那么通常是以用户的账号
22、名作为个人页面的目录名。如：用户的账号时test，那么通过网络就可以访问到test用户的站点。 大多数ISP不允许用户为个人网页注册域名。,免费站点,如果只想使用Web空间来进行试验，或者根本没有大多的精力或兴趣来编写网页，或者只是想临时使用，可以使用免费站点。 免费站点的一大特点是网站上有很多广告，广告很可能在一个新窗口中弹出。 可能不支持服务器端脚本，电子商务和其他工具，或许也不能提供FTP向服务器传送文件。 只能使用有限的软件制作页面，例如主机提供给用户的表单或者模板。 域名不容易记忆，并且不能突出主题，真正要创建Web服务器不宜采用这种方案。,各种方案的优缺点,购买服务器,作为专用的网
23、站服务器，并不需要强大的多媒体、游戏或语音等技术。除非还临时做工作占用，否则不需声卡、音箱等多媒体设备。 要求的仅仅是合适的处理速度、较大的内存、较好的可扩展性和高速的网络。 在购买服务器时，要考虑服务器要随站点的壮大而扩展。例如使用支持多处理器的主板。另外，处理器要有足够的缓存。 对于磁盘驱动器和其他存储设备来讲，SCSI接口的设备比IDE接口的设备速度快，也易于升级。 不间断电源UPS也是必需的硬件之一。,影响服务器性能的因素： 通常约束服务器性能的瓶颈是与Internet的网络连接，而不是服务器的速度。 服务器上本地用户的数目也不是决定服务器性能的主要因素。 传输文件的请求对服务器性能有
24、较大影响。 服务器端的应用程序会加重处理器的负担。如cgi程序、搜索引擎、访问数据库的程序等。 提高性能的方法： 增加系统内存 升级CPU 分担服务 更新存储设备,操作系统安装,操作系统负责管理计算机的所有功能。硬件决定操作系统；操作系统决定应用程序，决定了可以运行的Web服务器软件和服务器的安全性、可靠性。,Web服务器安装,IIS的安装与使用,网站的发布,域名注册 移动存储的使用 网络邻居的使用 FTP的使用,注册域名,域名的选择 一般Web服务器都以WWW命名。 即使更换了ISP，也不必更换域名。 一个好的域名，除了可以被人们快速记忆之外，还可以被轻松查到。 可选的顶级域名： 代表Web网站所属机构，如：.com、.edu、.net、.org或.gov等。 代表网站所属国家和地区，如：.cn、.us、.jp或.uk。 域名注册 确认自己选择的域名是否已被占用。如被占用，只能向所有者购买。 用户需要的只是ISP将使用的DNS服务器的名字和地址。 DNS服务器将用户注册的域名与其使用的IP地址对应。,网站维护,技术升级 服务器扩展 风格修改 功能增加 功能修改 用户维护 信息维护,总结,本文概述了网站建设的全部流程和步骤，希望对刚接触到网站建设行业的新朋友有所帮助！本文由杭州新阳网络在线提供 杭州新阳网络在线，杭州专业网站建设公司,
