Web网站架构解析
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、WWW的概念
1.什么是WWW？
WWW是World Wide Web的缩写，简称为Web（万 维网）。WWW起源于1989年3月，是由欧洲粒子物 理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/ 服务器”模式）超文本系统。 1992年1月，Web的第一个版本在瑞士日内瓦问世 。
2018/10/19
网页设计与制作
5
Web的特点和结构
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（路径）：由零或多个“/”符号隔开的字符串，一般用来 表示主机上的一个目录或文件地址。
2018/10/19
网页设计与制作
16
Web的特点和结构
动态服务器网页是在WWW服务器端动态生成网页 的技术，ASP、JSP、PHP等都属于动态服务器网 页技术。 动态服务器网页一般都需要通过访问数据库（或 文本类文件）来实现网页的生成，系统中有一台单 独的数据库服务器，也可以将WWW服务器与数据 库服务器合二为一。
2018/10/19
网页设计与制作
19
Web服务器配置
ASP、JSP、PHP的比较
2018/10/19
网页设计与制作
20
Web服务器配置
选择哪一种Web 应用程序技术取决于多个因素，其中包 括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。
•如果采用ColdFusion MX服务器，则可以选择 ColdFusion 。
•如果采用IIS服务器，则可以选择 ASP或ASP.NET。 •如果采用PHP服务器，则可以选择 PHP； •如果采用JSP服务器，则可以选择 JSP。 本课程选择了Windows的ASP动态网页技术。
2018/10/19
网页设计与制作
21
Web服务器配置
3.两种Web系统配置方案
算是本 机将地 硬 一 盘或 种 中 配 。 置 安计是 装算将 在机 远硬 程盘或 中 ， 另安 一装 计种在
2018/10/19 网页设计与制作 6
Web的特点和结构
URL（统一资源定位符）示例
http://rfc.sunsite.dk/rfc/rfc1738.html http://zh.wikipedia.org:80/wiki/Special:Search?search=铁路 &go=Go • http，是协议； • zh.wikipedia.org，是服务器； • 80，是服务器上的网络端口号； • /wiki/Special:Search，是路径； • ?search=铁路&go=Go，是询问。
2018/10/19
网页设计与制作
10Hale Waihona Puke Baidu
Web的特点和结构
2.WWW的特点
分布式的信息资源 。 统一的用户界面 。 支持各种信息资源和各种媒体的演播 。 广泛的用途。
2018/10/19
网页设计与制作
11
Web的特点和结构
3.WWW的结构
WWW是成千上万个网站连結而成的页面式网 络信息系统。WWW采用“客户机/服务器”结 构。
2018/10/19
网页设计与制作
24
Web服务器配置
注意，由于 ASP 处理程序会随着 IIS 自动安装。所以 ，运行 ASP 的应用程序服务器会随着 Web 服务器的建 立而自动地建立。
2018/10/19
网页设计与制作
25
Web服务器配置
如何在Windows XP中安装IIS （1）单击“开始”>“控制面板”，双击“添 加或删除程序”； （2）单击“添加/删除 Windows 组件”； （3）出现“Windows 组件向导”，单击“下 一步”； （4）在“Windows 组件”列表中，选中 “Internet 信息服务(IIS)”； （5）单击“下一步”，然后根据提示操作。
2018/10/19
Windows IIS PWS Windows
IIS PWS
网页设计与制作 22
Web服务器配置
4.如何用Windows操作系统建立Web服务器？
可以安装下列系统之一 ： 1．Windows 2000/2003 Server和IIS 5.0。 2．Windows XP和IIS 5.1。 3．Windows 98/2000 Professional和PWS。 其中 IIS：Internet Information Service （Internet信息服务器）； PWS：Personal Web Service （个人Web服务）。
Web 应用程序是用 HTML 语言和 VBScript 或 JavaScript 等脚本语言编写的动态网页源文件，也称为服务器端脚本 。当从服务器请求这样一个页时，Web服务器先将该页传 递给应用程序服务器进行处理，然后再将该页发送给浏览 器。 应用程序服务器是一种软件，它帮助Web服务器处理Web 应用程序，以便生成动态网页。 ASP （ Active Server Page 动 态 服 务 器 网 页 ） 是 Windows系统所包含的应用程序服务器软件。
第一章 Web网站架构与 HTML基础
王张宜 wzy@whu.edu.cn
武汉大学 计算机学院
内容提要
Web的特点和结构 Web服务器的配置 创建虚拟目录 HTML基础
2018/10/19
网页设计与制作
2
Web的特点和结构
本章介绍WWW的概念、Web服务器配置、 创建虚拟目录和浏览器IE的配置。
2018/10/19
网页设计与制作
23
Web服务器配置
Windows2000/2003 Server和IIS 5.0安装 • 在Windows2000 Server软件里带有IIS 5.0。插入 Windows2000 Server光盘，自动启动，按照提示 进行安装，同时自动安装IIS 5.0 。 • Windows 2003 Server不自动安装IIS。若要安装 IIS，可以单击“开始”￫“程序”￫“管理工具 ”￫“配置服务器”，选择“高级”选项，打开 显示可供安装的组件的对话框；也可以在控制面 板中使用“添加/删除程序”。
2018/10/19
网页设计与制作
7
Web的特点和结构
超级文本
超级文本（Hypertext）与普通文本不同，它是一种使 用户与计算机之间能够更加密切交流的文本显示技术， 它通过对相关词汇进行索引链接，可以使带链接的词汇 或语句指向文本中的其他段落、注解或文本。用户可以 沿着超级文本中的索引链接跳转阅读，也可以随时返回 到原来的阅读之处。超级文本的出现，使计算机中的文 本呈现出崭新的面目。 HTTP：超文本传输协议
2018/10/19
网页设计与制作
4
Web的特点和结构
URL（统一资源定位符）
主要用来指明通信协议和地址的方式，以取得网 络上的各种服务，它包括通信协议（Protocol） 、主机名、所要访问文件的路径和文件名等几个 部分。
• 统一资源定位符（URL）是用于完整地描述Internet上 网页和其他资源的地址的一种标识方法。 • Internet上的每一个网页都具有一个唯一的名称标识， 通常称之为URL地址，这种地址可以是本地磁盘，也 可以是局域网上的某一台计算机，更多的是Internet上 的站点。简单地说，URL就是Web地址，俗称“网 址”。
• • • • Microsoft Personal Web Server(PWS) Apache HTTP Server Netscape Enterprise Server Sun ONE Web Server。
2018/10/19
网页设计与制作
18
Web服务器配置
2.五种常见的Web应用程序服务器
2018/10/19
网页设计与制作
9
Web的特点和结构
HTML
HTML（Hypertext Markup Language，超级文本标记语言） 一种用来制作网络中超级文本的简单标记语言。它是在文本文件 的基础上加上一系列标记，用以描述其颜色、字体、文字大小和 格式，再加上声音、图像、动画甚至视频等形成精彩的页面。严 格来说，HTML语言并不是一种编程语言，只是一些能让浏览器 看懂的标记。当用户浏览WWW上包含HTML语言标签的网页时， 浏览器会“翻译”由这些HTML语言标签提供的网页结构、外观 和内容的信息，并按照一定的格式在屏幕上显示出来。HTML是 在客户端被执行的，它包含许多HTML标签（标记），这些标签 都包括在“<”和“>”符号里，并且大部分是成对出现的。
2018/10/19
网页设计与制作
17
Web服务器配置
二、Web服务器的配置 1.什么是Web 服务器？
Web 服务器也称为 HTTP 服务器，它是响应来自浏览器的请 求，并且发送出 网页的软件。 当访问者在浏览器的地址文本框中输入一个 URL，或者单击 在浏览器中打开的 网页上的某个链接时，便生成一个网页请 求。 常见的 Web 服务器有： • Microsoft Internet Information Server（IIS）
2018/10/19
网页设计与制作
14
Web的特点和结构
静态网页指的是HTML网页，即用HTML语言 编写的网页，它是所有其他网页技术的基础。 网页中所有的对象，包括文字、图片、超链接、 Flash动画、表格、列表等都需要通过HTML才能 展现出来。
2018/10/19
网页设计与制作
15
Web的特点和结构
2018/10/19
网页设计与制作
3
Web的特点和结构
WWW是一个全球性的信息系统，使计算机能够 在Internet上相互传送基于超媒体的数据信息。 WWW也可以用来建立Intranet（企业内部网）的 信息系统。 WWW具有三个统一：
1.统一的资源命名方式：URL（统一资源定位符，即网址）。 2.统一的资源访问方式：HTTP （超文本传输协议）。 3.统一的信息组织方式：HTML（超文本标记语言）。
2018/10/19
网页设计与制作
12
Web的特点和结构
网页存放在被称为Web服务器(Web Server)的计 算机上，等待用户访问。
2018/10/19
网页设计与制作
13
Web的特点和结构
4.Web技术经历了3个发展阶段
第一代，提供对静态网页的管理和访问。 第二代，提供对动态网页的访问和显示。 第三代，除动态网页生成和访问之外，还提供 基于Web的联机事务处理能力。 • 静态网页是从放置到服务器以后，直到发送给 浏览器不会发生更改的网页，通常用HTML语 言编写其代码，保存为.htm文件。 • 动态网页是在发送到浏览器之前由应用程序服 务器修改的网页。动态网页的源文件可用 HTML语言和VBScript或JavaScript等脚本语言 编写，保存为.asp文件，也称为Web应用程序。
2018/10/19
网页设计与制作
8
Web的特点和结构
Protocol，一组在网络上发送信息的规则和 约定。这些规则控制在网络设备间交换消息 的内容、格式、定时、顺序和错误控制。 通俗的说就是不同的网络程序的交流语言， 我们常见的OICQ使用UDP协议、ICQ使用 TCP协议、E-mail程序使用POP3和SMTP 协议，正像我们国人使用汉语一样......
Dreamweaver可以使用以下五种服务器技术 的任何一种 设计Web 应用程序： • ColdFusion（可用于Windows和Solaris操作系统平台的 动态服务器网页技术） • ASP （Active Server Page：动态服务器网页技术） • ASP .NET （.NET平台的动态服务器网页技术） • JSP （Java Server Page ：Java服务器网页技术） • PHP （Personal Home Page：个人主页技术） 每种技术都与 Dreamweaver 中的一种文 档类型相对应。
1.什么是WWW？
WWW是World Wide Web的缩写，简称为Web（万 维网）。WWW起源于1989年3月，是由欧洲粒子物 理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/ 服务器”模式）超文本系统。 1992年1月，Web的第一个版本在瑞士日内瓦问世 。
2018/10/19
网页设计与制作
5
Web的特点和结构
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（路径）：由零或多个“/”符号隔开的字符串，一般用来 表示主机上的一个目录或文件地址。
2018/10/19
网页设计与制作
16
Web的特点和结构
动态服务器网页是在WWW服务器端动态生成网页 的技术，ASP、JSP、PHP等都属于动态服务器网 页技术。 动态服务器网页一般都需要通过访问数据库（或 文本类文件）来实现网页的生成，系统中有一台单 独的数据库服务器，也可以将WWW服务器与数据 库服务器合二为一。
2018/10/19
网页设计与制作
19
Web服务器配置
ASP、JSP、PHP的比较
2018/10/19
网页设计与制作
20
Web服务器配置
选择哪一种Web 应用程序技术取决于多个因素，其中包 括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。
•如果采用ColdFusion MX服务器，则可以选择 ColdFusion 。
•如果采用IIS服务器，则可以选择 ASP或ASP.NET。 •如果采用PHP服务器，则可以选择 PHP； •如果采用JSP服务器，则可以选择 JSP。 本课程选择了Windows的ASP动态网页技术。
2018/10/19
网页设计与制作
21
Web服务器配置
3.两种Web系统配置方案
算是本 机将地 硬 一 盘或 种 中 配 。 置 安计是 装算将 在机 远硬 程盘或 中 ， 另安 一装 计种在
2018/10/19 网页设计与制作 6
Web的特点和结构
URL（统一资源定位符）示例
http://rfc.sunsite.dk/rfc/rfc1738.html http://zh.wikipedia.org:80/wiki/Special:Search?search=铁路 &go=Go • http，是协议； • zh.wikipedia.org，是服务器； • 80，是服务器上的网络端口号； • /wiki/Special:Search，是路径； • ?search=铁路&go=Go，是询问。
2018/10/19
网页设计与制作
10Hale Waihona Puke Baidu
Web的特点和结构
2.WWW的特点
分布式的信息资源 。 统一的用户界面 。 支持各种信息资源和各种媒体的演播 。 广泛的用途。
2018/10/19
网页设计与制作
11
Web的特点和结构
3.WWW的结构
WWW是成千上万个网站连結而成的页面式网 络信息系统。WWW采用“客户机/服务器”结 构。
2018/10/19
网页设计与制作
24
Web服务器配置
注意，由于 ASP 处理程序会随着 IIS 自动安装。所以 ，运行 ASP 的应用程序服务器会随着 Web 服务器的建 立而自动地建立。
2018/10/19
网页设计与制作
25
Web服务器配置
如何在Windows XP中安装IIS （1）单击“开始”>“控制面板”，双击“添 加或删除程序”； （2）单击“添加/删除 Windows 组件”； （3）出现“Windows 组件向导”，单击“下 一步”； （4）在“Windows 组件”列表中，选中 “Internet 信息服务(IIS)”； （5）单击“下一步”，然后根据提示操作。
2018/10/19
Windows IIS PWS Windows
IIS PWS
网页设计与制作 22
Web服务器配置
4.如何用Windows操作系统建立Web服务器？
可以安装下列系统之一 ： 1．Windows 2000/2003 Server和IIS 5.0。 2．Windows XP和IIS 5.1。 3．Windows 98/2000 Professional和PWS。 其中 IIS：Internet Information Service （Internet信息服务器）； PWS：Personal Web Service （个人Web服务）。
Web 应用程序是用 HTML 语言和 VBScript 或 JavaScript 等脚本语言编写的动态网页源文件，也称为服务器端脚本 。当从服务器请求这样一个页时，Web服务器先将该页传 递给应用程序服务器进行处理，然后再将该页发送给浏览 器。 应用程序服务器是一种软件，它帮助Web服务器处理Web 应用程序，以便生成动态网页。 ASP （ Active Server Page 动 态 服 务 器 网 页 ） 是 Windows系统所包含的应用程序服务器软件。
第一章 Web网站架构与 HTML基础
王张宜 wzy@whu.edu.cn
武汉大学 计算机学院
内容提要
Web的特点和结构 Web服务器的配置 创建虚拟目录 HTML基础
2018/10/19
网页设计与制作
2
Web的特点和结构
本章介绍WWW的概念、Web服务器配置、 创建虚拟目录和浏览器IE的配置。
2018/10/19
网页设计与制作
23
Web服务器配置
Windows2000/2003 Server和IIS 5.0安装 • 在Windows2000 Server软件里带有IIS 5.0。插入 Windows2000 Server光盘，自动启动，按照提示 进行安装，同时自动安装IIS 5.0 。 • Windows 2003 Server不自动安装IIS。若要安装 IIS，可以单击“开始”￫“程序”￫“管理工具 ”￫“配置服务器”，选择“高级”选项，打开 显示可供安装的组件的对话框；也可以在控制面 板中使用“添加/删除程序”。
2018/10/19
网页设计与制作
7
Web的特点和结构
超级文本
超级文本（Hypertext）与普通文本不同，它是一种使 用户与计算机之间能够更加密切交流的文本显示技术， 它通过对相关词汇进行索引链接，可以使带链接的词汇 或语句指向文本中的其他段落、注解或文本。用户可以 沿着超级文本中的索引链接跳转阅读，也可以随时返回 到原来的阅读之处。超级文本的出现，使计算机中的文 本呈现出崭新的面目。 HTTP：超文本传输协议
2018/10/19
网页设计与制作
4
Web的特点和结构
URL（统一资源定位符）
主要用来指明通信协议和地址的方式，以取得网 络上的各种服务，它包括通信协议（Protocol） 、主机名、所要访问文件的路径和文件名等几个 部分。
• 统一资源定位符（URL）是用于完整地描述Internet上 网页和其他资源的地址的一种标识方法。 • Internet上的每一个网页都具有一个唯一的名称标识， 通常称之为URL地址，这种地址可以是本地磁盘，也 可以是局域网上的某一台计算机，更多的是Internet上 的站点。简单地说，URL就是Web地址，俗称“网 址”。
• • • • Microsoft Personal Web Server(PWS) Apache HTTP Server Netscape Enterprise Server Sun ONE Web Server。
2018/10/19
网页设计与制作
18
Web服务器配置
2.五种常见的Web应用程序服务器
2018/10/19
网页设计与制作
9
Web的特点和结构
HTML
HTML（Hypertext Markup Language，超级文本标记语言） 一种用来制作网络中超级文本的简单标记语言。它是在文本文件 的基础上加上一系列标记，用以描述其颜色、字体、文字大小和 格式，再加上声音、图像、动画甚至视频等形成精彩的页面。严 格来说，HTML语言并不是一种编程语言，只是一些能让浏览器 看懂的标记。当用户浏览WWW上包含HTML语言标签的网页时， 浏览器会“翻译”由这些HTML语言标签提供的网页结构、外观 和内容的信息，并按照一定的格式在屏幕上显示出来。HTML是 在客户端被执行的，它包含许多HTML标签（标记），这些标签 都包括在“<”和“>”符号里，并且大部分是成对出现的。
2018/10/19
网页设计与制作
17
Web服务器配置
二、Web服务器的配置 1.什么是Web 服务器？
Web 服务器也称为 HTTP 服务器，它是响应来自浏览器的请 求，并且发送出 网页的软件。 当访问者在浏览器的地址文本框中输入一个 URL，或者单击 在浏览器中打开的 网页上的某个链接时，便生成一个网页请 求。 常见的 Web 服务器有： • Microsoft Internet Information Server（IIS）
2018/10/19
网页设计与制作
14
Web的特点和结构
静态网页指的是HTML网页，即用HTML语言 编写的网页，它是所有其他网页技术的基础。 网页中所有的对象，包括文字、图片、超链接、 Flash动画、表格、列表等都需要通过HTML才能 展现出来。
2018/10/19
网页设计与制作
15
Web的特点和结构
2018/10/19
网页设计与制作
3
Web的特点和结构
WWW是一个全球性的信息系统，使计算机能够 在Internet上相互传送基于超媒体的数据信息。 WWW也可以用来建立Intranet（企业内部网）的 信息系统。 WWW具有三个统一：
1.统一的资源命名方式：URL（统一资源定位符，即网址）。 2.统一的资源访问方式：HTTP （超文本传输协议）。 3.统一的信息组织方式：HTML（超文本标记语言）。
2018/10/19
网页设计与制作
12
Web的特点和结构
网页存放在被称为Web服务器(Web Server)的计 算机上，等待用户访问。
2018/10/19
网页设计与制作
13
Web的特点和结构
4.Web技术经历了3个发展阶段
第一代，提供对静态网页的管理和访问。 第二代，提供对动态网页的访问和显示。 第三代，除动态网页生成和访问之外，还提供 基于Web的联机事务处理能力。 • 静态网页是从放置到服务器以后，直到发送给 浏览器不会发生更改的网页，通常用HTML语 言编写其代码，保存为.htm文件。 • 动态网页是在发送到浏览器之前由应用程序服 务器修改的网页。动态网页的源文件可用 HTML语言和VBScript或JavaScript等脚本语言 编写，保存为.asp文件，也称为Web应用程序。
2018/10/19
网页设计与制作
8
Web的特点和结构
Protocol，一组在网络上发送信息的规则和 约定。这些规则控制在网络设备间交换消息 的内容、格式、定时、顺序和错误控制。 通俗的说就是不同的网络程序的交流语言， 我们常见的OICQ使用UDP协议、ICQ使用 TCP协议、E-mail程序使用POP3和SMTP 协议，正像我们国人使用汉语一样......
Dreamweaver可以使用以下五种服务器技术 的任何一种 设计Web 应用程序： • ColdFusion（可用于Windows和Solaris操作系统平台的 动态服务器网页技术） • ASP （Active Server Page：动态服务器网页技术） • ASP .NET （.NET平台的动态服务器网页技术） • JSP （Java Server Page ：Java服务器网页技术） • PHP （Personal Home Page：个人主页技术） 每种技术都与 Dreamweaver 中的一种文 档类型相对应。