Web网站架构

第一章Web网站架构与HTML基础王张宜wzy@whu.edu.cn武汉大学计算机学院内容提要Web的特点和结构Web服务器的配置创建虚拟目录HTML基础2020/6/30网页设计与制作2Web的特点和结构本章介绍的概念、Web服务器配置、创建虚拟目录和浏览器IE的配置。一、的概念1.什么是？的缩写，简称为Web（万维网）。月，是由欧洲粒子物理实验室CERN(theEuropeanLaboratoryforParticlePhysics)开发的主从结构分布式（“客户机/服务器”模式）超文本系统。1992年1月，Web的第一个版本在瑞士日内瓦问世。2020/6/30网页设计与制作3Web的特点和结构是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。（企业内部网）的信息系统。具有三个统一：1.统一的资源命名方式：URL（统一资源定位符，即网址）。2.统一的资源访问方式：HTTP（超文本传输协议）。3.统一的信息组织方式：HTML（超文本标记语言）。2020/6/30网页设计与制作4Web的特点和结构URL（统一资源定位符）主要用来指明通信协议和地址的方式，以取得网络上的各种服务，它包括通信协议（Protocol）、主机名、所要访问文件的路径和文件名等几个部分。•统一资源定位符（URL）是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。•Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址，这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，俗称“网址”。2020/6/30网页设计与制作5Web的特点和结构URL（统一资源定位符）URL由三部分组成：协议类型，主机名和路径及文件名。protocol://hostname[:port]/path/[;parameters][?query]#fragment•协议类型：通过URL可以指定的主要有以下几种：http、ftp、telnet、file等，包括新出现的ed2k、Flashget、thunder、tencent、msnim等。•hostname（主机名）：是指存放资源的服务器的域名系统(DNS)主机名或IP地址。有时，在主机名前也可以包含连接到服务器所需的用户名和密码（格式：username:password）。•path（路径）：由零或多个“/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。2020/6/30网页设计与制作6Web的特点和结构URL（统一资源定位符）示例:Search?search=铁路&go=Go•http，是协议；•zh.wikipedia.org，是服务器；•80，是服务器上的网络端口号；•/wiki/Special:Search，是路径；•?search=铁路&go=Go，是询问。2020/6/30网页设计与制作7Web的特点和结构超级文本超级文本（Hypertext）与普通文本不同，它是一种使用户与计算机之间能够更加密切交流的文本显示技术，它通过对相关词汇进行索引链接，可以使带链接的词汇或语句指向文本中的其他段落、注解或文本。用户可以沿着超级文本中的索引链接跳转阅读，也可以随时返回到原来的阅读之处。超级文本的出现，使计算机中的文本呈现出崭新的面目。HTTP：超文本传输协议2020/6/30网页设计与制作8Web的特点和结构Protocol，一组在网络上发送信息的规则和约定。这些规则控制在网络设备间交换消息的内容、格式、定时、顺序和错误控制。通俗的说就是不同的网络程序的交流语言，我们常见的OICQ使用UDP协议、ICQ使用TCP协议、E-mail程序使用POP3和SMTP协议，正像我们国人使用汉语一样......2020/6/30网页设计与制作9Web的特点和结构HTMLHTML（HypertextMarkupLanguage，超级文本标记语言）一种用来制作网络中超级文本的简单标记语言。它是在文本文件的基础上加上一系列标记，用以描述其颜色、字体、文字大小和格式，再加上声音、图像、动画甚至视频等形成精彩的页面。严格来说，HTML语言并不是一种编程语言，只是一些能让浏览器看懂的标记。当用户浏览语言标签的网页时，浏览器会“翻译”由这些HTML语言标签提供的网页结构、外观和内容的信息，并按照一定的格式在屏幕上显示出来。HTML是在客户端被执行的，它包含许多HTML标签（标记），这些标签都包括在“”和“”符号里，并且大部分是成对出现的。2020/6/30网页设计与制作10Web的特点和结构2.的特点分布式的信息资源。统一的用户界面。支持各种信息资源和各种媒体的演播。广泛的用途。2020/6/30网页设计与制作11Web的特点和结构3.的结构是成千上万个网站连結而成的页面式网络信息系统。采用“客户机/服务器”结构。2020/6/30网页设计与制作12Web的特点和结构网页存放在被称为Web服务器(WebServer)的计算机上，等待用户访问。2020/6/30网页设计与制作13Web的特点和结构4.Web技术经历了3个发展阶段第一代，提供对静态网页的管理和访问。第二代，提供对动态网页的访问和显示。第三代，除动态网页生成和访问之外，还提供基于Web的联机事务处理能力。•静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用HTML语言编写其代码，保存为.htm文件。•动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写，保存为.asp文件，也称为Web应用程序。2020/6/30网页设计与制作14Web的特点和结构静态网页指的是HTML网页，即用HTML语言编写的网页，它是所有其他网页技术的基础。网页中所有的对象，包括文字、图片、超链接、Flash动画、表格、列表等都需要通过HTML才能展现出来。2020/6/30网页设计与制作15Web的特点和结构Web应用程序是用HTML语言和VBScript或JavaScript等脚本语言编写的动态网页源文件，也称为服务器端脚本。当从服务器请求这样一个页时，Web服务器先将该页传递给应用程序服务器进行处理，然后再将该页发送给浏览器。应用程序服务器是一种软件，它帮助Web服务器处理Web应用程序，以便生成动态网页。ASP（ActiveServerPage动态服务器网页）是Windows系统所包含的应用程序服务器软件。2020/6/30网页设计与制作16Web的特点和结构动态服务器网页是在服务器端动态生成网页的技术，ASP、JSP、PHP等都属于动态服务器网页技术。动态服务器网页一般都需要通过访问数据库（或文本类文件）来实现网页的生成，系统中有一台单独的数据库服务器，也可以将服务器与数据库服务器合二为一。2020/6/30网页设计与制作17Web服务器配置二、Web服务器的配置1.什么是Web服务器？Web服务器也称为HTTP服务器，它是响应来自浏览器的请求，并且发送出网页的软件。当访问者在浏览器的地址文本框中输入一个URL，或者单击在浏览器中打开的网页上的某个链接时，便生成一个网页请求。常见的Web服务器有：•MicrosoftInternetInformationServer（IIS）•MicrosoftPersonalWebServer(PWS)•ApacheHTTPServer•NetscapeEnterpriseServer•SunONEWebServer。2020/6/30网页设计与制作18Web服务器配置2.五种常见的Web应用程序服务器Dreamweaver可以使用以下五种服务器技术的任何一种设计Web应用程序：•ColdFusion（可用于Windows和Solaris操作系统平台的动态服务器网页技术）•ASP（ActiveServerPage：动态服务器网页技术）•ASP.NET（.NET平台的动态服务器网页技术）•JSP（JavaServerPage：Java服务器网页技术）•PHP（PersonalHomePage：个人主页技术）每种技术都与Dreamweaver中的一种文档类型相对应。2020/6/30网页设计与制作19Web服务器配置ASP、JSP、PHP的比较2020/6/30网页设计与制作20Web服务器配置选择哪一种Web应用程序技术取决于多个因素，其中包括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。•如果采用ColdFusionMX服务器，则可以选择ColdFusion。•如果采用IIS服务器，则可以选择ASP或ASP.NET。•如果采用PHP服务器，则可以选择PHP；•如果采用JSP服务器，则可以选择JSP。本课程选择了Windows的ASP动态网页技术。2020/6/30网页设计与制作21Web服务器配置3.两种Web系统配置方案一种配置是将IIS或PWS安装在本地Windows计算机硬盘中，另一种是将IIS或PWS安装在远程Windows计算机硬盘中。2020/6/30网页设计与制作22Web服务器配置4.如何用Windows操作系统建立Web服务器？可以安装下列系统之一：1．Windows2000/2003Server和IIS5.0。2．WindowsXP和IIS5.1。3．Windows98/2000Professional和PWS。其中IIS：InternetInformationService（Internet信息服务器）；PWS：PersonalWebService（个人Web服务）。2020/6/30网页设计与制作23Web服务器配置Windows2000/2003Server和IIS5.0安装•在Windows2000Server软件里带有IIS5.0。插入Windows2000Server光盘，自动启动，按照提示进行安装，同时自动安装IIS5.0。•Windows2003Server不自动安装IIS。若要安装IIS，可以单击“开始”￫“程序”￫“管理工具”￫“配置服务器”，选择“高级”选项，打开显示可供安装的组件的对话框；也可以在控制面板中使用“添加/删除程序”。2020/6/30网页设计与制作24Web服务器配置注意，由于ASP处理程序会随着IIS自动安装。所以，运行ASP的应用程序服务器会随着Web服务器的建立而自动地建立。2020/6/30网页设计与制作25Web服务器配置如何在WindowsXP中安装IIS（1）单击“开始”“控制面板”，双击“添加或删除程序”；（2）单击“添加/删除Windows组件”；（3）出现“Windows组件向导”，单击“下一步”；（4）在“Windows组件”列表中，选中“Internet信息服务(IIS)”；（5）单击“下一步”，然后根据提示操作。在安装后，可以启动浏览器，输入地址：localhost。若显示其网页，则表示IIS正常安装。2020/6/30网页设计与制作26Web服务器配置5.服务器上的根文件夹Inetpub\假定读者在计算机的D:盘中安装了WindowsXP操作系统。那末，该系统会自动创建根文件夹D:\Inetpub\。默认情况下，Web服务器从D:\Inetpub\文件夹提供网页。Web服务器将根据来自Web浏览器的HTTP请求，