设计需知:移动网站设计应注意的技术细节(2)
来源:chinaz 发布时间:2012-04-20 13:03:23
代码设计
很多开发新人在写移动界面代码时一直很犹豫,下面的建议有助于你打消这些考疑虑:
· 有效代码
使用合适的代码,确保其100%有效,因为大部分移动浏览器达不到电脑端的浏览器性能。
· 流动布局:
在所有移动浏览器上查看布局效果,这往往是不现实的,因为用来浏览网页的移动设备太多,逐一去追踪效果让人很头疼。流动布局可以很好解决或避开这个问题,它可以根据屏幕尺寸自动调整。
为了达到这种布局效果,应避免用像素值设置宽度,用百分比或ems代替。
你可以搜索关于移动网站的流动布局,也可以通过此链接下载示例:Perfect multi-column CSS liquid layouts – iPhone compatible
· 具体的样式表
你可随时使用各种移动设备找出更好的用户体验。比如,使用手持设备浏览你的网站的用户。
点击此链接了解媒体类型的更多内容:W3.org – Media Types.
· 拒绝使用花哨的脚本
你的移动网站想要成功,不要使用Javascript脚本,Flas * 或其它任何花哨的脚本语言。因为大多数移动设备无法解析这些脚本语言,最终,要么设备死机,要么出乱子。
如果你非用不可的话,那么就应该给出友情提示,告知用户他们的移动设备正在载入和启用这些脚本。如果出了差错,也错不在你,因为你事先已经提醒了他们。
· 小心插入广告
这一点应该引起大家的重视,不要让你的移动网页铺天盖地都是广告,PC端的网站同样也应该注意这个问题。
俗话说得好:“一颗耗子屎搅坏一锅汤”。这对许多网站而言,倒是大实话。因为许多网站都是广告满天飞,他们根本不关心用户体验,一个个都唯利是图。因为移动设备的CPM(每千人浏览页面的费用)很高。
所以我建议,不要让网站淹没在广告里,尤其不要插入那些五颜六色的广告。
· 自动识别移动浏览器
为了成功打响你的招牌,你应该在服务器端纳入“移动浏览器侦测和重定向”服务的脚本(比如说PHP)。你可能用得着User Agent侦测服务,服务器会根据当前浏览器所描述的信息来判定它应该访问移动还网页还是原网页。你可以用User Agent 侦测替代前面提到的“PHP移动浏览器侦测”。再介绍另一例实现办法,通过实时的JavaScript脚本语言,请求存储了设备相关信息的DeviceAltlas或WURFL数据库,进行浏览器判定。
· 如有必要,可开发专门的客户端程序
如果你的用户群体数量非常高,可以为此开发一款针对多种移动界面的应用程序。Facebook、Gmail、Twitter、Yahoo以及许多大公司都有自己的客户端应用程序,这也是他们如此成功的原因。如果你有了自己的客户端程序,就不必再担心那些花哨的脚本语言了,因为你可以按照自己的方式提升程序性能。(你不能改变浏览器,但是你完全可以改变自己的程序)
移动网站建站工具
在这些花哨的移动建站网站的帮助下,就可以开始移动界面的创建了。
1. MOBIFY
猜你喜欢
- 当管理SQL Server内在的帐户和密码时,我们很容易认为这一切都相当的安全。毕竟,你的SQL Server系统被保护在防火墙里,而且还有
- 又有人说设session.timeout=99999。这种同样不行,session有最大时间限制。我经过测试发现最大值为24小时,也就是说你
- 很久没有写文章,最近一直在忙于找工作和找房子。哎,现在终于安定下来了,哎,又叹息一下,是因为我把去淘宝面试的机会也推掉了,本来以为要卷铺盖回
- 如果你的网站涉及个人隐私或者机密性非公开的网页,怎样告诉禁止搜索引擎收录抓取,下面侯庆龙说下以下方法,希望对不想被搜索引擎收录抓取网站有所帮
- 昨天ie8正式发布了,偶也去下载了一个,感觉很爽, 还在美的时候,突然发现很多网页都出问题,更可气的是自己的网站编辑器eWebEditor也
- javascript代码编写在页面中实现页内搜索功能,类似Word等文本编辑软件里的搜索功能,只要是页面中的字符(别管是显在的还是隐蔽在文本
- 木马原理:入侵者使用诸如ASP图片木马生成器之类的工具将一张正常的图片与一个ASP木马文件合并成一个图片文件(即将对网站有害的ASP代码插在
- 一、PL/SQL出现的目的 结构化查询语言(Structured Query Language,简称SQL)是用来访问关系型数据库一种通用语
- 今天刚看到ChinaUI.com新改版的网站,觉得优艾网是越来越漂亮了,这次的变化的确是挺大的。一早大概的看了一下就关了,后来晚上又打开看时
- 具体用法:1、<%= Counters.Get(CounterName) %>显示计数器的值。2、<% counterva
- 代码如下: 代码如下:///<summary> /// 将两个列不同的DataTable合并成一个新的DataTab
- OL定义有序列表的时候,除非指定list-style-position:inside;,否则文字和前导符是有缩进的。但有的时候,OL定义的列
- 有时候想为我们的网页提供多语言支持,如果一种语言用一张网页来做实在太麻烦了,幸好Google提供了语言工具功能,下面介绍如何利用它来实现网页
- 实现功能QuestType 1->查询语句, 2->更新语句, 3->删除语句, 4->插入语句<
- 由于连续的字符(字母、符号、数字)在默认情况下是不换行的,可能会破坏整个界面布局。那如何解决这个问题呢?在 IE 和 Safari 1.3+
- 记录应用程序的操作日志可以使用数据库、文本文件、XML文件等。我这里介绍的是使用 XML 文件记录操作日志。我觉得使用 XML 记录操作日志
- 阅读上一章:[翻译]标记语言和样式手册 Chapter 15 为body指定样式Chapter 16 下一步现在你知道了如何使用标准改进你的
- 一、ASP中处在双引号中的可以是任意的字符、字符串,HTML代码1.<%response.write ("I&nb
- if rs.bof then 表示:当前指针的位置是在第一行记录之前 if rs.eof then 表示:当前指针的位置是在最后一行记录之后
- 佛爷去了公司的年夜饭,我有点无聊就在公司 Coding 点东西玩玩,于是就有了这玩意。请允许我很猥·琐得将这个游戏称之为“是男人坚持 100