Web技术应用基础(第一章)精品PPT课件
合集下载
Web概述本章主要内容精品PPT课件
1.2 Web工作原理
静态网页与动态网页： 1. 静态网页仅仅使用HTML语言编写； 2. 动态网页需要使用脚本语言编写，根据网页内容依赖于数据库的内容。
1.3 Web服务
Web服务定义： • W3C（国际标准化组织）定义 • Microsoft定义 • IBM定义 • UDDI规范中定义
定义内容详见PP7-12。
1.3 Web服务
Web服务
UDDI Web服务&WSDL
SOAP、XML HTTP、HTTPS、SMTP、FTP
图1-2 Web服务的多层构成
服务发现层 服务描述层 基于XML的消息层 网络层
1.3 Web服务
UUID等于的四种基本结构： • 商业实体（Business entiy）：描述商业信息，如名称和类
器； 4. 如果URL指向脚本语言文本*（或HTML文档中嵌入有脚本语言文本），
则Web服务器运行脚本语言的程序（一般是解释执行脚本程序），将 其输出结果送浏览器； 5. URL也可以执行其他的脚本语言程序，例如：VRML和Ruby等等。
* 常用的脚本语言有PHP、ASP、和每一个人，既是信息 的接收者，也是信息的传播者，大家通过相互协作 来完成各自的任务和实现各自的目的。
分享精神指接入互联网的每一个人，将各自拥 有的信息分享在互联网上，使得任何人都可以使用。
1.1 Web概念
Web的五要素： •URL •HTTP •HTML •Web浏览器 •Web服务器
第1 章Web概述
Web应用举例（续）： •Social networking service（SNS，社会化网络服务） •Online shopping（在线购物） •Web search engine（搜索引擎） •Internet governance（网络政务） •Browse game（页游，网页游戏） •Webcam（网络摄像） •Electronic business（e-business，电子商务）
《Web技术应用基础》PPT课件
11
xml-css.xml
<?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/css" href="mycss.css"?> <resume> <name>Michael Guo</name> <sex>Male</sex> <birthday>1966.7</birthday> <skill>Computer Graphics,Data mining,Teaching</skill> </resume>
第2篇 Web客户端程序设计基础
第5章 CSS
1
5.1 XML
XML的产生 HTML 遇 到 一 些 瓶 颈 问 题 ， 促 使 可 扩 展 性 标 记 语 言
XML（eXtendable Markup Language）的诞生。1996年 7 月 XML 工 作 小 组 在 W3C （ World Wide Web Consortium ） 的 赞 助 下 成 立 ， 于 1998.1.10 正 式 通 过 XML1.0规范。由于XML具有可扩展性、结构性、自我 描述性的特点，并采用数据和样式分离原则，使其在 数据的管理、交换上拥有极为卓越的性能。
用户自定义类作为选择符 定义格式：选择符.类名 selector.classname{ attributes1:values1;attributes2:v alues2;…}，例： • span.blue{color:#0000FF} span.red{color:red} 应用样式时在对应的HTML标签中加入class属性， 属性值为样式表的类名。例： • <p>这是一个引用两个不同span样式的例子， <span class="blue">蓝色span</span>与<span class="red">红色span</span></p>
xml-css.xml
<?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/css" href="mycss.css"?> <resume> <name>Michael Guo</name> <sex>Male</sex> <birthday>1966.7</birthday> <skill>Computer Graphics,Data mining,Teaching</skill> </resume>
第2篇 Web客户端程序设计基础
第5章 CSS
1
5.1 XML
XML的产生 HTML 遇 到 一 些 瓶 颈 问 题 ， 促 使 可 扩 展 性 标 记 语 言
XML（eXtendable Markup Language）的诞生。1996年 7 月 XML 工 作 小 组 在 W3C （ World Wide Web Consortium ） 的 赞 助 下 成 立 ， 于 1998.1.10 正 式 通 过 XML1.0规范。由于XML具有可扩展性、结构性、自我 描述性的特点，并采用数据和样式分离原则，使其在 数据的管理、交换上拥有极为卓越的性能。
用户自定义类作为选择符 定义格式：选择符.类名 selector.classname{ attributes1:values1;attributes2:v alues2;…}，例： • span.blue{color:#0000FF} span.red{color:red} 应用样式时在对应的HTML标签中加入class属性， 属性值为样式表的类名。例： • <p>这是一个引用两个不同span样式的例子， <span class="blue">蓝色span</span>与<span class="red">红色span</span></p>
第一章web技术的简介精品PPT课件
第一章 Web网站概述
Web应用 目前WEB技术在实现电子商务方面方兴未
艾，如雨后春笋般发展迅速，尤其是国内某几 大网站利好消息公布后。
WEB技术在国外和国内大公司都推出了自 己的基于WEB的电子商务平台，力图在中国的 蛋糕上分得一块份额。
其基本还是基于Internet技术上的企业、集 团、单位及至个人在资源共享、信息交互、电 子商务等上的应用。
第一章 Web网站概述
1.3 Web
Web是一个什么样的概念呢？ Web是World Wide Web的简称，现已规范翻译成“万维 网”，在1995年国内出版的一本关于Internet 的书籍中， 曾被译为“全球性蛛网状系统”，从字面上，就可以知 道Web是将全球计算机网络上数量巨大的信息像“蜘蛛网” 一样连到一起，以方便人们对信息的查找。 Web可以这么定义，是以超文本（超媒体）链接技术为基 础的全球性计算机网络，其核心协议是HTTP。实际上， 在Web技术出现以前，Internet远没有这么大名气，Web 技术的出现，使Internet从科教界，迅速普及到整个社 会，即现代Internet=Web。
第一章 Web网站概述
1.3 Web
Web应用的主流技术 基本应用技术在如下几个方面：
属于静态页面技术类：
基于Web中 浏览器/服务器 结构的技术，浏览者 需要下载页面内容，之后不受服务器影响。可以离
线浏览。
1. 基于web应用的HTML标记语言 由于应用广泛，与其说是语言不如说已成为事实上
的Web技术规范。HTML的语法标准和规范由W3C 维护，目前推出的最新标准为html 4.1，他是浏览 器浏览的基础。由于下载后再浏览，因此下载者可
②TCP连接建立之后，将选中的HTML文档 通过该连接传输到客户端，并将之显示出来。
第1章Web应用基础-
生产效率，据说可以减少70%的代码；
灵活性和可扩展性，轻松地将自定义功能集成到应用程 序中
性能，使用诸如预编译、可配置的缓存和 SQL 缓存失效 等功能，可以优化 Web 应用程序的性能，
安全性，向 Web 应用程序添加身份验证和授权比以往任 何时候都简单
宿主。 中包含的新增功能使得管理宿主环境变 得更加简单。
DB2
调用 JavaBean J2EE/EJB
调用
DLL
XML
的历史
❖ ASP（Active Server Pages），是Microsfot公司 2019年11月推出的WEB应用程序开发技术，它既 不是一种程序语言，也不是一种开发工具，而是一 种技术框架。因其简单的语法和嵌入HTML的编辑 方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地 位难以动摇。此外，它可通过ActiveX等组件技术 实现更强大的功能，如使用ADO可以轻松地访问 数据库。
客户端动态WEB页面
❖ 动态地改变网页的内容，为不同用户提供 个性化的服务。
客户端的动态Web页面工作原理
Web服务器 3、Web服务器定位HTML文件和指令文件
1、作者编写 的网页文件
4、HTML和指令被返回到浏览器
2、客户请求网页
5、浏览器处理 指令并将指令 转换为HTML
6、浏览器处理HTML
的历史（续）
❖ 2019年微软发布了Visual Studio .NET 2019 及后继发布的VS2019支持的都是 1.x版本。1.x版本虽然取得了很大的成功， 但是微软失去了简单性这一重要目标。
的历史（续）
❖ 与VS2019一起发布了.NET Framework2.0 版本，在各个方面对 都进行了显 著增强：
灵活性和可扩展性，轻松地将自定义功能集成到应用程 序中
性能，使用诸如预编译、可配置的缓存和 SQL 缓存失效 等功能，可以优化 Web 应用程序的性能，
安全性，向 Web 应用程序添加身份验证和授权比以往任 何时候都简单
宿主。 中包含的新增功能使得管理宿主环境变 得更加简单。
DB2
调用 JavaBean J2EE/EJB
调用
DLL
XML
的历史
❖ ASP（Active Server Pages），是Microsfot公司 2019年11月推出的WEB应用程序开发技术，它既 不是一种程序语言，也不是一种开发工具，而是一 种技术框架。因其简单的语法和嵌入HTML的编辑 方法在很短的时间内便取得了巨大的成功，成为 Windows平台上Web开发技术的霸主，在当时地 位难以动摇。此外，它可通过ActiveX等组件技术 实现更强大的功能，如使用ADO可以轻松地访问 数据库。
客户端动态WEB页面
❖ 动态地改变网页的内容，为不同用户提供 个性化的服务。
客户端的动态Web页面工作原理
Web服务器 3、Web服务器定位HTML文件和指令文件
1、作者编写 的网页文件
4、HTML和指令被返回到浏览器
2、客户请求网页
5、浏览器处理 指令并将指令 转换为HTML
6、浏览器处理HTML
的历史（续）
❖ 2019年微软发布了Visual Studio .NET 2019 及后继发布的VS2019支持的都是 1.x版本。1.x版本虽然取得了很大的成功， 但是微软失去了简单性这一重要目标。
的历史（续）
❖ 与VS2019一起发布了.NET Framework2.0 版本，在各个方面对 都进行了显 著增强：
Web技术应用基础_d01
在Internet上发送的每个数据包都包含了一 个发送方地址和一个接受方地址。
31
第1章Web技术概述
2.IP地址表示法 Internet 是基于TCP/IP(Transmission Control
Protocol/Internet Protocol)建立的，依据该协议每
一台连接在Internet上的主机都被分配了一个IP
广域网（Wide Area Network ， WAN ）：覆盖范 围从几十千米到几千千米，可以连接若干个城 市、地区、国家，甚至横跨几个洲覆盖全球， 形成国际性的远程网络。
18
第1章Web技术概述
广域网通常通过用公共电信系统(比如卫星，海底电缆，微波
通信站点，长途电话，市话网络等)将一个一个的局域网和计
Web服务器
3．超链接 hyperlink ：信息资源之间访问手段，也可以借 助搜索工具或搜索引擎查找
4．超文本标记语言 HTML:不同计算机之间信息交流
13
第1章Web技术概述
HTTP协议 访问方式
地址栏目 资 源在何处
HTML 文档
超链接
14
第1章Web技术概述
地址，作为这台计算机在网上的唯一标识．
IP地址的表示法例:
１００００１１０ ０００１１０００ ００００１０００ ０１００００１０
１３４ • ２４ • ８ • ６６
点分十进制表示法
32
第1章Web技术概述
网络地址(netid) 主机地址(hostid)
网络地址：确定该主机所在的物理网络 主机地址：确定该主机在该物理网络上 的位置 IP地址的层次结构具有两个重要特性： • 为每台主机分配了一个唯一的地址； • 网络号必须全球统一分配，主机标识号 由本地分配，不需要全球统一分配
31
第1章Web技术概述
2.IP地址表示法 Internet 是基于TCP/IP(Transmission Control
Protocol/Internet Protocol)建立的，依据该协议每
一台连接在Internet上的主机都被分配了一个IP
广域网（Wide Area Network ， WAN ）：覆盖范 围从几十千米到几千千米，可以连接若干个城 市、地区、国家，甚至横跨几个洲覆盖全球， 形成国际性的远程网络。
18
第1章Web技术概述
广域网通常通过用公共电信系统(比如卫星，海底电缆，微波
通信站点，长途电话，市话网络等)将一个一个的局域网和计
Web服务器
3．超链接 hyperlink ：信息资源之间访问手段，也可以借 助搜索工具或搜索引擎查找
4．超文本标记语言 HTML:不同计算机之间信息交流
13
第1章Web技术概述
HTTP协议 访问方式
地址栏目 资 源在何处
HTML 文档
超链接
14
第1章Web技术概述
地址，作为这台计算机在网上的唯一标识．
IP地址的表示法例:
１００００１１０ ０００１１０００ ００００１０００ ０１００００１０
１３４ • ２４ • ８ • ６６
点分十进制表示法
32
第1章Web技术概述
网络地址(netid) 主机地址(hostid)
网络地址：确定该主机所在的物理网络 主机地址：确定该主机在该物理网络上 的位置 IP地址的层次结构具有两个重要特性： • 为每台主机分配了一个唯一的地址； • 网络号必须全球统一分配，主机标识号 由本地分配，不需要全球统一分配
第1章 Web基础 网页制作PPT课件(PHP)
/n/20060728/93070.htm
1.3 基于数据库的动态Web工作模式
1.3.1 静态网页和动态网页 1.3.2 动态Web的工作模式
1.3.1 静态网页和动态网页
静态网页就是其内容由一些HTML代码 组成的的网页。这些HTML代码可以直 接通过文本编辑器输入，并保存为.htm 或.html文件。
统一资源定位器（Uniform Resource Locator， URL）是为Internet的信息资源位置而设的一 种编址方式，它指定Internet资源位于哪台计 算机的哪个文件夹以及文件名。
URL的格式如下： 传输协议://主机IP地址或域名[:端口]/文件夹 路径/文件名 例如URL：
解决上述限制问题的一种方法就是把数据翻译成兼 容各种应用程序的标准格式，即用XML（Extensible Markup Language，可扩展标记语言）描述数据。
1.4 基于XML的Web工作模式
图1.9 基于XML的Web体系结构
Байду номын сангаас
动态网页就是网页中加入程序或脚本， 采 用 ASP 、 PHP 、 CGI 、 、 JSP 等技术动态生成的页面。
1.3.1 静态网页和动态网页
图1.4 静态网页示例
1.3.1 静态网页和动态网页
图1.6 动态网页示例
1.3.2 动态Web的工作模式
1．客户端动态Web的工作模式
1.2.5 IP地址
IP地址由4个字节组成，共32个二进制位。由4个用“．”分 隔的十进制数组成，每个数不大于255，如210.36.139.6
IP协议规定了A~E五类IP地址
1.2.6 域名服务器DNS
域名服务系统（DNS）是一个自动地将 域名转换为与之对应的IP地址的软件。
1.3 基于数据库的动态Web工作模式
1.3.1 静态网页和动态网页 1.3.2 动态Web的工作模式
1.3.1 静态网页和动态网页
静态网页就是其内容由一些HTML代码 组成的的网页。这些HTML代码可以直 接通过文本编辑器输入，并保存为.htm 或.html文件。
统一资源定位器（Uniform Resource Locator， URL）是为Internet的信息资源位置而设的一 种编址方式，它指定Internet资源位于哪台计 算机的哪个文件夹以及文件名。
URL的格式如下： 传输协议://主机IP地址或域名[:端口]/文件夹 路径/文件名 例如URL：
解决上述限制问题的一种方法就是把数据翻译成兼 容各种应用程序的标准格式，即用XML（Extensible Markup Language，可扩展标记语言）描述数据。
1.4 基于XML的Web工作模式
图1.9 基于XML的Web体系结构
Байду номын сангаас
动态网页就是网页中加入程序或脚本， 采 用 ASP 、 PHP 、 CGI 、 、 JSP 等技术动态生成的页面。
1.3.1 静态网页和动态网页
图1.4 静态网页示例
1.3.1 静态网页和动态网页
图1.6 动态网页示例
1.3.2 动态Web的工作模式
1．客户端动态Web的工作模式
1.2.5 IP地址
IP地址由4个字节组成，共32个二进制位。由4个用“．”分 隔的十进制数组成，每个数不大于255，如210.36.139.6
IP协议规定了A~E五类IP地址
1.2.6 域名服务器DNS
域名服务系统（DNS）是一个自动地将 域名转换为与之对应的IP地址的软件。
第1章Web应用开发简介.ppt
用途 实现不同应用程序之间的数据交互 对一种数据实现多种样式 实现数据的分布式处理
样式1 XML文件 样式2
交换数据
应用程序2
显示效果2 操作2 显示效果 操作3 3 显示效果 操作4 4
显示效果1 操作1
DOM 样式3
样式4
Web 服务器 Web 服务器
显示
1.2.3 XML、CSS的应用
<body> <script type="text/javascript"> <!-document.write("你好，JavaScript"); // JavaScript结束--> </script> </body>
语言特点
引用外部文件： <head> <title>问候页面</title> <script type="text/javascript" src="hello.js"></script> </head>
1.1.2 Web应用程序
Web应用程序介绍 概念
Web应用程序是一种使用HTTP作为核心通信协议、通过互联网让 Web浏览器和服务器通讯的计算机程序。
技术组成 客户端开发技术 ：HTML 、CSS 、DOM 、ActiveX 、 JavaScript 、VBScript 、Applet等 。 服务器端开发技术 ：JSP/Servlet 、PHP 、ASP 、CGI、Perl、 ISAPI等。 层次结构 表示层：采用Web浏览器实现。 业务逻辑层：由位于Web服务器上的各种服务器端程序实现。 数据服务层：由数据库服务器提供，数据库服务器例如MySQL、 SQL Server等。
1-Web技术基础PPT课件
• Apache
• 38.22 %
• IIS (by Microsoft)
• 32.80%
• nginx (by Igor Sysoev)
• 15.00%
• GWS (by Google)
• 2.30%
16
客户端-服务器架构
经典客户端-服务器模型
17
客户端-服务器C/S架构
• SQL Server – SQL Server Management Studio • BT追踪器 – BT客户端(μTorrent) • DNS服务器(bind) – DNS客户端(resolver) • DHCP服务器(无线路由固件) – DHCP客户端(手机 /
安卓DHCP客户端/)
21
• SMB服务器(Windows) – SMB客户端(Windows)
• 在真实世界中，"服务"是： • 服务提供者完成的一系列工作 • 通过输入参数，提供给用户（消费者）一些期望的 结果 • 需求和结果已知 • 易于使用 • 总是可用的 • 有量的特性（价格，执行时间，常量，等）
33
面向服务的应用
• 面向服务的应用类似真实世界中的服务-消费者模型 • 由服务提供者（服务器端）和服务消费者（客户端） 组成 • 典型示例为RIA富客户端应用 • 服务提供者提供一些服务 • 服务消费者访问服务 • 标准协议用XML, JSON, SOAP, WSDL, RSS, HTTP, …
5
Web Application网络应用
• 网站的下一个级别 • 高交互 • 高可访问性（Cloud云端） • AJAX, Silverlight, Flash, Flex, 等 • 应用通常分解为逻辑块称为"层"，每一层都扮演一种
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
国家级精品课程 —Web技术应用基础
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
交换机 在网络 中起信 息交换 的作用
校园网子网 企业子网
校园网
电子商务网站
Internet
具有上网功能的手机
与Internet连 接的计算机被 称为主机
个人计算机
主机
卫星接收系统
企业网
路由器
交换机 网络
国家级精品课程 —Web技术应用基础
● Internet
Internet采用的主要技术：
采用TCP/IP协议，使网上各种不同的计算机进行通信。 通过路由器实现不同网络的互连。 提供了建立在TCP/IP协议基础之上的WWW（万维网） 浏览服务。 应用DNS域名解析系统完成网络计算机之间的地址解析 工作。
信息在何处： 如何显示：
URL
HTML文档
如何便捷访问： 超链接
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
2.电子邮件
发信人
收信人
发送 邮件
发送方邮 件服务器
接受方邮 件服务器
看信
发送 邮件缓存 邮件
客户信箱
协议 ：简单邮件传输协议SMTP
工作原理：存储转发方式
国家级精品课程 —Web技术应用基础
国家级精品课程 —Web技术应用基础
●互联网
网络和网络通过路由器互联起来，构成互联网
计算机网络
计算机网络
路由器：能够把使用不同技术的 网络互连起来。 作用：将网络互连且执行路由
互联网
因特网：是世界上最大、最开放的、覆盖全球的
互联网
国家级精品课程 —Web技术应用基础
● Internet
Internet是一个把世界范围内的众多计算机、人、数据库、 软件和文件连接在一起的，通过一个共同的通信协议(TCP/IP) 相互会话的网络。它把多个网络连接起来，是“网络的网络”。
分类：根据所使用的用户账户不同，可将FTP服务分为普 通FTP服务和匿名FTP服务两大类。
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
4.远程登录服务 主要作用 ： （1）允许用户与远程计算机上运行的程序进行交互 （2）可以执行远程计算机上的任何应用程序 协议：远程登录协议 （Telnet协议）
国家级精品课程 —Web技术应用基础
Web的工作方式
R
国家级精品课程 —Web技术应用基础
国家级精品课程 —《Web技术应用基础》
Internet基础知识
Internet基础知识
● 计算机网络
● 互联网
● Internet ● Internet提供的基本服务
国家级精品课程 —Web技术应用基础
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
5.信息检索 6.电子公告牌 7.网络新闻 8.网上电话与网上视频服务 9.电子商务(E-Commerce) 10.电子政务（Ｅ-Govement） 11.网络教育 12.网络金融服务
国家级精品课程 —Web技术应用基础
● IP地址、域名、 URL
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
1.WWW服务
Wide Web）又称为Web或万维网,是Internet 提供的一项最重要的服务，其主要功能是信息发 布和信息检索。它是一个运行在Internet上的、 全球性的分布式信息发布系统。
Web站点是信息的存储与发布地，网上众多站 点的信息形成海量信息，供网络用户检索使用。
国家级精品课程 —Web技术应用基础
课程背景
在信息技术发达的今天，我们每一个人都遨游在互 联网的汪洋大海中，网上购物、网上办公、在线理 财、在线学习考试、在线查询资料等等，这些网络 应用已经成为我们生活中必不可少的一部分。而这 些网络服务实现的基础就是Web技术的应用。 上述服务的实现以及Web技术可以通过Web的工 作方式反应出来，以网络查阅图书为例。
● Internet提供的基本服务
3.文件传输服务
文件传输服务协议 （FTP协议）是世界上使用最广泛的协 议之一。在Internet上使用FTP协议可使网上任意两台计算机 间互传文件和信息。
FTP的主要功能： • 把本地计算机上的文件上传（upload）到远程计算机； • 从远程计算机向本地计算机下载（download）文件.
信息的类型有文本、图形、图像、声音、视频等， 故Web又称分布式超媒体系统。
国家级精品课程 —Web技术应用基础
● Web信息检索的过程
万维网站点2
万维网：全球性、分 布式信息发布系统
链接1 万维网站点1
链接2 链接4
万维网站点3
链接3 万维网站点n
国家级精品课程 —Web技术应用基础
什么方法： HTTP协议
● IP地址的表示方法
IPv4地址采用“点分十进制”表示法。 按照TCP/IP协议规定，IP地址用二进制来表示，每个IP 地 例如：一个采用二进制形式的IP地址是“1110101000”， 为了方便记忆和使用，IP地址经常被写成十进制的形式， 中间使用符号“.”分开不同的字节。
计算机网络 ●
Web环境
通过通信线路和通信设备，将分布在不同地理位置、 具有独立功能的计算机系统连接起来，在网络协议 和网络管理软件的支持下，实现彼此之间数据通信 和资源共享的系统。
计算机网络为网络用户提供了两个主要功能：
连通和共享
连通功能共把享网功上能计使上算网用户可 机连接起以来使，用使网人上所们有公享资 可了以地交域换的源软、信遥件游，息远、戏例，。如硬等忘信件等、息记娱、乐文节档、目
在因特网上与其他用户通信或查找资源，先要找 到用户或资源所在的主机，然后才可以进行通信 或查询存储于该主机上的资源。 在因特网上使用IP地址或域名标识网上的主机或 者设备，使用URL来定位网上的资源。
国家级精品课程 —Web技术应用基础
● IP地址
Internet是网络的网络，连接了海量主机（或设 备），为了识别网上主机（或设备），人们为每 台主机（或设备），分配了一个在Internet唯一 的32位的二进制数，即主机的IP地址。
国家级精品课程 —《Web技术应用基础》
第1章 Web技术概述
本章主要内容
Web应用的基础知识和基本概念，主要包括计算 机网络、Internet、 Web基本概念， Web开发技 术和Web方式访问数据库技术等。 学习目标：
– 掌握Web开发的基本知识、主要技术和工作原理 – 理解Web开发常用架构，会画B/S三层结构图 – 熟练应用IP地址、域名和URL网上查找资源 – 理解JSP访问数据库技术
交换机 在网络 中起信 息交换 的作用
校园网子网 企业子网
校园网
电子商务网站
Internet
具有上网功能的手机
与Internet连 接的计算机被 称为主机
个人计算机
主机
卫星接收系统
企业网
路由器
交换机 网络
国家级精品课程 —Web技术应用基础
● Internet
Internet采用的主要技术：
采用TCP/IP协议，使网上各种不同的计算机进行通信。 通过路由器实现不同网络的互连。 提供了建立在TCP/IP协议基础之上的WWW（万维网） 浏览服务。 应用DNS域名解析系统完成网络计算机之间的地址解析 工作。
信息在何处： 如何显示：
URL
HTML文档
如何便捷访问： 超链接
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
2.电子邮件
发信人
收信人
发送 邮件
发送方邮 件服务器
接受方邮 件服务器
看信
发送 邮件缓存 邮件
客户信箱
协议 ：简单邮件传输协议SMTP
工作原理：存储转发方式
国家级精品课程 —Web技术应用基础
国家级精品课程 —Web技术应用基础
●互联网
网络和网络通过路由器互联起来，构成互联网
计算机网络
计算机网络
路由器：能够把使用不同技术的 网络互连起来。 作用：将网络互连且执行路由
互联网
因特网：是世界上最大、最开放的、覆盖全球的
互联网
国家级精品课程 —Web技术应用基础
● Internet
Internet是一个把世界范围内的众多计算机、人、数据库、 软件和文件连接在一起的，通过一个共同的通信协议(TCP/IP) 相互会话的网络。它把多个网络连接起来，是“网络的网络”。
分类：根据所使用的用户账户不同，可将FTP服务分为普 通FTP服务和匿名FTP服务两大类。
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
4.远程登录服务 主要作用 ： （1）允许用户与远程计算机上运行的程序进行交互 （2）可以执行远程计算机上的任何应用程序 协议：远程登录协议 （Telnet协议）
国家级精品课程 —Web技术应用基础
Web的工作方式
R
国家级精品课程 —Web技术应用基础
国家级精品课程 —《Web技术应用基础》
Internet基础知识
Internet基础知识
● 计算机网络
● 互联网
● Internet ● Internet提供的基本服务
国家级精品课程 —Web技术应用基础
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
5.信息检索 6.电子公告牌 7.网络新闻 8.网上电话与网上视频服务 9.电子商务(E-Commerce) 10.电子政务（Ｅ-Govement） 11.网络教育 12.网络金融服务
国家级精品课程 —Web技术应用基础
● IP地址、域名、 URL
国家级精品课程 —Web技术应用基础
● Internet提供的基本服务
1.WWW服务
Wide Web）又称为Web或万维网,是Internet 提供的一项最重要的服务，其主要功能是信息发 布和信息检索。它是一个运行在Internet上的、 全球性的分布式信息发布系统。
Web站点是信息的存储与发布地，网上众多站 点的信息形成海量信息，供网络用户检索使用。
国家级精品课程 —Web技术应用基础
课程背景
在信息技术发达的今天，我们每一个人都遨游在互 联网的汪洋大海中，网上购物、网上办公、在线理 财、在线学习考试、在线查询资料等等，这些网络 应用已经成为我们生活中必不可少的一部分。而这 些网络服务实现的基础就是Web技术的应用。 上述服务的实现以及Web技术可以通过Web的工 作方式反应出来，以网络查阅图书为例。
● Internet提供的基本服务
3.文件传输服务
文件传输服务协议 （FTP协议）是世界上使用最广泛的协 议之一。在Internet上使用FTP协议可使网上任意两台计算机 间互传文件和信息。
FTP的主要功能： • 把本地计算机上的文件上传（upload）到远程计算机； • 从远程计算机向本地计算机下载（download）文件.
信息的类型有文本、图形、图像、声音、视频等， 故Web又称分布式超媒体系统。
国家级精品课程 —Web技术应用基础
● Web信息检索的过程
万维网站点2
万维网：全球性、分 布式信息发布系统
链接1 万维网站点1
链接2 链接4
万维网站点3
链接3 万维网站点n
国家级精品课程 —Web技术应用基础
什么方法： HTTP协议