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, 等 • 应用通常分解为逻辑块称为"层"，每一层都扮演一种
第01章 web应用基础.
1.1.1 HTML的基本概念
客户/服务器工作方式Client/Server 页面Page 统一资源定位符URL 超文本传输协议HTTP 超文本标记语言HTML
《Web应用开发技术》
2019/2/26
最简单的HTML文档 <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> This is my first page. </body> </html> 说明： <html>和</html> 开始结束标记 <head>和</head> 头信息，不被显示 <title>和</title> 文档标题，显示在标题栏 <body>和</body> 文档正文，显示在浏览器中
当需要结束一行，但又不想开始新段落时， 使用<br>标签。
<p>这又是一段，<brቤተ መጻሕፍቲ ባይዱ 但有一个换行。</p>
<br>标签不需要结束标签，它出现在哪里， 就在哪里换行。很多页面设计者更倾向于不使用 段落标签，而直接将内容放在<body>标签之间， 用<br>强制换行来形成段落，如：
内容不一定非要在段落中，<br> 只要用<br>换行就行了。
《Web应用开发技术》
2019/2/26
1.1.2 HTML元素
HTML标签用来组成HTML元素，是一些由两个尖 括号 “<”和“>”括起来的预定义标记。
第一章Web技术基础精品PPT课件
高等教育“十一五”国家级规划教材 计算机技术基础
第 1 章 Web技术基础 Part B
使用Apache和Tomcat
计算机网络原理、技术及应用
1.7 使用Apache和Tomcat
Apache与Tomcat
Apache和Tomcat的关系 Apache的安装和配置 Tomcat服务与Servlet/JSP规范 Java运行环境的安装和配置 Tomcat的安装和配置 建立并部署Web应用 使用虚拟目录
操作：
在默认情况下，Java的安 装目录为c:\ Program Files\java\jdk1.6.0_12。 为了下一步环境变量设置 的方便，通常需要修改默 认安装目录。单击“更改…” 按钮，修改Java安装目录， 例如，直接安装在 C:\Java目录下，即： C:\Java\jdk1.6.0_12\
Srevlet/JSP容器，为基于Java的服务器脚本程序提供编译和运 行环境
内置Apache的HTTP服务，对于静态页面的处理速度远不如 Apache
配置选择
Tomcat可单独使用，构建Web服务器。 为了提高Web系统的整体性能 ，应安装Apache服务器器。
计算机网络原理、技术及应用
计算机网络原理、技术及应用
Tomcat,JSP和Java的关系
Tomcat是当前使用最为广泛的Servlet/JSP应用 服务器，是servlet和jsp容器
JSP是HTML和Java程序的综合文档 运行JSP页面需要Java虚拟机
计算机网络原理、技术及应用
Java运行环境
Java运行环境的构成
单击“完成”按钮， 结束Java的安装过 程。此时，在系统 盘中将看到安装 Java所创建的文件
第 1 章 Web技术基础 Part B
使用Apache和Tomcat
计算机网络原理、技术及应用
1.7 使用Apache和Tomcat
Apache与Tomcat
Apache和Tomcat的关系 Apache的安装和配置 Tomcat服务与Servlet/JSP规范 Java运行环境的安装和配置 Tomcat的安装和配置 建立并部署Web应用 使用虚拟目录
操作：
在默认情况下，Java的安 装目录为c:\ Program Files\java\jdk1.6.0_12。 为了下一步环境变量设置 的方便，通常需要修改默 认安装目录。单击“更改…” 按钮，修改Java安装目录， 例如，直接安装在 C:\Java目录下，即： C:\Java\jdk1.6.0_12\
Srevlet/JSP容器，为基于Java的服务器脚本程序提供编译和运 行环境
内置Apache的HTTP服务，对于静态页面的处理速度远不如 Apache
配置选择
Tomcat可单独使用，构建Web服务器。 为了提高Web系统的整体性能 ，应安装Apache服务器器。
计算机网络原理、技术及应用
计算机网络原理、技术及应用
Tomcat,JSP和Java的关系
Tomcat是当前使用最为广泛的Servlet/JSP应用 服务器，是servlet和jsp容器
JSP是HTML和Java程序的综合文档 运行JSP页面需要Java虚拟机
计算机网络原理、技术及应用
Java运行环境
Java运行环境的构成
单击“完成”按钮， 结束Java的安装过 程。此时，在系统 盘中将看到安装 Java所创建的文件
《Web技术基础》PPT课件
11
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种 不同的计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间 的地址解析工作
12
Web技术基础
Internet基本服务
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
14
Web技术基础
1.2.3 OSI参考模型 网络协议（Protocol) ：计算机之间的数据通信必须 遵守某种约定和规程，这些约定和规程就是网络通信 协议（翻译官）。协议三要素：
语法(syntax)：数据和控制信息的结构或格式 （“如何讲”） 语义(semantics)：需要发出何种控制信息，完成 何种动作和做出何种响应。 （“讲什么”） 时序(timing)：实体通信实现顺序的详细说明。 国际标准化组织(ISO)提出的“开放系统互连模型” 是计算机网络通信的基本协议。TCP/IP是Internet
16
Web技术基础
网络层次结构示意图
我们希望 退货
经理们 的想法
他们要退货
尊敬的John: 由于...方面
的原因
我们希望 退货
公司之间的 正规书信
尊敬的John: 由于...方面
的原因
我们希望 退货
FAX#...
尊敬的John: 由于...方面
的原因
我们希望 退货
利用信函、 传真等传 递的公文
FAX#...
Web技术基础
计算机系（图517） 李智敏
Web技术基础
课程性质：
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种 不同的计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间 的地址解析工作
12
Web技术基础
Internet基本服务
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
14
Web技术基础
1.2.3 OSI参考模型 网络协议（Protocol) ：计算机之间的数据通信必须 遵守某种约定和规程，这些约定和规程就是网络通信 协议（翻译官）。协议三要素：
语法(syntax)：数据和控制信息的结构或格式 （“如何讲”） 语义(semantics)：需要发出何种控制信息，完成 何种动作和做出何种响应。 （“讲什么”） 时序(timing)：实体通信实现顺序的详细说明。 国际标准化组织(ISO)提出的“开放系统互连模型” 是计算机网络通信的基本协议。TCP/IP是Internet
16
Web技术基础
网络层次结构示意图
我们希望 退货
经理们 的想法
他们要退货
尊敬的John: 由于...方面
的原因
我们希望 退货
公司之间的 正规书信
尊敬的John: 由于...方面
的原因
我们希望 退货
FAX#...
尊敬的John: 由于...方面
的原因
我们希望 退货
利用信函、 传真等传 递的公文
FAX#...
Web技术基础
计算机系（图517） 李智敏
Web技术基础
课程性质：
第1章Web开发相关技术精品PPT课件
任务4--C/S结构与B/S结构
C/S结构
C/S结构全称为Client/Server，即客户/服务器模式。C/S结构的系统分 为两个部分：客户机和服务器。应用程序也分为服务端程序和客户端 程序语言的风格类似于C语言，现在被很多的网站编程人员广泛的运用。
2020/10/29 A S P . N E T 2 . 0 程 序 设 计 案 例 教 程
2020/10/29 A S P . N E T 2 . 0 程 序 设 计 案 例 教 程
任务3--ASP/PHP /JSP与简介
JSP与
1．JSP JSP 即Java Server Pages，它是由Sun Microsystem公司于1999
年6月推出的新技术，JSP技术有点类似ASP技术，它是在传统的网页 HTML文件（*.htm,*.html）中插入Java程序段（JavaScript），从而形 成JSP文件(*.jsp) 2．
2020/10/29 A S P . N E T 2 . 0 程 序 设 计 案 例 教 程
任务4--C/S结构与B/S结构
C/S结构与B/S结构的比较
（１）支撑环境 C/S一般建立在专用的网络上, 小范围里的网络环境, 局域网之间再通 过专门服务器提供连接和数据交换服务；B/S 建立在广域网之上的, 不 必是专门的网络硬件环境，例与电话上网, 租用设备。信息自己管理， 有比C/S更强的适应范围, 一般只要有操作系统和浏览器就行。 （２）安全控制 C/S一般面向相对固定的用户群, 对信息安全的控制能力很强。一般高 度机密的信息系统采用C/S 结构适宜；B/S 建立在广域网之上, 对安全 的控制能力相对弱, 面向是不可知的用户群，可以通过B/S发布部分可 公开信息。 （３）程序架构 C/S 程序可以更加注重流程, 可以对权限多层次校验, 对系统运行速度 可以较少考虑；B/S 对安全以及访问速度的多重的考虑, 建立在需要更 加优化的基础之上，比C/S有更高的要求，B/S结构的程序架构是发展 的趋势。 Microsoft公司的.Net系列和SUN 和IBM推出的JavaBean 构 件技术将使 B/S更加成熟。
web基础学习课件..
知名端口
范围从0到1023，这些端口号一般固定分配给一些知名的公共服务。 21端口--FTP服务 25端口--SMTP服务 80端口--HTTP服务 135端口-RPC（远程过程调用）服务等
动态端口
2018/10/8
范围从1024到65535
14
1.4 Web相关技术(1)
优点
具有良好的开放性，利用单一的访问点，用户可以在任何地点 使用系统；用户可以跨平台以相同的浏览器界面访问系统；因 为在客户端只需要安装浏览器，基本上取消了客户端的维护工 作，有效的减少了整个系统的运行和维护成本。 跨越了局域网的限制，将应用分步到互联网
2018/10/8 6
1.2.2 Web的工作原理
单机运行与集中式计算模式 客户/服务器（C/S）计算模式 浏览器/服务器（B/S）计算模式
2018/10/8
16
单机运行与集中式计算模式
集中式计算
计算所需要的数据和程序都是集中在一台计算机上进行的，称为集 中式计算， 20世纪60、70年代 随着网络的发展，这种集中式计算往往形成一种由大型机和多个与 之相连的终端组成的网络结构，形成主机－终端计算机网络
JDK的构成
运行环境（即JRE）
核心API 集成API 用户界面API 发布技术 Java虚拟机(JVM)
开发环境（即JDK)
Java程序的编译器（即javac） 抽象窗口工具包AWT（Abstract Windowing Toolkit ），其他库不完整
2018/10/8 21
不足
它必须在客户端安装大量的应用程序（客户端软件），开发成本较高， 移植困难，用户界面风格不统一，使用繁杂，不利于推广使用，维护复 杂，升级麻烦，信息内容和形式单一，新技术不能轻易应用 用户必须在局域网中，对90年代蓬勃发展的互联网新技术不能适应
1-Web技术基础PPT课件
1-Web技术基础
概念
2015 Spring, xi'an
1
本章内容
• 网站和网络应用
• Web 1.0 2.0 3.0
• 网络浏览器
• 硬件服务器
• 网络服务器
• 客户端服务器架构
• 3层/多层架构
• 面向服务的架构(SOA)
2
Web站点和Web应用
3
10
• Old Opera
用户代理字符串
• 标识出网络浏览器和它们的版本
• 能够有一些如布局引擎每用户操作系统等的额外信息
• 示例：
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
网络服务器做什么？
• 所有的物理服务器都有硬件 • 硬件被操作系统控制 • Web Server是软件产品，使用操作系统处理网络请
求 • 网络服务器服务于网络内容 • 这些请求依靠网络服务器上的设置 重定向到其他软 件产品（, PHP,等）
15
2014二月网络服务器市场份额
• 客户端-服务器模型包括： • Server服务器 – 单一机器或机器集群，为多用户 提供了网络应用（或服务） • 示例： • 网络服务器运行PHP脚本或页面 • 基于IIS网络服务器 • 基于WCF服务 • 云端服务
18
客户端-服务器架构
• 客户端-服务器模型包括： • Client客户端 – 软件应用，提供了用来访问服务 器端服务的UI（前端） • 示例： • 网络浏览器 • WPF应用 • HTML5应用 • Silverlight应用
概念
2015 Spring, xi'an
1
本章内容
• 网站和网络应用
• Web 1.0 2.0 3.0
• 网络浏览器
• 硬件服务器
• 网络服务器
• 客户端服务器架构
• 3层/多层架构
• 面向服务的架构(SOA)
2
Web站点和Web应用
3
10
• Old Opera
用户代理字符串
• 标识出网络浏览器和它们的版本
• 能够有一些如布局引擎每用户操作系统等的额外信息
• 示例：
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
网络服务器做什么？
• 所有的物理服务器都有硬件 • 硬件被操作系统控制 • Web Server是软件产品，使用操作系统处理网络请
求 • 网络服务器服务于网络内容 • 这些请求依靠网络服务器上的设置 重定向到其他软 件产品（, PHP,等）
15
2014二月网络服务器市场份额
• 客户端-服务器模型包括： • Server服务器 – 单一机器或机器集群，为多用户 提供了网络应用（或服务） • 示例： • 网络服务器运行PHP脚本或页面 • 基于IIS网络服务器 • 基于WCF服务 • 云端服务
18
客户端-服务器架构
• 客户端-服务器模型包括： • Client客户端 – 软件应用，提供了用来访问服务 器端服务的UI（前端） • 示例： • 网络浏览器 • WPF应用 • HTML5应用 • Silverlight应用
第1章Web应用程序开发技术基础.ppt
三、演化模型
1. 什么是演化模型
它遵迭代的思想方法，使开发的软件在迭代过程中 逐步得到完善，一般适用于大型软件的开发。常见的 演化模型又有增量模型和螺旋模型两种。
2. 增量模型
(1) 基本思想：增量模型是瀑布模型的顺序特征与快 速原型法的迭代特征相结合的产物，该模型把软件看 作一系列相互联系的增量，每个增量是小而可运行的 程序，在开发过程的各次迭代中，每次完成一个增量。
②软件危机，使许多产业界人士认识到必须把软件生
产从个人化方式改变为工程化方式，从而导致了软件 工程的诞生。
二、软件工程
1. 软件工程的概念
软件工程的基本理念是“按工程的概念、原理、技 术和方法开发与维护计算机软件”。
“软件工程”一词，首先是1968年北大西洋公约组 织（NATO）在联邦德国召开的一次会议上提出的。
1.2.1 Web应用程序的含义 1.2.2 Web应用程序的特点
1.2.1 Web应用程序的含义
1.2.2 Web应用程序的特点
（1）基于HTTP （2）简单、统一的用户接口 （3）非对称、概率性的访问模式
1.3 Web应用程序的体系结构
1.3.1 2层体系结构 1.3.2 3层体系结构 1.3.3 4层体系结构
人们从不同的角度，给软件工程下过各种定义。但 是不论有多少种说法，它的中心思想，是把软件当作 一种工业产品，要求“采用工程化的原理与方法对软 件进行计划、开发和维护”。
软件工程的三个要素：方法、工具、过程
2. 软件工程的基本原则
软件工程围绕工程设计、工程支持以及工程管理， 提出了以下四条基本原则：
第1章 Web应用程序开发技术基础
1.1 Web发展历史 1.2 Web应用程序的基本概念 1.3 Web应用程序的体系结构 1.4 Web应用程序的工作环境 1.5 Web应用程序开发的技术内容 1.6 Web应用程序开发模型 1.7 Web应用程序开发的环境配置
第1章WEB的基础知识.ppt
网页的基本元素
1.2.2 网站及网站开发技术
WWW服务器上相互链接的一系列网页组成一 个网站。
从广义上说，网站由硬件与软件两大部分组 成。硬件主要是指服务器(计算机)，软件则 指操作系统、Web服务器软件和应用程序(包 括静态和动态网页文件以及数据库)等;从狭 义上说，网站指基于Web服务器的应用程序。
要使网页内容产生动态变化，必须通过编写程序代码来实现。在 HTML中嵌入程序代码，实现动态变化的网页称之为“动态网页”。动 态网页仍然以HTML语言为基础，由服务器端执行代码并将执行结果 转换为静态网页形式，传输到客户端，由客户端浏览器解释执行。
1.3.2 动态网页发展的几个阶段
（1） CGI阶段 CGI是英文Common Gateway Interface的缩写，代表服务器端的一
使用IE浏览器打开的清华大学网站首页
从本质上来说，浏览器是一个程序，它能够显示Web页面，也能 够捕捉住已显示页面上各个项目的鼠标单击事件。当一个项目被选中 时，浏览器跟随此超链接并将所选择的页面取回来。
网络中的每一个Web页面都有一个惟一的地址，这个地址称 为统一资源定位地址(Uniform Resource Locator )，缩写为URL.
第1章 Web基础知识
主讲：陈平
本章要点
◆ W作原理 ◆ 网页的基本元素 ◆ 网站及网站开发技术
1.1 Web概述
1.1.1 web的结构概述 1.1.2 web的工作原理 1.1.3 web的主要特点
1.1.1 Web的结构概述
WWW是World Wide Web的缩写，又称为3W或Web，中文译为 “万维网”。
在 Internet 上 实 现 Web 要 使 用 两 个 主 要构造模块。
第1章Web应用基础ppt课件-PPT精品文档
Web服务器
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
浏览器
浏览器是一个用于文档检索和显示的客户应
用程序，并通过超文本传输协议HTTP（ HyperText Transfer Protocol）与Web服 务器相连 常见的浏览器有：
IE Netscape Mozilla Firefox Opera 其他IE核心浏览器 ，如Maxthon 、
微软Web应用解决方案
Web应用
B/S和C/S结构定义
B/S和C/S的应用场景 Web应用的定义
Web应用相关技术发展历史
客户端技术的发展历史
服务器端技术的成熟与发展
客户端技术的发展历史
HTML的诞生
动态HTML的出现让Web应用变得多姿多彩 客户端脚本语言的产生让Web应用具有人机
交互能力 XML的迅速发展让网页具有信息自我描述的 能力
服务端技术的成熟与发展
静态信息的发布
CGI的诞生 多种服务端脚本技术的出现让服务端应用的
开发变得更轻松 XML的迅速发展催生了Web Service技术 Web 2.0让Web应用变得更精彩
Web浏览器和服务器
浏览器
演示和练习：使用ASP建立一个简 单的网页
多媒体演示
1.X
是运行在服务器端的编译后的CLR代码 利用提前绑定、即时编译、本地优化和缓
存服务来提高性能 在Visual Studio .NET的集成开发环境（IDE）中 ，框架由丰富的工具箱和设计器组成 由于是基于CLR的，因此整个.NET平台功 能强大且富有弹性，同样可以应用于Web应用程序 开发者 使常见工作的执行变得很容易，包括从简 单的表单提交、客户端验证，到部署和站点配置
微软Web应用解决方案
第1章Web技术ok-PPT精品文档
理解Ｗｅｂ
Web应用开发
1）Web是Internet提供的一种服务。 2）Web是一个巨大的信息宝库。 3）Web上的信息彼此关联。 4）Web上的信息保存在Web站点中。 5）Web简单易用。
7
什么是Web服务器？
Web应用开发
Web服务器又称WWW服务器、网站服务器、站点服 务器，就是将本地的信息用超文本（Hypertext）组织， 为用户在Internet上搜索和浏览信息提供服务。从本 质上来说Web服务器实际上就是一个软件系统。一台 计算机可以充当多个Web服务器，为提高用户的访问 效率，一般情况下一台计算机只充当一个Web服务器； 为提供大量用户的访问，多台计算机可以形成集群， 只提供一个Web服务。平常，我们将只充当一个Web 服务器的一台计算机就叫做Web服务器。
Web服务器
Web应用开发
负责处理客户端的HTTP请求并与主机 上的操作系统通信。
负责为用户提供所需要的网页，并对客 户端浏览器发来的请求作出响应。
Web应用开发
浏览器/服务器的工作过程
用户启动浏览器，并在浏览器中指定一个URL， 浏览器便向该URL所指向的Web服务器发出请求
Web服务器接到浏览器的请求后，把URL转换成 页面所在服务器上的文件路径名
HTTP Web服务器
Web浏览器
Web应用开发
Web浏览器浏览器是用来解释Web页面并完 成相应转换和显示的程序。 Web浏览器最基本的功能：
➢ 解释HTML文档； ➢ 运行并显示Java、ActiveX以及脚本语言等编
程语言创建的应用、程序、动画等；
1994年Netscape Navigator推出。 Microsoft从1995年开始推出Web浏览器：Internet Explorer。
Web技术基础介绍课件
Graphics、HP、Oracle、Toshiba、Netscape和Microsoft等大公司相继购买了Java的许可证。另外，
众多的软件开发商也开发了许多支持Java的软件产品。
•
在以网络为中心的计算时代，不支持HTML和Java，就意味着应用程序的应用范围只能限于同质的
环境。
•
Java的发展
的入口。
概念及术语（CONT3.）
• 统一资源定位器URL（Uniform Resource Locator）
• 信息资源类型：//网址：端口号/文件路径/文件名？参数表
• 网址 • 端口号 • 文件路径 • 文件名 • 参数表
概念及术语（CONT4.）
• 端口（port）
• 端口的分类
• 按协议类型划分，端口可以分为TCP、UDP、IP和ICMP（Internet控制消息协议） 等。其中TCP端口和UDP端口是最常见端口类型。
•
J2SE（Java2 Platform, Standard Edition），桌面
ห้องสมุดไป่ตู้
•
J2ME（Java 2 Platform, Micro Edition），嵌入式和移动计算
•
JDK3.0（JDK1.3) 2000年
•
JDK4.0（JDK1.4) 2002年
•
JDK5.0（JDK1.5) 2004年
• 客户端Web浏览器 • Web服务器 • 数据库服务器
• 互联网
• 优点
• 具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统； 用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装 浏览器，基本上取消了客户端的维护工作，有效的减少了整个系统的运行 和维护成本。
- 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协议