第1章web技术基础
- 格式：pptx
- 大小：460.13 KB
- 文档页数：42
当前位置：文档之家 › 第1章web技术基础
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
协议版本号，后边的信息包括请求修饰符、客户机信息 和其他所需的内容。 服务器接到请求后，给予相应的响应信息。 客户机接收服务器返回的信息，通过浏览器显示在用户 的显示屏上，然后客户机与服务器断开连接。
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议的主要特点
支持客户机/服务器模式
时标识计算机的电子方位（有时也指地理位置）。
目前域名已经成为互联网的品牌、网上商标保护必备的要
素之一。
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
域名的划分：
11
www.bit.edu.cn
域名和IP地址的对应关系由DNS服务器（Domain Name
Server）来管理和解析。 中文域名是在英文域名的基础上进行二次解析的技术。 一个IP地址可以对应多个域名，反之，一个域名也可以对 应多个IP地址。
1.4 Web应用开发技术
1.4.3 JSP开发技术
JSP（Java Server Pages)是由Sun Microsystems
公司倡导、许多公司参与一起建立的一种动态网页技术 标准。 在传统的网页HTML文件（*.htm、*.html）中插入 Java程序段（Servlet）和JSP标记（tag），从而形成
针对数据库的增、删、改、查等操作。
1.4 Web应用开发技术
1.4.2 三层与多层架构
B/S从两层发展到三层结构，具有以下优点：
30
（1）开发人员可以只关注整个结构中的其中 某一层。 （2）可以很容易地用新的实现来替换原有层 次的实现。 （3）可以降低层与层之间的依赖。 （4）有利于标准化。 （5）利于各层逻辑的复用。
1.2 Web技术的主要组成
1.2.2 统一资源定位符URL
12
统一资源定位符URL（Uniform Resource Locator）是用
于完整地描述Internet上网页和其他信息资源地址的一种标识 方法。 URL就是Internet上的每一个网页或信息资源都具有一个唯 一的名称标识，通常称之为URL地址，或Web地址，俗称
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议所处的位置
14
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议工作步骤
15
Fra Baidu bibliotek
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议工作步骤
客户机向服务器发起建立连接请求
16
客户机请求方式的格式为：统一资源标识符（URL）、
19
1.2 Web技术的主要组成
1.2.4 HTML语言
20
HTML网页由浏览器解释执行，与硬件和系统没有直接关
系。它具有下列特点：
简易性：HTML版本升级采用超集方式，更加灵活方便。
可扩展性：HTML语言的广泛应用带来了加强功能、增 加标识符等要求，HTML采取子类元素的方式，为系统 扩展带来保证。 平台无关性：HTML语言可以在各种硬件平台和操作系 统上运行。
第1章 Web技术基础
NCRE
课程简介
2
本教程根据教育部考试中心最新颁布的《全国计算机等级
考试二级Web程序设计考试大纲》编写
主要考察考生对Web技术基础知识的掌握情况
为进一步掌握主流Web高级编程技术提供基础技术支持
课程学习内容
第一章介绍构成Web技术的基础知识 第二章介绍HTTP协议的知识
发展：文本到多媒体
1.1 Internet与Web技术
1.1.2 什么是Web
基本概念
6
WWW（World Wide Web），中文称万维网，Web是
互联网上的一种应用服务，它使用超文本技术将遍布全
球的各种信息资源链接起来，以便于用户访问。 超文本：超文本是一种全局性的信息结构，它将不同文 档或同一文档中的不同部分通过超链建立链接，使信息 得以相互关联起来，并能以超链跳转的方式进行访问。
Web中资源的传输是由超文本传输协议HTTP
（Hypertext Transfer Protocol）传送给用户
1.1 Internet与Web技术
1.1.3 Web技术的特点
Web页面具有丰富的多媒体表现特性 Web具备超级链接和快速导航能力 Web具有平台独立性 Web具有分布自治特性 Web具有动态交互特性
层架构。
Web服务器传送页面供浏览器浏览，而应用程序服务
器提供的是客户机应用程序可以调用的方法。 三层架构的应用程序将业务规则、数据访问、合法性 校验等工作放到了中间层进行处理。通常情况下，客户机 不直接与数据库进行交互，而是通过COM/DCOM等通信
技术与中间层建立连接，再经由中间层与数据库进行交换。
“网址”。
统一资源定位符URL常见的基本格式为：
<访问协议>://<主机名>:<端口号>/<文件路径> http://cms.bit.edu.cn:8080/login.aspx
1.2 Web技术的主要组成
1.2.3 HTTP协议
13
HTTP是Hypertext Transfer Protocol（超文本传输协议）
1.3 Web浏览器与服务器
1.3.1 Web浏览器
21
浏览器是指运行在用户的机器上用来展现和浏览来自Web
服务器或者本地文件系统中的HTML页面，并让用户与这些页 面交互的一种客户机软件。 浏览器主要通过HTTP协议与Web服务器交互并获取网页， 这些网页由URL指定，由浏览器解释。 不同硬件平台和操作系统上的浏览器功能有差异
1.5 *Web服务器的安装与配置 1.6 *Web技术的历史和发展
1.1 Internet与Web技术
1.1.1 什么是Internet
Internet（互联网）
需求：美国国防部需要一种分散的指挥系统
5
原型网络：ARPANET
核心互联协议：TCP/IP协议
主要应用：Telnet，ftp，Email等
3
第三章介绍用于Web表现的THML语言
第四章介绍CSS样式表 第五章介绍JavaScript语言的基本概念和相关编程元素 第六章介绍几种主要动态编程技术
第1章 Web技术基础
1.1 Internet与Web技术
4
1.2 Web技术的主要组成
1.3 Web浏览器与服务器
1.4 Web应用开发技术
地址的这种表示法叫做“点分十进制表示法”。
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
10
IP地址是数字标识，使用时难以记忆和书写，因此在IP地
址的基础上又发展出一种符号化的地址表示方案，来代替数 字型的IP地址。 域名（Domain Name）是由一串用点分隔的名字组成的 Internet上某一台计算机或计算机组的名称，用于在数据传输
及其载体承担，C/S结构的Web应用与B/S结构具有紧密联系。
大系统和复杂系统中，C/S结构和B/S结构的嵌套也很普遍。
1.4 Web应用开发技术
1.4.1 Web基本架构
B/S结构
25
1.4 Web应用开发技术
1.4.1 Web基本架构
B/S结构的优势
26
维护和升级方式简单：瘦客户与胖服务器
一个HTML文件通常以 .htm或 .html为扩展名。
整体结构：<html> </html>标记对
其他结构标记对：<head></head>, <title></title>, <body></body>等
1.2 Web技术的主要组成
1.2.4 HTML语言
简单网页示例： <html> <head> <title>我的第一个 HTML页面</title> </head> <body> <p>body元素的内容会显示在浏览器中。</p> <p>title元素的内容会显示在浏览器的标题栏中。</p> </body> </html>
31
JSP文件（*.jsp）。
用JSP开发的Web应用是跨平台的，既能在Linux下
运行，也能在其他操作系统上运行。
1.4 Web应用开发技术
1.4 Web应用开发技术
1.4.2 三层与多层架构
系统部署的典型三层架构
28
1.4 Web应用开发技术
1.4.2 三层与多层架构
29
系统部署的多层架构与软件开发的三层架构联系密切，
包括：用户界面层，业务逻辑层和数据访问层
界面层，是用户在使用一个系统时的所见所得。接
受用户的输入，并将结果显示给用户。 业务逻辑层，针对具体问题的操作，对业务逻辑进 行处理，是系统核心。 数据访问层主要用于数据的访问，直接操作数据库，
1.3 Web浏览器与服务器
1.3.3 Web工作原理
从本质上讲，Web系统中用户使用浏览器去访问某一个
Web服务器，这也是一种客户机/服务器的工作模式。
23
浏览器发起请求并解释所收到的HTML文档
HTTP负责传输浏览器和服务器之间的任何数据
服务器负责接收浏览器的请求并翻译或执行相关动作，获
1.1 Internet与Web技术
1.1.2什么是Web
Web技术之父：蒂姆•伯纳斯-李（Tim Berners-Lee）
WWW不等于Internet，是基于Internet的应用系统
7
URI（Uniform Resource Identifier）用于标识Web
系统中数量巨大的资源
1.3 Web浏览器与服务器
1.3.2 Web服务器
Web服务器是指提供Web服务的服务器。
22
当用户从浏览器中请求某个网页文件时，Web服务器将响
应该请求，并读出指定的网页文件返回给浏览器。
浏览器也可以请求驻留在Web服务器上用以产生动态网页 的一个程序，Web服务器将执行该程序并将所产生的动态网 页返回给浏览器。 服务器（程序）是一种被动程序，只有当Internet上其他计 算机中的浏览器发出请求时，服务器才会响应。
17
简单快速而且灵活
HTTP 1.0使用非持续连接 无状态 支持内容协商 可扩展性
1.2 Web技术的主要组成
1.2.4 HTML语言
超文本标记语言，即HTML（Hypertext Markup
Language），是用于描述网页文档的一种标记语言。
18
通过标记符号来标记要显示的网页中的各个部分。
8
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
9
在以TCP/IP网络协议为主的网络中，机器之间的访问是通
过IP地址来进行的。
IP地址就是给每个连接在Internet上的主机分配的一个32位
的地址。按照TCP/IP协议规定，IP地址用二进制来表示，每 个IP地址长32位，即4个字节。 IP地址经常被写成十进制的形式，中间使用符号“.”分开 不同的字节。于是上面的IP地址可以表示为“10.0.0.1”。IP
成本降低，选择更多：不限制客户端浏览器，开发人
员只需要维护好服务器端的程序即可，从而极大地减 轻了开发成本和维护成本，并给用户更多的选择。 应用服务器运行数据负荷较重，需要在服务器上进行 更多投资，并做好负载平衡和数据安全等工作。
1.4 Web应用开发技术
1.4.2 三层与多层架构
27
在B/S架构的基础上，可以进一步扩充成三层架构或多
HTTP是一种应用层协议，基于标准的客户机/服务器模型。
HTTP在可靠的网络层协议（例如TCP/IP）的基础上提供
了在Web服务器和客户机之间传输信息的一种机制，并规定 了客户机与服务器之间交互的各种消息格式。 通过使用HTTP协议，客户机和Web服务器可以传递几乎所 有类型的文件，包括HTML文件、图像、视频、音频等多媒体 文件甚至应用程序
得浏览器需要的数据，并生成标准的HTML文档 无论浏览器和服务器技术如何发展，其基本原理不变
1.4 Web应用开发技术
1.4.1 Web基本架构
C/S结构：客户机需要安装专用的客户机端软件，服务器上
24
要安装专门开发的服务器端软件来接收客户机的连接请求。
B/S结构：用户界面完全通过Web浏览器实现，一部分事务 逻辑可以在浏览器端实现，但是主要事务逻辑在服务器端实现。 浏览器通过Web服务器同数据库进行数据交互。 系统开发中，C/S结构中客户机往往可以由B/S结构的浏览器
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议的主要特点
支持客户机/服务器模式
时标识计算机的电子方位（有时也指地理位置）。
目前域名已经成为互联网的品牌、网上商标保护必备的要
素之一。
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
域名的划分：
11
www.bit.edu.cn
域名和IP地址的对应关系由DNS服务器（Domain Name
Server）来管理和解析。 中文域名是在英文域名的基础上进行二次解析的技术。 一个IP地址可以对应多个域名，反之，一个域名也可以对 应多个IP地址。
1.4 Web应用开发技术
1.4.3 JSP开发技术
JSP（Java Server Pages)是由Sun Microsystems
公司倡导、许多公司参与一起建立的一种动态网页技术 标准。 在传统的网页HTML文件（*.htm、*.html）中插入 Java程序段（Servlet）和JSP标记（tag），从而形成
针对数据库的增、删、改、查等操作。
1.4 Web应用开发技术
1.4.2 三层与多层架构
B/S从两层发展到三层结构，具有以下优点：
30
（1）开发人员可以只关注整个结构中的其中 某一层。 （2）可以很容易地用新的实现来替换原有层 次的实现。 （3）可以降低层与层之间的依赖。 （4）有利于标准化。 （5）利于各层逻辑的复用。
1.2 Web技术的主要组成
1.2.2 统一资源定位符URL
12
统一资源定位符URL（Uniform Resource Locator）是用
于完整地描述Internet上网页和其他信息资源地址的一种标识 方法。 URL就是Internet上的每一个网页或信息资源都具有一个唯 一的名称标识，通常称之为URL地址，或Web地址，俗称
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议所处的位置
14
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议工作步骤
15
Fra Baidu bibliotek
1.2 Web技术的主要组成
1.2.3 HTTP协议
HTTP协议工作步骤
客户机向服务器发起建立连接请求
16
客户机请求方式的格式为：统一资源标识符（URL）、
19
1.2 Web技术的主要组成
1.2.4 HTML语言
20
HTML网页由浏览器解释执行，与硬件和系统没有直接关
系。它具有下列特点：
简易性：HTML版本升级采用超集方式，更加灵活方便。
可扩展性：HTML语言的广泛应用带来了加强功能、增 加标识符等要求，HTML采取子类元素的方式，为系统 扩展带来保证。 平台无关性：HTML语言可以在各种硬件平台和操作系 统上运行。
第1章 Web技术基础
NCRE
课程简介
2
本教程根据教育部考试中心最新颁布的《全国计算机等级
考试二级Web程序设计考试大纲》编写
主要考察考生对Web技术基础知识的掌握情况
为进一步掌握主流Web高级编程技术提供基础技术支持
课程学习内容
第一章介绍构成Web技术的基础知识 第二章介绍HTTP协议的知识
发展：文本到多媒体
1.1 Internet与Web技术
1.1.2 什么是Web
基本概念
6
WWW（World Wide Web），中文称万维网，Web是
互联网上的一种应用服务，它使用超文本技术将遍布全
球的各种信息资源链接起来，以便于用户访问。 超文本：超文本是一种全局性的信息结构，它将不同文 档或同一文档中的不同部分通过超链建立链接，使信息 得以相互关联起来，并能以超链跳转的方式进行访问。
Web中资源的传输是由超文本传输协议HTTP
（Hypertext Transfer Protocol）传送给用户
1.1 Internet与Web技术
1.1.3 Web技术的特点
Web页面具有丰富的多媒体表现特性 Web具备超级链接和快速导航能力 Web具有平台独立性 Web具有分布自治特性 Web具有动态交互特性
层架构。
Web服务器传送页面供浏览器浏览，而应用程序服务
器提供的是客户机应用程序可以调用的方法。 三层架构的应用程序将业务规则、数据访问、合法性 校验等工作放到了中间层进行处理。通常情况下，客户机 不直接与数据库进行交互，而是通过COM/DCOM等通信
技术与中间层建立连接，再经由中间层与数据库进行交换。
“网址”。
统一资源定位符URL常见的基本格式为：
<访问协议>://<主机名>:<端口号>/<文件路径> http://cms.bit.edu.cn:8080/login.aspx
1.2 Web技术的主要组成
1.2.3 HTTP协议
13
HTTP是Hypertext Transfer Protocol（超文本传输协议）
1.3 Web浏览器与服务器
1.3.1 Web浏览器
21
浏览器是指运行在用户的机器上用来展现和浏览来自Web
服务器或者本地文件系统中的HTML页面，并让用户与这些页 面交互的一种客户机软件。 浏览器主要通过HTTP协议与Web服务器交互并获取网页， 这些网页由URL指定，由浏览器解释。 不同硬件平台和操作系统上的浏览器功能有差异
1.5 *Web服务器的安装与配置 1.6 *Web技术的历史和发展
1.1 Internet与Web技术
1.1.1 什么是Internet
Internet（互联网）
需求：美国国防部需要一种分散的指挥系统
5
原型网络：ARPANET
核心互联协议：TCP/IP协议
主要应用：Telnet，ftp，Email等
3
第三章介绍用于Web表现的THML语言
第四章介绍CSS样式表 第五章介绍JavaScript语言的基本概念和相关编程元素 第六章介绍几种主要动态编程技术
第1章 Web技术基础
1.1 Internet与Web技术
4
1.2 Web技术的主要组成
1.3 Web浏览器与服务器
1.4 Web应用开发技术
地址的这种表示法叫做“点分十进制表示法”。
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
10
IP地址是数字标识，使用时难以记忆和书写，因此在IP地
址的基础上又发展出一种符号化的地址表示方案，来代替数 字型的IP地址。 域名（Domain Name）是由一串用点分隔的名字组成的 Internet上某一台计算机或计算机组的名称，用于在数据传输
及其载体承担，C/S结构的Web应用与B/S结构具有紧密联系。
大系统和复杂系统中，C/S结构和B/S结构的嵌套也很普遍。
1.4 Web应用开发技术
1.4.1 Web基本架构
B/S结构
25
1.4 Web应用开发技术
1.4.1 Web基本架构
B/S结构的优势
26
维护和升级方式简单：瘦客户与胖服务器
一个HTML文件通常以 .htm或 .html为扩展名。
整体结构：<html> </html>标记对
其他结构标记对：<head></head>, <title></title>, <body></body>等
1.2 Web技术的主要组成
1.2.4 HTML语言
简单网页示例： <html> <head> <title>我的第一个 HTML页面</title> </head> <body> <p>body元素的内容会显示在浏览器中。</p> <p>title元素的内容会显示在浏览器的标题栏中。</p> </body> </html>
31
JSP文件（*.jsp）。
用JSP开发的Web应用是跨平台的，既能在Linux下
运行，也能在其他操作系统上运行。
1.4 Web应用开发技术
1.4 Web应用开发技术
1.4.2 三层与多层架构
系统部署的典型三层架构
28
1.4 Web应用开发技术
1.4.2 三层与多层架构
29
系统部署的多层架构与软件开发的三层架构联系密切，
包括：用户界面层，业务逻辑层和数据访问层
界面层，是用户在使用一个系统时的所见所得。接
受用户的输入，并将结果显示给用户。 业务逻辑层，针对具体问题的操作，对业务逻辑进 行处理，是系统核心。 数据访问层主要用于数据的访问，直接操作数据库，
1.3 Web浏览器与服务器
1.3.3 Web工作原理
从本质上讲，Web系统中用户使用浏览器去访问某一个
Web服务器，这也是一种客户机/服务器的工作模式。
23
浏览器发起请求并解释所收到的HTML文档
HTTP负责传输浏览器和服务器之间的任何数据
服务器负责接收浏览器的请求并翻译或执行相关动作，获
1.1 Internet与Web技术
1.1.2什么是Web
Web技术之父：蒂姆•伯纳斯-李（Tim Berners-Lee）
WWW不等于Internet，是基于Internet的应用系统
7
URI（Uniform Resource Identifier）用于标识Web
系统中数量巨大的资源
1.3 Web浏览器与服务器
1.3.2 Web服务器
Web服务器是指提供Web服务的服务器。
22
当用户从浏览器中请求某个网页文件时，Web服务器将响
应该请求，并读出指定的网页文件返回给浏览器。
浏览器也可以请求驻留在Web服务器上用以产生动态网页 的一个程序，Web服务器将执行该程序并将所产生的动态网 页返回给浏览器。 服务器（程序）是一种被动程序，只有当Internet上其他计 算机中的浏览器发出请求时，服务器才会响应。
17
简单快速而且灵活
HTTP 1.0使用非持续连接 无状态 支持内容协商 可扩展性
1.2 Web技术的主要组成
1.2.4 HTML语言
超文本标记语言，即HTML（Hypertext Markup
Language），是用于描述网页文档的一种标记语言。
18
通过标记符号来标记要显示的网页中的各个部分。
8
1.2 Web技术的主要组成
1.2.1 Internet IP地址与网络域名
9
在以TCP/IP网络协议为主的网络中，机器之间的访问是通
过IP地址来进行的。
IP地址就是给每个连接在Internet上的主机分配的一个32位
的地址。按照TCP/IP协议规定，IP地址用二进制来表示，每 个IP地址长32位，即4个字节。 IP地址经常被写成十进制的形式，中间使用符号“.”分开 不同的字节。于是上面的IP地址可以表示为“10.0.0.1”。IP
成本降低，选择更多：不限制客户端浏览器，开发人
员只需要维护好服务器端的程序即可，从而极大地减 轻了开发成本和维护成本，并给用户更多的选择。 应用服务器运行数据负荷较重，需要在服务器上进行 更多投资，并做好负载平衡和数据安全等工作。
1.4 Web应用开发技术
1.4.2 三层与多层架构
27
在B/S架构的基础上，可以进一步扩充成三层架构或多
HTTP是一种应用层协议，基于标准的客户机/服务器模型。
HTTP在可靠的网络层协议（例如TCP/IP）的基础上提供
了在Web服务器和客户机之间传输信息的一种机制，并规定 了客户机与服务器之间交互的各种消息格式。 通过使用HTTP协议，客户机和Web服务器可以传递几乎所 有类型的文件，包括HTML文件、图像、视频、音频等多媒体 文件甚至应用程序
得浏览器需要的数据，并生成标准的HTML文档 无论浏览器和服务器技术如何发展，其基本原理不变
1.4 Web应用开发技术
1.4.1 Web基本架构
C/S结构：客户机需要安装专用的客户机端软件，服务器上
24
要安装专门开发的服务器端软件来接收客户机的连接请求。
B/S结构：用户界面完全通过Web浏览器实现，一部分事务 逻辑可以在浏览器端实现，但是主要事务逻辑在服务器端实现。 浏览器通过Web服务器同数据库进行数据交互。 系统开发中，C/S结构中客户机往往可以由B/S结构的浏览器