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

《HTML5移动Web开发（第2版）》;第1章初识移动Web开发;学习目标/Target;章节概述/Summary;目录/Contents;移动互联网的发展;先定一个小目标！;1.1移动互联网的发展;移动互联网结合日常生活

移动互联网已经与人们的生活息息相关。用户可以通过手机、平板计算机等终端设备接入移动应用，与互联网连接，从而在互联网上获取海量信息。例如，通过手机上的浏览器访问购物、医疗、旅游等移动应用程序。;移动互联网发展的4个阶段;移动互联网发展的4个阶段;移动端开发的常见方式;先定一个小目标！;目前市场上主流的移动端开发方式有3种。

移动Web开发：编写运行在移动Web浏览器中的Web应用，通常是通过单独制作移动Web页面或制作响应式页面同时兼容PC端和移动端的方式实现。

NativeApp开发：编写运行在本地操作系统上（如iOS、Android）的应用程序，交互性强。一般使用的开发语言是Java、C++、Objective-C等。

HybridApp开发：通过原生应用搭建App的外部容器，并使用HTML5、CSS3、Javascript等移动Web技术编写移动Web页面，将移动Web页面封装在外部容器中，以App的形式与用户交互。;3种开发方式的区别;移动Web开发概述;先定一个小目标！;移动Web开发现状

随着智能手机、平板计算机等移动设备的普及以及硬件设备的完善，移动Web浏览器对新技术的支持日益加大，移动Web开发的用户体验和网站性能也得到了逐步的提高，这些都极大地促进了移动Web技术的发展。;1.3移动Web开发概述;移动端的Web浏览器;先定一个小目标！;1.4移动端的Web浏览器;对比移动端网页和PC端网页。;1.4移动端的Web浏览器;VisualStudioCode编辑器;先定一个小目标！;1.5.1VisualStudioCode概述;1.5.1VisualStudioCode概述;先定一个小目标！;1.5.2下载和安装VisualStudioCode;1.5.2下载和安装VisualStudioCode;1.5.2下载和安装VisualStudioCode;1.5.2下载和安装VisualStudioCode;1.5.2下载和安装VisualStudioCode;1.5.2下载和安装VisualStudioCode;先定一个小目标！;1.5.3安装常用扩展

安装Chinese扩展;1.5.3安装常用扩展

安装LiveServer扩展;”;先定一个小目标！;1.5.4使用VisualStudioCode;1.5.4使用VisualStudioCode;演示在VisualStudioCode中如何编写代码

在C:\code\chapter01\demo01.html文件中，编写代码。;完成代码编写后，VisualStudioCode编辑器中的代码展示界面。;测试网页程序

通过LiveServer扩展运行demo01.html程序，在代码编辑区域任意位置右击鼠标，在弹出的菜单中选择“OpenwithLiveServer”。;demo01.html文件运行结果：;本章小结;THEEND;第2章HTML5新特性;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;目录/Contents;WebStorage;2.1WebStorage;先定一个小目标！;2.1.1WebStorage的概念;2.1.1WebStorage的概念;2.1.1WebStorage的概念;2.1.1WebStorage的概念;先定一个小目标！;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;2.1.2localStorage;先定一个小目标！;2.1.3sessionstorage;2.1.3sessionstorage;2.1.3sessionstorage;2.1.3sessionstorage;2.1.3sessionstorage;2.1.3sessionstorage;2.1.3sessionstorage;先定一个小目标！;2.1.4Web