Web前端开发技术与实践 第1章:概述 阮晓龙 13938213680/ rxl@hactcmeducn http://web.51xueweb.cr 问南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9
Web前端开发技术与实践 第1章：概述 阮晓龙 13938213680 / rxl@hactcm.edu.cn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9 1
2 本章主要内容 Web基础 Web是如何工作的 口为什么要学习Web前端开发 米 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 Web基础 Web是如何工作的 为什么要学习Web前端开发 2
3 1Web基础 1.1基本概念 口Wveb直译是蜘蛛网和网的意思,现广泛译作网络、互联网等技 术领域。关于Web,常见的定乂描述方式主要有以下三种 定义一:表现形式 定义二:环球网 定义三:网页 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 Web直译是蜘蛛网和网的意思，现广泛译作网络、互联网等技 术领域。关于Web，常见的定义描述方式主要有以下三种。 定义一：表现形式 定义二：环球网 定义三：网页 3 1.1基本概念
4 1Web基础 1.1基本概念 口定义一:表现形式 超文本( Hyper Text) 口超文本,超级文本的简称。一种全局性的信息结构,它将文档中的不 同部分通过关键字建立链接,使信息得以用交互的方式进行搜索。 ■超媒体( UltraMedia) ¤超媒体,超级媒体的简称。超媒体是一种采用非线性网状结构对块状 多媒体信息(包括文本、图像、视频等)进行组织和管理的技术。 超文本传输协议( HyperText Transfer Protocol,HTP) 口超文本传输协议,用于Web服务器传输超文本到本地浏览器的传输协 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 定义一：表现形式 超文本（HyperText） 超文本，超级文本的简称。一种全局性的信息结构，它将文档中的不 同部分通过关键字建立链接，使信息得以用交互的方式进行搜索。 超媒体（UltraMedia） 超媒体，超级媒体的简称。超媒体是一种采用非线性网状结构对块状 多媒体信息（包括文本、图像、视频等）进行组织和管理的技术。 超文本传输协议（HyperText Transfer Protocol，HTTP） 超文本传输协议，用于Web服务器传输超文本到本地浏览器的传输协 议。 4 1.1基本概念
1Web基础 1.1基本概念 口定义二:环球网 ■Web又引申为“环球网”,在不同的领域,有不同的含义。 ■对普通的用户来讲,Web仅仅是互联网的使用环境、氛围、内容等。 ■对网站制作、设计、开发工程师来讲,它是一系列技术的复合总称 (网站的前端开发、后台程序、美工、数据库等技术概括性的总 称)。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 定义二：环球网 Web又引申为“环球网”，在不同的领域，有不同的含义。 对普通的用户来讲，Web仅仅是互联网的使用环境、氛围、内容等。 对网站制作、设计、开发工程师来讲，它是一系列技术的复合总称 （网站的前端开发、后台程序、美工、数据库等技术概括性的总 称）。 5 1.1基本概念
1Web基础 1.1基本概念 口定义三:网页 网页,是网站中的一个页面,通常是HTML( Hyper Text Markup Language)格式(文件扩展名 为html、htm、asp、asp、php、jsp等),使用图像文档来提 供图画。需要透过浏览器来进行阅读。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 定义三：网页 网页，是网站中的一个页面，通常是HTML（HyperText Markup Language）格式（文件扩展名 为.html、.htm、.asp、.aspx、.php、.jsp等），使用图像文档来提 供图画。需要透过浏览器来进行阅读。 6 1.1基本概念
1Web基础 1.2 Internet a Internet定义 Internet是在全球范围,由采用TCP/P协议族的众多计算机网相互 连接而成的最大的开放式计算机网络,是世界范围内网络和网关的 集合体,使用通用的TCPP协议簇进行相互通信,是一个开放的 网络系统。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 Internet定义 Internet是在全球范围，由采用TCP/IP协议族的众多计算机网相互 连接而成的最大的开放式计算机网络，是世界范围内网络和网关的 集合体，使用通用的TCP/IP协议簇进行相互通信，是一个开放的 网络系统。 7 1.2 Internet
8 1Web基础 1.2 Internet a Internet起源 ■ Internet是全球最大的计算机网络,起源于美国国防部高级研究计 划局 DARPA( Defense advanced Research Projects Agency)建 立的用于支持军事硏究的计算机试验网 ARPAnet,该网于1969年 投入使用。 从60年代开始,ARPA就开始向美国国内大学的计算机系和一些私 人有限公司提供经费,以促进基于分组交换技术的计算机网络的硏 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 Internet起源 Internet是全球最大的计算机网络，起源于美国国防部高级研究计 划局DARPA（Defense advanced Research Projects Agency）建 立的用于支持军事研究的计算机试验网ARPAnet，该网于1969年 投入使用。 从60年代开始，ARPA就开始向美国国内大学的计算机系和一些私 人有限公司提供经费，以促进基于分组交换技术的计算机网络的研 究。 8 1.2 Internet
9 1Web基础 1.2 Internet Internet在中国 截至2015年6月,中国网民规模达6.68亿,半年共计新增网民1894 万人。互联网普及率为488%,较2014年底提升了0.9个百分点 中国网民规模和互联网普及率 7500362%383%39%421%441%458%469%479%488%50% 500485005131053760564059056617586320064875607940% 20% 25000 201162011.122012620121220136 62014.1220156 网民数互联网普及率 来源:cN中国互联网络发展状况统计调查 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 Internet在中国 截至2015年6月，中国网民规模达6.68亿，半年共计新增网民1894 万人。互联网普及率为48.8%，较2014年底提升了0.9个百分点。 9 1.2 Internet
10 1Web基础 1.2 Internet 截至2015年6月,中国手机网民规模达5.94亿,较2014年底增加 3679万人。网民中使用手机上网人群占比由2014年底的858%提 升至88.9%。 万人 中国手机网民规模及其占网民比例 75000 60000 65%693%72%745%785%810%834%858%889%100% 5935780% 46378500 52705 317683593882541s 30000 500 20%6 20116201112201262012122013620131220146201412201560% 手机网民规模 一手机网民占整体网民比例 来源:NC中国互联网络发展状况统计调查 2015.6 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.Web基础 截至2015年6月，中国手机网民规模达5.94亿，较2014年底增加 3679万人。网民中使用手机上网人群占比由2014年底的85.8%提 升至88.9% 。 10 1.2 Internet