《HTML5移动Web开发（第2版）》全套教学课件.pptx

《HTML5移动Web开发（第2版）第1章初识移动Web开发第2章HTML5新特性第3章移动端页面布局和常用事件第4章跨平台移动Web技术第5章Bootstrap响应式移动Web开发第6章Boostrap常用组件第7章Bootstrap常用样式第8章综合项目——黑马财富全套可编辑PPT课件

第1章初识移动Web开发《HTML5移动Web开发（第2版）》

学习目标/Target了解移动互联网的发展状况，能够说出移动互联网发展的4个阶段熟悉移动Web开发的3种方式，能够说出移动Web、NativeApp、HybridApp的特点了解移动Web开发，能够说出移动Web开发与PC端Web开发的区别熟悉移动端的Web浏览器，能够说出常用的移动Web浏览器掌握VisualStudioCode编辑器的使用，能够独立完成编辑器的安装和设置

章节概述/Summary移动互联网是移动通信和互联网的结合体，它的发展给人们的生活带来了巨大的变化，用户可以通过手机、平板计算机等可移动数据终端与互联网连接，从而获得互联网中的海量资讯。本章将从移动互联网的发展入手，结合现实生活中常用的移动应用，让读者对移动Web开发有一个初步的了解，然后讲解移动端开发的常见方式以及移动端的Web浏览器，让读者对移动Web开发有进一步的了解，最后讲解VisualStudioCode编辑器的使用，为后面案例代码的编写打下基础。

目录/Contents010203移动互联网的发展移动端开发的常见方式移动Web开发概述0405移动端的Web浏览器VisualStudioCode编辑器

移动互联网的发展1.1

先定一个小目标！了解移动互联网的发展状况，能够说出移动互联网发展的4个阶段1.1移动互联网的发展

1.1移动互联网的发展在互联网发展的同时，移动互联网也呈现出爆发式的增长，根据CNNIC（中国互联网络信息中心）发布的第47次《中国互联网络发展状况统计报告》可知，截至2020年12月，我国网民规模达9.89亿，较2020年3月增长8540万，互联网普及率达70.4%。随着移动通信网络环境的不断完善，以及智能手机的进一步普及，移动互联网应用向用户各类生活需求深入渗透，促进手机上网使用率增长，增长势头强劲。移动互联网发展背景

移动互联网结合日常生活移动互联网已经与人们的生活息息相关。用户可以通过手机、平板计算机等终端设备接入移动应用，与互联网连接，从而在互联网上获取海量信息。例如，通过手机上的浏览器访问购物、医疗、旅游等移动应用程序。1.1移动互联网的发展

移动互联网发展的4个阶段1.1移动互联网的发展第一阶段是中国移动互联网的起步阶段。2000年11月10日，中国移动推出“移动梦网计划”，打造开放、合作、共赢的产业价值链。2002年5月17日，中国电信在广州启动“互联星空”计划，标志着ISP和ICP开始联合打造宽带互联网产业。2002年5月17日，中国移动率先在全国范围内正式推出GPRS业务。第二阶段是无线应用协议（WAP）广泛应用阶段。WAP于1998年初公布，1999-2000年，无线接入服务正式进入商用领域，WAP广为人知，成为各行业关注的重点。WAP是一项全球性的网络通信协议，它使移动互联网有了一个通行的标准，其目标是将互联网丰富的信息和先进的业务引入手机等无线终端。用户主要在移动互联网上看新闻、读小说、听音乐，开始进入以内容为主的移动互联网时代。第一阶段2000-2002第二阶段2003-2005

移动互联网发展的4个阶段1.1移动互联网的发展第三阶段是互动娱乐的移动互联网阶段。中国移动互联网除了内容之外，开始有了一些功能性的应用，如手机QQ、手机有哪些信誉好的足球投注网站、手机流媒体、手机游戏等，作为传统互联网的补充，移动互联网占据了用户大量的碎片时间。第四阶段是移动互联网产品广泛应用阶段。随着3G、4G和5G网络的应用，移动应用在手机上得到了广泛的使用，一些新名词开始出现，如SoLoMoCo指Social（社交的）、Local（本地的）、Mobile（移动的）、Commerce（商务化）。这个阶段，移动互联网产品得到进一步发展和重视，大部分互联网公司都会设立专门的移动终端部门，负责公司产品在移动终端的战略布局和发展。第三阶段2006-2008第四阶段2009年至今

移动端开发的常见方式1.2

先定一个小目标！熟悉移动端开发的3种常见方式，能够说出移动Web、NativeApp、HybridApp的特点1.2移动端开发的常见方式

目前市场上主流的移动端开发方式有3种。1.2移动端开发的常见方式移动Web开发：编写运行在移动Web浏览器中的Web应用，通常是通过单独制作移动Web页面或制作