智能手机Web应用开发第1课
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
智能手机Web应用开发 第一课
陆海澎
WAP
无线应用协议，是一项全球性的网络通信协议。它使 移动Internet有了一个通行的标准，其目标是将Internet的丰 富信息及先进的业务引入到移动电话等无线终端之中。
无线应用协议定义可通用的平台，把Internet网上 HTML（标准通用标记语言SGML下的一个应用）的信息转 换成用WML（Wireless Markup Language)描述的信息，显 示在移动电话的显示屏上。WAP只要求移动电话和WAP代 理服务器的支持，而不要求现有的移动通信网络协议做任何 的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G 等多种网络。
万维网的核心语言、标准通用标记语言下的一个应用 超文本标记语言（HTML）的第五次重大修改。 2014年10月29日，万维网联盟宣布，经过接近8年的 艰苦努力，该标准规范终于制定完成。
移动Web
Web（World Wide Web）即全球广域网，也称为万 维网，它是一种基于超文本和HTTP的、全球性的、动态交 互的、跨平台的分布式图形信息系统。是建立在Internet上的 一种网络服务，为浏览者在Internet上查找和浏览信息提供了 图形化的、易于访问的直观界面，其中的文档及超级链接将 Internet上的信息节点组织成一个互为关联的网状结构。
jQTouch
jQuery Mobile力求提供在众多移动设备上兼容的功能; 而jQTouch项目而是将大部分精力投入到了支持基于WebKit 的浏览器(Chrome和Safari)的设备上。因而，jQTouch应该 与旨在部署到iPhone和安卓设备上的Web应用程序结合使用。 支持针对WebKit而优化的动画以及旨在与移动设备的式样融 为一体的多个主题。
jQuery Mobile
处理跨浏览器的HTML和CSS不一致问题一直让许多 开发人员颇为苦恼。而Ajax的出现更是加剧了这些问题，因 为开发人员现在要处理新的问题：无数与JavaScript有关的 浏览器不兼容问题和异常现象。后来出现了jQuery：由于可 以对基本的JavaScript任务进行强大的抽象处理，jQuery大 大减轻了编写复杂的跨浏览器代码方面的压力。 移动应用开发人员面临可能更艰巨的挑战，这不仅是 由于要处理各种各样的移动浏览器不兼容问题，还由于需要 设计合理布局，以便适合移动设备所固有的各种外观尺寸和 有限资源。这时候，jQuery Mobile应运而生，它自诩是“一 种针对触摸而优化的Web框架，面向智能手机和平板电脑”， 可以充分发挥jQuery和jQuery UI。
HTML
超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至 音乐、程序等非文字元素。 超文本标百度文库语言的结构包括“头”部分（英语： Head）、和“主体”部分（英语：Body），其中“头”部 提供关于网页的信息，“主体”部分提供网页的具体内容。
HTML5
jQuery Mobile
jQuery Mobile是jQuery 框架的一个组件（而非jquery 的移动版本）。jQuery Mobile 不仅会给主流移动平台带来 jQuery核心库，而且会发布一个完整统一的jQuery移动UI框 架。支持全球主流的移动平台。移动Web太需要一个跨浏览 器的框架，让开发人员开发出真正的移动Web网站。 移动Web三个框架：jQuery Mobile、jQTouch、 Sencha Touch。
Sencha Touch
较之与jQuery Mobile和jQTouch，Sencha Touch学起 来难度相对比较复杂，不过有弊也有利：虽然比较复杂，但 是带来了强大的功能。作为Sencha公司的一款双许可证(商 业版和GPL/FLOSS版)产品，Sencha Touch采用了与上述的 几种移动开发框架全然不同的方法，原因在于布局和界面窗 口组件是使用出色的JavaScript库构建而成的，而该 JavaScript库恰好拥有丰富的实用特性，比如离线支持、独 特布局和轻松制作主题的功能。
HTML网页文档的结构
HTML文档就是对一个文档的描述，都有一个固定的结构，分为 许多个部分，每个部分都包含了一个或者多个元素。有些元素用于描述 文档的基本信息，有些则描述文档结构。 DOCTYPE元素可以省略，大多数浏览器仍能正确显示文档内容， 不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情： 1）它处理的是HTML文档； 2）用来标记文档内容的HTML所属的版本，上面的写法就表明 所用的是HTML5。 html元素是根元素，它表明文档中HTML部分的开始。lang属性 指定页面内容的默认语言，例如：en表示英语，es表示西班牙语，等。 head元素包含文档的元数据，向浏览器提供有关文档内容和标 记的信息，还可以包含脚本和对外部资源（比如CSS样式表）的引用。 body元素，文档body部分包含访问者可以看到的内容。
陆海澎
WAP
无线应用协议，是一项全球性的网络通信协议。它使 移动Internet有了一个通行的标准，其目标是将Internet的丰 富信息及先进的业务引入到移动电话等无线终端之中。
无线应用协议定义可通用的平台，把Internet网上 HTML（标准通用标记语言SGML下的一个应用）的信息转 换成用WML（Wireless Markup Language)描述的信息，显 示在移动电话的显示屏上。WAP只要求移动电话和WAP代 理服务器的支持，而不要求现有的移动通信网络协议做任何 的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G 等多种网络。
万维网的核心语言、标准通用标记语言下的一个应用 超文本标记语言（HTML）的第五次重大修改。 2014年10月29日，万维网联盟宣布，经过接近8年的 艰苦努力，该标准规范终于制定完成。
移动Web
Web（World Wide Web）即全球广域网，也称为万 维网，它是一种基于超文本和HTTP的、全球性的、动态交 互的、跨平台的分布式图形信息系统。是建立在Internet上的 一种网络服务，为浏览者在Internet上查找和浏览信息提供了 图形化的、易于访问的直观界面，其中的文档及超级链接将 Internet上的信息节点组织成一个互为关联的网状结构。
jQTouch
jQuery Mobile力求提供在众多移动设备上兼容的功能; 而jQTouch项目而是将大部分精力投入到了支持基于WebKit 的浏览器(Chrome和Safari)的设备上。因而，jQTouch应该 与旨在部署到iPhone和安卓设备上的Web应用程序结合使用。 支持针对WebKit而优化的动画以及旨在与移动设备的式样融 为一体的多个主题。
jQuery Mobile
处理跨浏览器的HTML和CSS不一致问题一直让许多 开发人员颇为苦恼。而Ajax的出现更是加剧了这些问题，因 为开发人员现在要处理新的问题：无数与JavaScript有关的 浏览器不兼容问题和异常现象。后来出现了jQuery：由于可 以对基本的JavaScript任务进行强大的抽象处理，jQuery大 大减轻了编写复杂的跨浏览器代码方面的压力。 移动应用开发人员面临可能更艰巨的挑战，这不仅是 由于要处理各种各样的移动浏览器不兼容问题，还由于需要 设计合理布局，以便适合移动设备所固有的各种外观尺寸和 有限资源。这时候，jQuery Mobile应运而生，它自诩是“一 种针对触摸而优化的Web框架，面向智能手机和平板电脑”， 可以充分发挥jQuery和jQuery UI。
HTML
超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至 音乐、程序等非文字元素。 超文本标百度文库语言的结构包括“头”部分（英语： Head）、和“主体”部分（英语：Body），其中“头”部 提供关于网页的信息，“主体”部分提供网页的具体内容。
HTML5
jQuery Mobile
jQuery Mobile是jQuery 框架的一个组件（而非jquery 的移动版本）。jQuery Mobile 不仅会给主流移动平台带来 jQuery核心库，而且会发布一个完整统一的jQuery移动UI框 架。支持全球主流的移动平台。移动Web太需要一个跨浏览 器的框架，让开发人员开发出真正的移动Web网站。 移动Web三个框架：jQuery Mobile、jQTouch、 Sencha Touch。
Sencha Touch
较之与jQuery Mobile和jQTouch，Sencha Touch学起 来难度相对比较复杂，不过有弊也有利：虽然比较复杂，但 是带来了强大的功能。作为Sencha公司的一款双许可证(商 业版和GPL/FLOSS版)产品，Sencha Touch采用了与上述的 几种移动开发框架全然不同的方法，原因在于布局和界面窗 口组件是使用出色的JavaScript库构建而成的，而该 JavaScript库恰好拥有丰富的实用特性，比如离线支持、独 特布局和轻松制作主题的功能。
HTML网页文档的结构
HTML文档就是对一个文档的描述，都有一个固定的结构，分为 许多个部分，每个部分都包含了一个或者多个元素。有些元素用于描述 文档的基本信息，有些则描述文档结构。 DOCTYPE元素可以省略，大多数浏览器仍能正确显示文档内容， 不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情： 1）它处理的是HTML文档； 2）用来标记文档内容的HTML所属的版本，上面的写法就表明 所用的是HTML5。 html元素是根元素，它表明文档中HTML部分的开始。lang属性 指定页面内容的默认语言，例如：en表示英语，es表示西班牙语，等。 head元素包含文档的元数据，向浏览器提供有关文档内容和标 记的信息，还可以包含脚本和对外部资源（比如CSS样式表）的引用。 body元素，文档body部分包含访问者可以看到的内容。