Your SlideShare is downloading. ×
0
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
移动页面(Wap)制作的基础实践
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

移动页面(Wap)制作的基础实践

962

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
962
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 移动页面(wap)制作的基础实践<br />罗晴明<br />2011-05-01<br />
  • 2. 理论准备<br />移动页面的主流标准:<br /> Wap 1.0/WML(1.1 , 1.3,2.0)Wap 2.0/xHTML Mobile ProfilexHTML BasicFull Web(HTML5)<br />reference:<br />http://en.wikipedia.org/wiki/Wireless_Application_Protocol<br />http://bbs.blueidea.com/thread-2920054-1-1.html<br />
  • 3. 工具准备<br />Firefox插件:<br /> User Agent Switcher<br />Safari:<br />开启Developer菜单,可以切换User Agent<br />
  • 4. <?xml version="1.0" encoding="utf-8"?><br /><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=UTF-8"/><br /><meta http-equiv="Cache-Control" content="no-cache"/><br /><meta http-equiv="refresh" content="300; url=/"/><br /><title>网易首页_手机网易网</title><br /><meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/><br /><meta name="MobileOptimized" content="240"/><br /><link rel="stylesheet" href="http://img3.cache.netease.com/3g/img11/download110316/wap/style_wap.css" /><br /></head><body> </body></html><br />
  • 5. MIME 类型<br />下面三个 MIME 类型可用于 XHTML MP 文档:<br />application/vnd.wap.xhtml+xml  (推荐,移动设备兼容性好)<br />application/xhtml+xml    <br />text/html (适用于桌面浏览器调试)<br />reference:<br />http://blog.sina.com.cn/s/blog_5fecd4a70100cxdj.html<br />
  • 6. Viewport/MobileOptimized<br />width/height : viewport的宽/高 <br />initial-scale/minimum-scale/maximum-scale :初始/最小/最大缩放比<br />user-scalable : 用户是否可以手动缩放<br /><meta name="MobileOptimized" content="240"/> <br />//For Windows Phone(IE Mobile)<br />reference:<br />http://blog.sina.com.cn/s/blog_5fecd4a70100cxdj.html<br />http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html<br />
  • 7. 预览(Android&iOS模拟器)<br />Android模拟器的使用<br />1.SDK Manager创建、启动Virtual Devices<br />2.使用10.0.2.2访问宿主机的web服务<br />iOS模拟器的使用<br />1./Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator.app启动模拟器<br />2.使用localhost访问/直接将html文件拖入模拟器<br />

×