1-Web技术基础PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
9
xuepub.com
布局引擎和网络浏览器
• 基于Trident • Internet Explorer, 遨游, 等
• 基于Gecko • Firefox, 等
• 基于Blink • Chrome, Opera
• 基于WebKit • Old Chrome, Safari, 遨游, 等
• 基于Presto
• 网络浏览器：火狐Firefox/7.0.1
• 渲染（布局）引擎：Gecko/20100101
• 操作系统：64位 Windows 7
• WOW64 = Windows-On-Windows 64位
• Windows NT 6.1 = Windows 7
11
xuepub.com
硬件服务器
12
xuepub.com
硬件服务器
• 物理电脑（一个硬件系统）用来运行一个或多个服务
• 服务器托管在配置中心
• 服务器可以是：
Biblioteka Baidu
• 数据库服务器
• 文件服务器
• 邮件服务器
• 打印服务器
• VPS虚拟专用服务器
13
xuepub.com
网络服务器
Apache, IIS, nginx, lighttpd, 等
14
xuepub.com
6
xuepub.com
Web浏览器和布局引擎
7
xuepub.com
Web Browser网络浏览器
• 这种程序被设计为让用户从网上获取，检索和查看文 档及其他资源
• 主要职责： • 将信息资源带给用户（发出请求给网络服务器，处 理任何通过请求产生的结果） • 呈现网络内容（渲染HTML, CSS, JS） • 有能力在相一上下文中像查看文档一样处理应用 （Flash）
• SQL Server – SQL Server Management Studio • BT追踪器 – BT客户端(μTorrent) • DNS服务器(bind) – DNS客户端(resolver) • DHCP服务器(无线路由固件) – DHCP客户端(手机 /
安卓DHCP客户端/)
1-Web技术基础
概念
2015 Spring, xi'an
1
xuepub.com
本章内容
• 网站和网络应用
• Web 1.0 2.0 3.0
• 网络浏览器
• 硬件服务器
• 网络服务器
• 客户端服务器架构
• 3层/多层架构
• 面向服务的架构(SOA)
2
xuepub.com
Web站点和Web应用
3
xuepub.com
5
xuepub.com
Web Application网络应用
• 网站的下一个级别 • 高交互 • 高可访问性（Cloud云端） • AJAX, Silverlight, Flash, Flex, 等 • 应用通常分解为逻辑块称为"层"，每一层都扮演一种
角色 • 在网络浏览器中，类桌面的应用程序 • 在桌面的网络应用（Windows 8）
19
• ASP.NET消费服务
xuepub.com
客户端-服务器模型
服务器
xuepub.com
客户端 设备
移动 客户端
桌面
客户端
20
客户端-服务器模型 - 示例
• 网络服务器(Apache, IIS) – 网络浏览器 • FTP服务器 (ftpd) – FTP客户端 (FileZilla) • 邮件服务器(qmail) – 邮件客户端(Outlook)
• 客户端-服务器模型包括： • Server服务器 – 单一机器或机器集群，为多用户 提供了网络应用（或服务） • 示例： • 网络服务器运行PHP脚本或ASP.NET页面 • 基于IIS网络服务器 • 基于WCF服务 • 云端服务
18
xuepub.com
客户端-服务器架构
• 客户端-服务器模型包括： • Client客户端 – 软件应用，提供了用来访问服务 器端服务的UI（前端） • 示例： • 网络浏览器 • WPF应用 • HTML5应用 • Silverlight应用
• Apache
• 38.22 %
• IIS (by Microsoft)
• 32.80%
• nginx (by Igor Sysoev)
• 15.00%
• GWS (by Google)
• 2.30%
16
xuepub.com
客户端-服务器架构
经典客户端-服务器模型
17
xuepub.com
客户端-服务器C/S架构
8
xuepub.com
Layout Engine布局引擎
• 软件组件，在屏幕上综合显示格式化内容： • 标记的内容（如HTML, XML, 图像, 文件, 等） • 格式信息（如CSS, XSL等）
• 其在窗体（可在屏幕或打印机显示）的内容区上"绘 制"
• 典型嵌入在网络浏览器，邮件客户端，在线帮助系统 或其他需要显示（及编辑）网络内容的应用中
网络服务器做什么？
• 所有的物理服务器都有硬件 • 硬件被操作系统控制 • Web Server是软件产品，使用操作系统处理网络请
求 • 网络服务器服务于网络内容 • 这些请求依靠网络服务器上的设置 重定向到其他软 件产品（ASP.NET, PHP,等）
15
xuepub.com
2014二月网络服务器市场份额
Web Page网页
• 适合于WWW(World Wide Web)万维网的文档或信息 资源
• 能够通过Web浏览器访问并在显示器或移动设备上显 示
• 信息通常是HTML或XHTML格式，并且提供超文本链接 的导航到其他页面
• 网页经常引用其他资源，如样式表（CSS），脚本 （Javascript）和图像到最终呈现上
10
• Old Opera
xuepub.com
用户代理字符串
• 标识出网络浏览器和它们的版本
• 能够有一些如布局引擎每用户操作系统等的额外信息
• 示例：
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
4
xuepub.com
Web Site网站
• 相关网页的集合，包含了网络资源（网页，图像，视 频，CSS文件，JS文件和其他数字资源）
• 在网页间普通导航 • 网站至少建立在一个web server网络服务器上 • 通过Network网络能够访问（如互联网） • 所有公开访问的网站共同构成了WWW万维网
xuepub.com
布局引擎和网络浏览器
• 基于Trident • Internet Explorer, 遨游, 等
• 基于Gecko • Firefox, 等
• 基于Blink • Chrome, Opera
• 基于WebKit • Old Chrome, Safari, 遨游, 等
• 基于Presto
• 网络浏览器：火狐Firefox/7.0.1
• 渲染（布局）引擎：Gecko/20100101
• 操作系统：64位 Windows 7
• WOW64 = Windows-On-Windows 64位
• Windows NT 6.1 = Windows 7
11
xuepub.com
硬件服务器
12
xuepub.com
硬件服务器
• 物理电脑（一个硬件系统）用来运行一个或多个服务
• 服务器托管在配置中心
• 服务器可以是：
Biblioteka Baidu
• 数据库服务器
• 文件服务器
• 邮件服务器
• 打印服务器
• VPS虚拟专用服务器
13
xuepub.com
网络服务器
Apache, IIS, nginx, lighttpd, 等
14
xuepub.com
6
xuepub.com
Web浏览器和布局引擎
7
xuepub.com
Web Browser网络浏览器
• 这种程序被设计为让用户从网上获取，检索和查看文 档及其他资源
• 主要职责： • 将信息资源带给用户（发出请求给网络服务器，处 理任何通过请求产生的结果） • 呈现网络内容（渲染HTML, CSS, JS） • 有能力在相一上下文中像查看文档一样处理应用 （Flash）
• SQL Server – SQL Server Management Studio • BT追踪器 – BT客户端(μTorrent) • DNS服务器(bind) – DNS客户端(resolver) • DHCP服务器(无线路由固件) – DHCP客户端(手机 /
安卓DHCP客户端/)
1-Web技术基础
概念
2015 Spring, xi'an
1
xuepub.com
本章内容
• 网站和网络应用
• Web 1.0 2.0 3.0
• 网络浏览器
• 硬件服务器
• 网络服务器
• 客户端服务器架构
• 3层/多层架构
• 面向服务的架构(SOA)
2
xuepub.com
Web站点和Web应用
3
xuepub.com
5
xuepub.com
Web Application网络应用
• 网站的下一个级别 • 高交互 • 高可访问性（Cloud云端） • AJAX, Silverlight, Flash, Flex, 等 • 应用通常分解为逻辑块称为"层"，每一层都扮演一种
角色 • 在网络浏览器中，类桌面的应用程序 • 在桌面的网络应用（Windows 8）
19
• ASP.NET消费服务
xuepub.com
客户端-服务器模型
服务器
xuepub.com
客户端 设备
移动 客户端
桌面
客户端
20
客户端-服务器模型 - 示例
• 网络服务器(Apache, IIS) – 网络浏览器 • FTP服务器 (ftpd) – FTP客户端 (FileZilla) • 邮件服务器(qmail) – 邮件客户端(Outlook)
• 客户端-服务器模型包括： • Server服务器 – 单一机器或机器集群，为多用户 提供了网络应用（或服务） • 示例： • 网络服务器运行PHP脚本或ASP.NET页面 • 基于IIS网络服务器 • 基于WCF服务 • 云端服务
18
xuepub.com
客户端-服务器架构
• 客户端-服务器模型包括： • Client客户端 – 软件应用，提供了用来访问服务 器端服务的UI（前端） • 示例： • 网络浏览器 • WPF应用 • HTML5应用 • Silverlight应用
• Apache
• 38.22 %
• IIS (by Microsoft)
• 32.80%
• nginx (by Igor Sysoev)
• 15.00%
• GWS (by Google)
• 2.30%
16
xuepub.com
客户端-服务器架构
经典客户端-服务器模型
17
xuepub.com
客户端-服务器C/S架构
8
xuepub.com
Layout Engine布局引擎
• 软件组件，在屏幕上综合显示格式化内容： • 标记的内容（如HTML, XML, 图像, 文件, 等） • 格式信息（如CSS, XSL等）
• 其在窗体（可在屏幕或打印机显示）的内容区上"绘 制"
• 典型嵌入在网络浏览器，邮件客户端，在线帮助系统 或其他需要显示（及编辑）网络内容的应用中
网络服务器做什么？
• 所有的物理服务器都有硬件 • 硬件被操作系统控制 • Web Server是软件产品，使用操作系统处理网络请
求 • 网络服务器服务于网络内容 • 这些请求依靠网络服务器上的设置 重定向到其他软 件产品（ASP.NET, PHP,等）
15
xuepub.com
2014二月网络服务器市场份额
Web Page网页
• 适合于WWW(World Wide Web)万维网的文档或信息 资源
• 能够通过Web浏览器访问并在显示器或移动设备上显 示
• 信息通常是HTML或XHTML格式，并且提供超文本链接 的导航到其他页面
• 网页经常引用其他资源，如样式表（CSS），脚本 （Javascript）和图像到最终呈现上
10
• Old Opera
xuepub.com
用户代理字符串
• 标识出网络浏览器和它们的版本
• 能够有一些如布局引擎每用户操作系统等的额外信息
• 示例：
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
4
xuepub.com
Web Site网站
• 相关网页的集合，包含了网络资源（网页，图像，视 频，CSS文件，JS文件和其他数字资源）
• 在网页间普通导航 • 网站至少建立在一个web server网络服务器上 • 通过Network网络能够访问（如互联网） • 所有公开访问的网站共同构成了WWW万维网