移动设备WEB重构迅雷课件

1、Mobile 2.0将电话，计算机网、固定网同移动网结合起来起来 的网络（IP多谋体系统）。环境-认识-不仅仅是电话-即点即连环境-认识-不仅仅是电话Mobile Web 2.0 -即点即做工具- Series 60 Developer ToolsS60第三版的官方模拟器 SDKS60第五版的官方模拟器 SDK电脑上的S60手机模拟器，支持S60运行sisx等所有程序！消耗PC内存比较大，建议在1G内存以上工具-Windows Mobile 6 SDKWindows Mobile 平台 调试工具要在PC端模拟上网，必须要在VISTA系统下才可以配置成功。工具-Opera mobile simu

2、latorOpera Widgets是一个小巧而功能强大的跨平台互联网套件，包括网页浏览、下载管理、邮件客户端、RSS阅读器、IRC聊天、新闻组阅读、快速笔记、幻灯显示（Operashow）等功能。工具- iBBDemo4B目前版本，PC系统需要安装Safari4以下的版本，才可以运行。工具-Firefox插件-XHTML Mobile Profile用它可以对访问的页面进行是否符合xhtml规范的检查。工具-建议建议用多个模拟器并行测试，但是也有可能会和真机测试有偏差，如果条件容许下，用真机测试是最好的。HTML标记语言移动设备对table,td支持比较差。结构-J2EE展示层WML-无线标

3、记语言事件：WAP最初的提出，HTML3.2多数复杂的格式在移动设备中无法工作。结构-J2EE展示层-WML phone! 显示结果如下： - phone- phone! 结构-J2EE展示层-WMLHTTP/HTML模式在每个HTTP循环中包括一个请求。WML可以通过页面进行“预获取”来加快相应速度。结构-J2EE展示层-WML-卡片组第1第2浏览器发出请求第3，4到某个特点资源所运行的J2EE服务器第5输出为卡片组结构-J2EE展示层-WML-卡片组在WML中，所传输的、用以替代HTML流的ML流是经过二进制编码的，目的是压缩元数据。浏览器可以并行显示和接受WML流结构-J2EE展示层-W

4、ML-WAP二进制XML在RF网络进行传输中，我们发费超过一半的时间来传输这些用户从来不想看的数据，那么WML可以很好的解决这个问题。结构-J2EE展示层-WML-WAP二进制XML编码后的WML输出被称为WAP二进制XML，或者叫做WBXMLTag16进制替代WML“”1F“”1E“”1D“”20采用WBXML编码，我们将原数据降低到整个相应流的16%，尽管这是一个孤立的例子，但仍然说明WBXML可以非常显著的减少负载。结构-J2EE展示层-WML-WAP二进制XMLTAGS WML81 字符=81 bytes WBXML1F 53 03 02 001E 1D 01 1D 01 011E 1

5、D 01 1D 01 010118 bytes结构-J2EE展示层-XHTML-MPXHTML Mobile Profile是基于XHTML Basic 的XHTML 1.1 的严格子集。模块元素布局body, head, html, title文本abbr, acronym, address,blockquote, br, cite, code,dfn, div, em, h1, h2, h3,h4, h5, h6, kbd, p, pre, q,samp, span, strong, var超链接a列表dd, dl, dt, li, ol, uldd, dl, dt, li, ol, ul

6、介绍b, big, hr, i, small, sub,sup, tt表单button, fieldset, form,input, label, legend,optgroup, option, select,textarea表格caption, table, td, th, tr图像img对象object, paramIntrinsic Events (partial)Various attributes (see section 10.2)元信息meta脚本noscript, script样式表style element样式属性style attribute链接link基本base缺省

7、(部分)Ol的start属性已经过时，使用li 的value属性代替ol元素的start属性。文字输入模式（OMA）inputmode attribute on input,textarea结构-J2EE展示层-XHTML-MPXHTML-MP 1.2更丰富的格式支持。对WCSS的支持。结构-J2EE展示层-XHTML-MP结构-J2EE展示层-XHTML-MPWMLXHTML-MPWCSSDeck 与 Card计时器事件ontimer,onenterbackward, onenterforward ，onpick变量（服务器端进行）客户端脚本WMLScriptECMAScript软键 (ac

8、cesskey) 编程标签格式化属性锚链接发送数据XHTML MP 与 WML 比较结构-J2EE展示层-应用杀手手机平台下还要考虑语义化标签吗？ 建议用 不建议用 div，p，span,a ul，ol，li,table，strong,em,b表现-WCSSWAP2.0下专属的CSS：WCSS （WAP Cascading Style Sheet ） 是CSS2的子集+一些WAP特有的扩展 表现-WCSS-扩展WCSS扩展属性值快捷键-wap-accesskey（定义快捷键）*，#，0，1，2，3，4，5，6，7，8，9输入 -wap-input-famat（定义类型和字符数量）当-wap-i

9、nput-format和-wap-input-required冲突时，以required优先。2N（最多两个数字）NN（两个数字）*N（无限个数字）A*a（第一个大写字母或符号，0-n个小写字母或符号）*M（默认）-wap-input-required（是否可以留空）false和trueMarquee-wap-marqueedisplay-wap-marquee-dir(指定方向)ltr，rtl-默认-wap-marquee-loop（指定重覆时间）infinite,1-wap-marquee-speed（指定速度）slow，normal-默认, fast-wap-marquee-style（

10、指定屏幕如何滚动）scroll-默认，slide，alternate表现-WCSS-应用杀手1.不同的移动设备浏览器支持WCSS的属性差异比较大。2.外部WCSS不存在于手机的Cache。表现-WCSS-应用杀手考虑任务列表而不是小册子表现-WCSS-应用杀手应用背景图，白色字表现-WCSS-应用杀手-用了Float(UCWEB6.7、QQ浏览器)-用了Float建议一：平滑降级 -在最小公分母设计中，我们不用任何“先进”的特性，从而处于“安全”的地位，在平滑降级中，即使浏览器缺少很多特性，但可显示性达到了最大化。表现-WCSS-应用杀手表现-WCSS-应用杀手-较低端手机平台针对Iphone和Android -表现-WCSS-应用杀