Rss feedTweeter buttonFacebook buttonTechnorati buttonReddit buttonMyspace buttonDelicious button
Skip to content


wap网站开发总结

有的地方叫手机网站,手机网站定义有点大(搜索手机网站首先出来的就是卖手机,手机资讯),所以在这里称wap网站。
从目前来看有少数直接用的web页面当wap页面用。
随着无线的发展,我相信有线无线一体化肯定也是一种趋势。
从测试结果来看,web页面兼容问题比较多。
现阶段情况下,建议使用wml/xhtml mp开发wap站点
wml比较简单,这里主要谈xhtml mp类的网站开发情况。
主要简单列一下wap开发的大概知识,希望对即将进入wap开发人员有些帮助。

wml/xhtml介绍
wap网站面临的现实问题
手机操作系统介绍
手机浏览器介绍
常见兼容问题介绍
页面优化介绍

什么是wml?(wap1.0)

什么是xhtml mp?(wap2.0)

在开发wap站点的时候遇到几大问题
1.参考资料缺乏
2.测试环境复杂不完善
3.浏览器种类繁多

xhtml tag标签分析
我们从20大网站取样进行相关tag分析
样本数量:92300
在xhtml mp中我们基本上只用到前面排名20的标签
这次统计分析对wap网站开发有着重大指导作用。
在测试中发现前10的标签兼容性是最好的,
可以发现几大门户非常有默契的使用div br简单布局。

常见的手机浏览器
opera mini
IE Mobile
safari
Android webkit
Blackberry
ucweb
QQ手机浏览器
Go

浏览器测试
在国内从统计数据来看用ucweb比重较大,ucweb有个拉取背景图的bug.
背景图时有时无
但在几次评测中速度不如opera mini

speed test
http://bbs.dospy.com/thread-603009-1-8.html
http://wapreview.com/blog/?p=4803
假如你是一位经常利用手机上网逛论坛,看日常新闻,视觉感受不在第1位的用户,我建议你用UCWEB.
假如你是一位热衷于掌上娱乐,对视觉冲击非常感冒,并且不在乎流量和多些许时间的用户.我向你推荐OPERA.
假如你是一位对娱乐和效率同样重视的用户,那就像我一样,同时拥抱OPERA&UCWEB吧!

附:手机型号与浏览器

手机操作系统(Mobile OS)
MTK(山寨机基本用的是这种操作系统)
kjava
Palm(blackberry)
windows Mobile(dopod)
Android(htc)
symbian(nokia)

请参考Minmin的css属性标签兼容性对比

手机屏幕分辫率
现在手机常用的分辫率有:128*160、176*220、240*320。
128*160多用在低档的手机。
中档的手机一般分辨率为176*220。
中高档手机分辨率多为:240*320。
现在最高的分辨率达到了480*640

页面宽度选取与兼容
很多wap页面用了固定宽度,这里不建议采用这种方法
固定宽度有很多兼容问题,页面出现显示不全,出现横向滚动等现象。

最佳做法是让宽度自动适应,
手机一行大概能显示13个中文字符
我看过有些文章说是14个,这里问题不大。
我们这里取13个中文字符

这里可能有人问我,为什么最小宽度不用128呢?
128的手机基本不能访问互联网,这里采用了一个市场占有率比较大的最小手机分辨率。

纠结的问题:是所有兼容,还是兼容大部分
在实际开发中,发现要像web端提高视觉效果一个页面兼容几乎所有情况基本不现实。
所以就在下面这些例子,用不同的版本兼容不同的情况。
当然增加很多的运营成本和人力成本。
我们也正在考虑在以后的开发中不上线wml版本,只考虑xhtml mp版然后调用不同的样式来兼容各种情况。
在测试过程中mtk机器能支持简单的背景色,文字颜色,背景图片支持很差。

几大门户所用的兼容应对方法
在我们开发手机校友录,书城,qzone的项目测试中。
能访问internet的手机极少数完全不支持css(支持部分).
由于wap发展比较慢,目前现行的wap页面大部分是wml的(没有css).
由于复杂的兼容性问题,几大互联网公司采取的多版本策略。

比如:
新浪:普通版(wml),彩版(xhtml mp),3g版(xhtml)
sohu:普通版(wml),彩版(xhtml mp),炫彩版(xhtml)
163:普通版(wml),高档版(xhtml mp),电脑版(xhtml)

