moblie web 点滴

分辨率:

176*208

240*320

320*480

480*640

 

每个页面保持在30k之内
调用wireless css方法

1.  Linking to an external style sheet:
  <link rel="stylesheet" href="site.css" 
   type="text/css" media="handheld">
2.  Style deinition within the document:
  <style type="text/css" media="handheld">...</style>

3.  Document style sheet with @media qualiier:
  <style type="text/css">
  @media handheld { ... }
  </style>
4.  Importing an external style sheet to the documen
  <style type="text/css">
  @import url(...) handheld;
  </style>
5.  Inline style for an element:
  <p style="align: left">Some text</p>

 

如果使用手机快捷键跳转

<a href="#orderForm" accesskey="1">Order Pizzas</a>

如以上,使用accesskey可实现用手机直接跳转到具体链接

 

 由于cookies不能保证所有机型使用,所以使用url的传递参数方式,在php中,在pho.inc中写入

ini_set("session.use_trans_sid", 1);
ini_set("url_rewriter.tags", "a=href,area=href,input=src,fieldset=");
ini_set("arg_separator.output","&amp;");
session_start();

 

移动--:display: -wap-marquee

 

*Mobile devices come in variety of screen sizes. Selecting the right size for
development depends on the target devices.
* Newer devices have larger screens and good small screen rendering
techniques. Normal sites too display well on them. Yet, the majority of
devices can't do this. It makes sense to develop a mobile-speciic version of
your application.
* Web layouts don't work on mobile browsers—we need to show things in
vertical blocks.
* Wireless CSS is similar to standard CSS and perfect to manage the design of
mobile websites.
* CSS and forms render differently on different browsers.
* We also designed the Classes, Database schema, and Coding Framework 
for POTR.

Ordered list is useful for navigation; the accesskey attribute allows quick
activation of links.
Form handling on the server does not change!
Handling sessions and user login requires understanding the target browsers
and the server-side programming technology.
We also implemented a mobile-friendly ordering process for POTR.
We can constrain user input with WCSS.
WCSS can also be used to show simple marquee animations.

 要查看手机的性能:

 http://mdevinf.sourceforge.net/

 

使用一个东东来适应多手机

You can ind a very good tutorial and extensive reference material on WALL
from: http://wurfl.sourceforge.net/java/wall.php. You can download WALL
and many other tools too from that site.
WALL4PHP—a PHP port of WALL is available from http://wall.laacz.lv/.
That's what we are using for POTR

Complete listings of the attributes available with each tag, and their meanings are
available from: http://wurfl.sourceforge.net/java/refguide.php.

 The WURFL XML ile is above 4MB, and despite many structural optimizations,
processing it on every request will certainly slow down your server. Many APIs
provide caching to speed things up. But having this available in a database will be best.
Tera-WURFL is a PHP package that uses MySQL to store WURFL data. It bundles
WALL and an admin panel—making it the top choice for mobile web adaptation.
Setting up Tera WURFL involves downloading the latest package from 
http://www.tera-wurfl.com/, extracting the iles and entering the database
connection information in the coniguration ile. It will load up the device data to 
the database and can start serving WALL pages

 

http://www.passani.it/gap/

 

网站建好后,可通过使用ready.mobi来进行测试网站的正确性。

 

 

 

 

 

 

 

 

 

posted @ 2011-02-06 09:06  Sum_yang  阅读(474)  评论(0编辑  收藏  举报