网页制作案例教程毋建军郑宝昆郭锐编著清华大学出版社第13章Web服务器创建本章学习目标(知识要点)Web服务器的基本概念与原理Web服务器模式(C/S模式与B/S模式)常用的Web服务器软件(IIS、Apache、Tomcat)IIS服务器的安装、配置应用IIS创建Web服务器Apache服务器的安装、配置应用Apache服务器创建Web服务器JDK的安装、配置、测试Tomcat服务器的安装、配置应用Tomcat创建Web服务器手工创建Web服务器网站系统本章学习导航Web服务器的创建和配置,是远程访问Web网站系统的基础和前提,本章主要介绍静态网站系统使用不同的Web服务器软件创建、配置WEB网站服务器,并进行远程访问。本章内容在全书知识结构中所处位置如图所示基础篇HTML篇CSS篇JavaScript篇提高篇网页设计与开发流程(AscentSys医药商务系统)网页制作基础HTML基础网页基本元素设计网页布局规划设计交互式网页表单的设计与使用利用模板和库创建网页CSS样式表使用CSS布局规划网页JavaScript网页应用Javascript概述网页中常见Flash制作Web服务器创建网站发布、测试和维护13.1Web服务器基础13.1.1什么是Web服务器Web服务器也称为服务器,是指专门提供Web文件保存空间,并负责传送和管理Web文件及支持各种Web程序的服务器。它主要是利用超文本来链接页面,这些页面既可放置在同一机器上,也可以在不同地理位置的不同主机上;文本链接由URL(统一资源定位器)维持;Web客户端软件(Web浏览器)在负责向服务器发送请求和显示信息。13.1.2Web服务器原理Web浏览过程Web服务器的作用最终体现在对内容特别是动态内容的提供上,除了提供HTML文档服务外,Web服务器还提供诸如XML格式的应用数据,也就是说,Web服务器不仅仅提供HTML文档,还可以在更大的范围内与各种数据源建立连接,为Web浏览器提供更丰富的内容。这也是Web服务器同应用服务器的根本不同,Web服务器主要负责同Web浏览器交互时提供动态产生的HTML文档。13.1.3Web服务器模式与发布信息Web技术架构开发的模式主要分为C/S模式和B/S模式两大主流。C/S是美国Borland公司最早研发,B/S是美国Microsoft(微软公司)研发。目前,这两类架构开发模式技术已被广泛采用,国内公司也以C/S和B/S技术开发出产品居多。发布Web信息的主要步骤:(1)使你的计算机与英特网相连(包括“硬”连接和“软”连接两个方面)(2)在这台计算机上安装一份WEB服务器软件(httpd).(3)用HTML编辑你的信息,生成一用html作为扩展名的文件.(4)将你的文件放到WEB服务器软件能访问的目录中(亦称“文件空间”中).(5)公布你的URL.13.1.4Web服务器软件三种主流的Web服务器软件,各自应用在不同的操作系统平台,它们分别是IIS服务器、Apache服务器、Tomcat服务器。IIS服务器主要适用于Windows系列的操作系统,主要有Windows平台NT、WindowsServer2000、WindowsServer2003、WindowsServer2008操作系统。Apache服务器(主要在Linux、UNIX平台上使用,也有Windows平台的版本)、Tomcat(主要在Linux、UNIX平台上使用,也有Windows平台版本),它们各自的特点在此就不再赘述了。13.2IIS服务器13.2.1IIS服务器安装与卸载(1)单击“开始”“控制面板”“添加或删除程序”命令,进入“添加或删除程序”对话框。(2)单击对话框左边的“添加或者删除Windows组件”选项,进入“Windows组件”选择对话框。(3)然后在“Windows组件”对话框中选中“应用程序服务器”,单击“详细信息”按钮,进入“应用程序服务器”对话框(4)选择“Internet信息服务(IIS)”,系统默认设置在“Internet信息服务(IIS)”前面已打上“√”表示选中,然后单击“详细信息”按钮,弹出IIS子组件对话框(5)选择“万维网服务”,并单击“详细信息”按钮,进行定制安装“万维网服务”下的子组件服务(6)选中自己需要的组件后,单击“确定”按钮,然后单击“下一步”按钮,进行IIS6.0的安装和配置(7)在安装完IIS以后,还要测试一下网站是否安装正常。打开IE浏览器,在地址栏中输入本机IP地址,如:,如果安装成功,则会在IE浏览器中显示网页,或者输入计算机名,显示页面。如果没有显示出该网页,就需检查IIS是否出现问题,或重新启动IIS服务等。也可以删除IIS并重新安装。(8)卸载IIS6.0的步骤过程与上述过程基本相同,只是把原来选中需要安装的选项前面的复选框的“√”取消,然后就可以删除原来安装的选项内容13.2.2利用IIS服务器创建网站(1)单击“开始”→“程序”→“管理工具”→“Internet信息服务管理器”,打开IIS信息服务管理树(命名取自本地计算机名),选中“网站”,点击右键“新建”→“网站”,开始创建Web网站(2)出现“网站创建向导”对话框,单击“下一步”。(3)在“网站描述”对话框中网站的描述符“ascent”(4)单击“下一步”,进入“IP地址和端口设置”,指定网站的IP地址、TCP端口号和网站的主机头。如果有独立的IP地址,则把网站地址指定为独立的IP地址,以便远程访问本网站。本网站使用的是局域网的IP地址“192.168.3.22”,默认的TCP端口是“80”,网站的主机头默认为空。(5)单击“下一步”,出现网站主目录对话框,配置网站主目录的保存路径,在“路径”文本框中输入网站主目录文件的保存路径。本例是以AscentSys医药商务系统网站文件夹保存路径为主目录路径。一般默认允许匿名访问本地的网站(6)单击“下一步”,出现“网站访问权限”对话框,一般只允许读取的权限,把其他的权限取消,以免安全漏洞。(7)单击“下一步”,完成网站的创建(8)在网站子树中,选中“ascent”网站,右击“属性”,打开属性对话框,选择“文档”选项(9)选择作为网站首页的文件,即可以选择系统自带的文件,如Default.htm、index.htm的文件,也可以添加自己的文件“index.html”,如果同一网站有多个文件出现在默认的文档中,Web网站服务器是按照其先后的顺序进行搜索列表文件,列表文件的顺序可以通过“上移“或“下移”按钮,调整顺序。(10)在本机浏览器窗口,输入网站IP地址便可以打开网站设置默认的主页文件。此时,本机器充当的角色是既是客户端,也是服务器。通常情况下,服务器是独立的,客户端是远程进行访问服务器网站。在另外一台充当客户端的机器上访问服务器网站系统。如果出现Flash无法正常显示浏览,需要给IE浏览器安装Flash插件,以保证网页中flash能够正常显示(本例IE浏览器中安装的是flash_player_10_active_x插件)。网站首页浏览13.3Apache服务器13.3.1Apache服务器安装(1)选择“apache_2.2.17-win32-x86-no_ssl.msi”安装程序进行双击,打开安装界面(2)单击“next”,出现“licenseAgreement”对话框,选择“Iacceptthetermsinthelicenseagreement”(3)单击“Next”,出现“ReadTheFirst”对话框,然后再单击“Next”,出现“ServerInformation”对话框,在该界面中,需要输入服务器的信息,包括网络域名、服务器名和管理员邮箱,这里可以根据自己的情况进行填写。在该界面下方的单选按钮组中,选择第一项表示任何用户都可以连接或使用服务器,同时设置服务器的侦听端口为“80”;选择第二项表示只有本地用户可以连接和使用(4)单击“Next”,出现“SetupType”界面,默认是“Typical”安装(5)单击“Next”,出现默认安装界面,如果需要改变安装的路径,单击“change”按钮,出现安装界面,修改程序的安装路径。(6)单击“Next”,进入“ReadytoInstalltheProgram”对话框(7)单击“Install”按钮,开始正式安装,安装程序复制文件到系统中。(8)单击“Next”,再单击“Finish”完成安装。(9)在浏览器中输入如果能够看到如图所示,则说明安装成功。(10)安装成功后,单击“开始”→“所有程序”→“ApacheHTTPServer2.2”→“ControlApacheServer”→“Start”,启动Apache服务器,同时在桌面右下面会出现图标,表示Apache服务器已经启动,单击“Restart”可以重新启动服务器13.3.2利用Apache服务器创建网站(1)在httpd.conf文件中定位到“DocumentRoot”一行,可以将路径修改为你认为合适的路径,这里设置为“DocumentRoot“C:/ascent””(2)定位到“DirectoryIndexindex.htmdefaut.php”行,在其后添加一个默认页index.html,通常是index.html,添加代码为:DirectoryIndexindex.htmdefaut.phpindex.html(3)设置服务器网站目录的访问权限为指定的目录路径“C:/ascent”(4)在对httpd.conf文件进行修改配置后,重新启动Apache服务器,才能生效。在Apache服务器配置生效后,可以根据配置在指定的路径下面放置一个网站系统,如本案例放置的是ascent医药商务系统,然后在浏览器中输入或者在浏览器地址栏中输入服务器IP地址,就可以打开AscentSys医药系统网站。13.4Tomcat服务器13.4.1Tomcat服务器安装(1)双击图标“apache-tomcat-7.0.6.exe”,进行Tomcat-7.0.6安装(2)单击“Next”→“IAgree”,选择默认设置,然后选择需要安装的类型,本例选择是normal安装Tomcat软件组件(3)设置连接端口(默认8080端口)、管理员登录的用户名(默认是admin)、密码及角色,默认的角色是manager-gui。(4)单击“Next”,选择JAVA虚拟机(JVM)的安装路径,一般采用默认选择的即可(5)单击“Next”,进入安装路径界面,如果修改安装路径,按Browse进行选择,否则,直接单击“Next”(6)单击“Install”,进行安装,然后单击“Finish”完成安装。默认选择运行Tomcat和显示Readme的内容,如图不想运行和显示内容,可以把它们复选框的“√”去掉(7)配置完成后,然后启动Tomcat,在IE中访问,如果看到tomcat的欢迎页面的话说明安装成功了13.4.2利用Tomcat服务器创建网站(1)在Tomcat的安装目录下webapps目录中,可以看到ROOT、tomcat-docs等Tomcat自带的目录。(2)webapps目录是Tomcat服务器Web应用目录,最简单的方法是把所要应用的网站系统拷贝到webapps目录下,如本案例是把AscentSys医药商务系统根目录文件夹ascent拷贝到webapps目录下。(3)在IE地址栏输入项目案例学习目标案例描述学习创建手工创建Web网站服务器的知识和方法以Tomcat服务器为