wml不支持样式
xhtml mp版,支持基本的样式,如背景色,背景图片,文字颜色,margin,padding等。

页面优化
由于用户对流量很敏感。wap页面要尽可能的控制流量。
相比于web,wap页面优化达到了苛刻的地步。
wap页面严格执行web端的优化原则

1.动态程序和静态页面分离,减少页面空白。
2.样式和代码进行压缩
3.用短命名法
4.尽可能使用canvas代替图片(iphone应用开发)
5.减少请求数

常见问题及应对措施


分享有感

最近公司流行分享,不管分享的质量好坏。
分享本身是一种好现象。

这里例举一下公司的分享现象

1.必须分享在某个地方
2.每周都必须分享
3.大部分是转载
4.大部分都在分享
5.分享内容越来越少了
6.抄送给上级

老板提了一些问题,提出一些要求的时候。
下一级不管自己学到没学到。
然后号召起会议让大家一起学习。
好的东西可以有很多种形式。
如果用党代表大会类似形式来传达的话,不得不对这种效果表示质疑。
到底是做给别人看呢,还是真让大家一起学习提高。

目前表现出来的一些不好现象
1.大家都是为了完成任务而分享
2.固定的时间段分享导致分享质量严重下降
3.员工对种分享认可度不高。

我们在分享的时候应该考虑以下几个方面

1.团队目前需要分享吗?
2.分享的方向对吗?
3.分享有效果吗?
4.分享的对象正确吗?
5.分享是自己的亲身体会吗?
6.分享的对象认可分享内容吗?

这里也自我反思几个问题
1.分享过少,导致别人不知道自己做出的一些成绩,没有影响到相关团队。
2.研究的技术不够深入,对发展方向思考的不够全面
3.在沟通方面太直接,缺少某些沟通技巧。


Html5之后是什么?html

原文地址:http://www.webmonkey.com/blog/What_Comes_After_HTML5__Just_HTML
翻译:comsharp

The future of the web is fast approaching. HTML5, the successor to today’s HTML 4, the lingua franca of the web, has reached the Last Call stage and is beginning to look like a finished spec. While it will be some time before HTML5 can be called complete, forward-thinking browsers already support much of the spec.

HTML5 represents the biggest leap forward in web standards in almost a decade, but what comes after HTML5? HTML6?

As it happens, no. The WHAT Working Group, which, along with the World Wide Web Consortium (W3C), is helping to create HTML5 and beyond, has already decided to move to a non-versioned development model after the release of HTML5. That means, in the future, there will simply be HTML.

What will this HTML look like you ask? Well, Mark Pilgrim, who works on the WHAT Working Group, has started a new series of posts on the group’s blog entitled What’s Next in HTML?

The answer, at least for now, is a possible new tag: .

As you would expect will offer web developers a way to access devices, for example your PC’s webcam or perhaps your mobile device’s accelerometer.

The obvious application for the device tag is video chat — something currently only possible using proprietary tools like Adobe Flash. As Pilgrim points out in his post, if you combine the existing video tag and web socket tools of HTML5 with the new device tag, all the elements necessary for an online video chat application are in place.

Before web developers get too excited it’s important to realize that is a long, long way from being a real HTML element. As Pilgrim notes: “the entire device API is still in its infancy… nobody has even started implementing a prototype of that piece yet, and the whole idea might be scrapped.”

That shouldn’t be too surprising for those of you following the bleeding edge of the web, after all we’ve already been teased with the promise of a single video codec only to see that vanish.

But with any luck, the device tag won’t suffer a similar fate and one day web developers will be able to take advantage of yet another set of tools that were once the sole province of desktop software.
未来的 Web 正在加速到来,HTML5 已经完成细则的制定并蓄势待发,尽管它的实现仍待时日,一些有前瞻眼光的浏览器已经开始支持 HTML5 的部分功能。HTML5 是10年来 Web 标准的最大改进,然而 HTML5 之后是什么?是 HTML6 吗?

不是。 WHAT 工作组 (WHAT Working Group) 正联合 W3C 制定 HTML5 的后续版本的细则,他们决定在 HTML5 之后,制定无版本号的 HTML,意味着,今后的 HTML 将直称 HTML。这种无版本号的 HTML 是什么样?WHAT 工作组的 Mark Pilgrim 最近在他的系列博客文章中对此做了介绍:

到目前为止,最可能的改变是,新增一个 标签,该标签将提供对某些设备的访问,比如,摄像头或你的移动设备的速度传感器。

该标签最显而易见的应用是视频聊天,目前,这种应用只能通过特定的程序,如 Adobe Flash 进行。Pilgrim 在他的博客文章中指出,设备标签结合 HTML 5 的 视频标签,足以实现在线视频聊天应用。

不过,先不要高兴太早,这一过程还遥遥无期,整个设备 API 还在孕育中,还没有任何原型实现,而这一想法也有可能半路夭折。作为 Web 开发者,我们对这种事并不陌生,就像那个无疾而终的视频解码器的承诺。

不过,如果设备标签最终得以实现,Web 开发者们将拥有又一种过去只有在桌面程序中才有的工具。


未来科技:第六感


每个人心中都有自己的枉凝眉

枉凝眉,它不是一首歌
它是人生感受
每个人去品味它都会得到不一样的体会
每个人心中都有自己的枉凝眉

听听下面这个版本的枉凝眉
张晓棠

曾经在公司oa上看到一则帖子,一个同事说要帮朋友招一美工。
下面引来了不少同事回帖,原因在于,“美工”们认为美工这个称呼贬低了他们。
美工美工,就是做美术的工人。美工现在都叫美术设计师,所以下次如果你要找美工的话,
一定要改成美术设计师,虽然我曾经也是个“美工”,我确实一个美工,
因为我把自己也定义成设计师的话,设计师肯定不同意,因为我水平跟他们差太远了。
我现在是一个制作,虽然职称上还是美术设计师,那已经是过去式了。
但制作同事更喜欢把自己定位成制作工程师,虽然工程师也可能不同意把我们归成他们那一类。
不管如何称呼我们,我们还是和设计师们工程师们在一起工作,只要我们对自己的工作感兴趣。
而且这个职业解决了生活问题,有时还可能给自己带来了快乐,这就足矣。
每个人心中都有自己的枉凝眉
这并不矛盾!

辽宁本溪的女孩儿张晓棠,生在一个普通的家庭里,父亲是一名老干警,母亲是本钢冷轧带钢厂的一名工人。从小张晓棠在艺术方面就受到父亲的感染,学习古筝。同时她秉承父亲的优良传统,天生有一副好嗓子,经过系统的学习以后,她在艺术方面有着很大的造诣,她能够把中国传统的乐器古筝和声乐演唱完美的结合,所以她的古筝弹唱也是堪称一绝。她古筝弹唱代表作,枉凝眉,梅花引,知音等,在她十六岁的时候曾出过单曲<整夜睡不着>也曾在各大排行榜上取的理想的成绩。她生活在一个美满幸福的家庭。然而造物弄人,在2007年张晓棠的父亲被查出胃癌晚期,父亲用自己坚强的意志克服着病魔。而张晓棠用自己的能力,办起民间古筝学习班,通过自己的努力来为家庭减轻负担。在父亲的鼓励下,张晓棠在2009年2月28日参加星光大道的海选,从几千名选手中脱颖而出,被导演选中。就这样,她凭借自己的深厚的功底和现场精彩的表演获得了星光大道的周冠军、月冠军的称号,也同时实现了父亲的心愿。她就是父亲的精神支柱。张晓棠要用自己的成绩来父亲争取生命的每一刻。


XHTML MP

什么是xhtml mp?
在线阅读xhtml mp介绍
XHTML MP(XHTML Mobile Profile),它是定义在WAP 2.0上面的标记语言(markup language)。XHTML MP是XHTML的子集,在XHTML MP出现之前,WAP网站的开发者们只能用WML和WML script来创建WAP的网站。而与此同时,web的开发者们却在用强大的多的HTML、CSS、XHTML等来进行传统网站的开发。所以XHTML MP的目标就是浏览者在WAP和web上获得尽可能相似的浏览体验。

xhtml mp的优点

开发人员可以用相同的技术开发 Web 和 WAP 站点. 这给 WAP 应用开发带来的好处有:
如果你对诸如 HTML, XHTML, 和 CSS 技术很熟悉, 你几乎可以立即开始开发 WAP 站点. 如果你对上述 Web 技术而言是新手, 并且你现在正在学习 XHTML MP, 那么你同时也是在学习如何编写 Web 代码.
开发 Web 和 WAP 站点可以用同样的开发工具. 你可以用你的 Web 开发工具创建你的移动因特网应用. 这使得开发成本得以降低 (不需要购买新的开发工具), 并且投资时间也得以缩短 (不需要学习使用新的开发工具).
在开发过程中你可以用普通 Web 浏览器查看你的 Web 站点. (在最终发行前, 你应该用模拟器和实际移动电话测试你的 WAP 网站, 因为实际移动设备的特征 [例如, 屏幕大小, 支持的色彩像素] 差异很大.)
你的 Web 站点上的 HTML/XHTML 页面只须很少改变甚至无须改变就可以转化为 XHTML MP 文档. (然而, 你得确保 HTML/XHTML 页面布局在小屏幕上看上去也很美观, 并且文件大小不超过目标移动设备所允许的最大页面大小.)
找开发人员加入你的移动因特网应用开发团队变得更为容易, 因为市场上有大量 web 开发人员.
这些是 XHTML MP 的一些其它优点:

XHTML MP 支持 WAP CSS, 实现了把内容和展现效果分离到不同的文件中. 大家都知道, 移动设备的特征, 如屏幕大小, 很不相同. 把内容和展现效果分离开来意味着你只须一次性编写内容, 然后用各种各样的 WAP CSS 文件修改样式和布局以适应不同的移动设备.
有了 XHTML MP 和 WAP CSS, 你就可以更好地控制展现效果. 例如, 你可以控制边框, 背景, 边界, 内边距, 等等. 你还可以指定字体大小, 字体和字体颜色. 这些特征在 WML 1.x 中是无效的.

xhtml mp文档结构:
<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>
<title>手机腾讯网</title>
</head>
<body>
</body>
</html>

XHTML MP的语法规则
xhtml mp的语法规则也基本和wml基本一致
1.标签必须闭合
2.标签属性小写
3.属性值在双引号之内
4.不支持属性简写
5.标签的嵌套必须正确


wap现状

每当自己要做项目的时候就会想到wml要不要淘汰的问题,
因为一个项目同时出现几个版本,wml的,xhtml的。
几个版本给维护带来相当的工作量,也带来了巨大的流量成本、运营成本。

目前流行的wap解决办法是

1.wml1.0版本,就是wap1.0版本兼容低端手机
2.xhtml mp版本,兼容一些支持基本样式的手机,如sina/sohu的炫彩版。
3.web页面,比如sina的3g版

有人对我说wap要直接淘汰了,国外都有线无线一体化了。
曾经和某些人谈到wap时,直接对wap不屑一顾。
不过是何种态度,wap将存在相当长一段时间存在。

理由有以下几点

1.通过手机访问互联网的速度,速度不快,页面再炫也牛逼不起来。
2.手机访问wap的收费机制,流量收费vs包时间段收费,手机访问互联网成本明显比pc高很多。
3.居民生活水平,目前对于几千块一台高端机对我们还是不少的开支吧。
4.手持设备的操作性决定了页面的操作性不能太复杂。

虽然有这么多原因,但现行的wap状况仍然有相当大的优化空间。
wap在流程,质量,结构,标准几个方面元落后于传统web.

Ps:
Html5.0 css3.0 IPv6,这些还不知道要多久才能全面普及。
最明显的一个例子就是IE6.0浏览器仍然是市场上占有率最高的浏览器。


手机浏览器缓存问题

今天在测试wap页面的时候,发现ucweb浏览器有一个拉取页面缓存的问题。
表现如下
如果访问某个页面之后,这个页面存在更新,之后再用ucweb访问此页面。
ucweb得到的还是先前第一个版本的页面,非最新版本页面。
通过ucweb浏览器自带的清除cookie,缓存等方法不能解决问题。


纠结的域名

有朋友和同事说Neten域名不好记,neten是啥意思?其实我也不知道。
当时注册域名的时候也是找了半天,没有一个很合自己胃口的。

几年前那时看到neten 从左到右,从右到左都可以读成一样的。
所以就注册了,一直用到现在,期间也注册过几个山寨类的域名。
今天和同事无意中谈到万网www.net.cn
俺说neten域名就是万网上注册的 www.netEN.cn 这下同事说记住了(万网的英文版,哈哈,万网?嗯)。

最近想注册hoosin.me 类似的域名指向neten,一查,黑贵!400元/年,丫的,抢钱啊。


QQ邮箱如何订阅Blog内容

以本站为例,先登录QQ邮箱。
然后找到阅读空间