移动互联,手机页面设计

1。手机上网的过程

  普通浏览器上网过程 
  浏览器<--->Web服务器

  手机上网过程 
  手机<--->WAP网关(UP.Link Server)<--->集成HDML,WML的Web服务器

  * UP指Unwired Planet公司,其UP.Phone浏览器为手机浏览器的事实标准,以下内容都基于该标准。 
  *普通web页面用HTML描述,目前手机页面可以用HDML和WML两种语言来描述,它们本质上是用XML 1.0来定义的。本文主要讲述HDML,由于其和HTML有相似,所以通过比较来说明问题,可能在用词上有不妥的地方,但作为入门的文章,希望不必深究。HDML的最新版本为4.0 Beta,这里讲3.0。 
  *请到www.phone.com下在UP.SDK,其中包括了一个UP.Phone手机浏览器的模拟器,可以像真的手机一样上网(另外还包括了Perl, C, COM等库,这里不谈)。在学习阶段,可以用它来显示我们所做的页面,这里就把手机的上网过程简化为 手机浏览器<---->HDML页面。

2。手机浏览器的特点 
  *屏幕小,一屏所容字数不多(支持GB2312字符集),所以要求信息尽量短。 
  *图形方面,目前只支持1位bmp图,即黑白的。

  *输入字符的键盘为手机的数字键。(目前国内开发的一种嵌入式中文输入法有特捷T9,王颂平的笔顺码CKE等)。用手机上的左右键控制来回,手机上的CLR(DELETE)键清除当前字符。

  *只有垂直的滚屏,用手机上的上下键控制, 
  *屏幕上如果有选单,用上下键和数字键控制。 
  *手机上的HOME键相当于浏览器上的HOME键。 
  *浏览器屏幕分为内容显示区和软按钮(Softkey,可看作普通web页面上的按钮可设置1-2个,按钮显示名称的字符受手机限制)区,这两个按钮分别对应了手机上屏幕下方的两个按钮,称为ACCEPT和SOFT1键。对应于ACCEPT,默认的Softkey显示为ok。 
  *手机上只有BACK键,没有普通浏览器的FORWARD键,要实现FORWARD功能只有重新返回菜单进行。手机能存储访问过的页面(这里称为CARD)的历史记录,用堆栈的形式保存,BACK键的功能相当于退栈。 
  *手机还能存储用户的选择和变量等数据。

3。显示文本 
  HDML和HTML在语法上有许多相似的地方,用<标签名 属性=值>的TAG形式来格式化页面。TAG是不区分大小写的,而以后谈及的变量是区分大小写的。

转载自前端网

时间: 2024-12-13 13:03:41

移动互联,手机页面设计的相关文章

手机页面rem布局

手机页面设计一般的大小是640,但是,手机屏幕大小确实不确定的,这样,怎么才能做出适应所有手机的手机页面呢?一般的解决方案有两种,rem布局和百分比布局.这两种方案我有都试过,所以现在更推荐用rem布局来制作手机页面; rem布局的兼容性:Mozilla Firefox 3.6+.Apple Safari 5+.Google Chrome.IE9+和Opera11+.ie6-ie8 还是别用rem不过现在的手机一般浏览器,一般可以直接不用去管IE内核的浏览器了. REM的计算公式例:html 设

触动人心的手机端页面设计

随着网络越来越发达,智能手机迅速普及,现在手机端网络已经占据市场的70%.近两年,手机流量从2G一直升级到现在的4G,还有各地免费开放的WIFI.人们从一开始的电脑冲浪,已经大部分时间都转移到如今更加方便携带的手机冲浪上了.在国外,媒体发布了一项关于智能手机的调查报告,据Bistro报道,人们在使用智能手机的时候,有66%在家里,59%在旅途上,52%在乘坐交通工具上,38%在餐厅里,30%在商场里.而使用手机上网的时间,已经远远的超过了打电话的时间,手机带来的便利,使得越来越多的人注意到了手机

响应式:为什么百度、淘宝之类的大公司网页不使用响应式,而是独立开发一套手机页面?

响应式设计不是万能的,它有一定的好处,但也有一定的弊端.先给出结论:如果开发资源充裕,不应该考虑使用响应式设计来同时支持移动端和桌面端. 因为响应式最大的优点就是开发快.打个比方,移动端和桌面端的开发时间分别是 t,采用响应式设计写一个同时支持两者的网站可能只有 1.2t. 那为什么开发资源充足的情况下,不应该采取响应式设计来同时支持移动端和桌面端呢? 1. 响应式设计带来大量冗余代码.在移动端充斥着 webkit 内核的浏览器的时代,响应式设计的网站中却不得不带有大量兼容旧 IE 的代码.移动

跨终端响应式页面设计入门

跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面,常规来讲一个跨终端页面,在宽屏的电脑上看和在小屏幕手机上看的布局是不同的,布局不同的原因是为了让读者更好地阅读你的页面,见下图: 这里有点要提到的是,我们常规会将PC版的页面和移动端设备的页面独立开来设计,这样会让PC端的页面布局更灵活和好维护.如果你希望你的页面能适配包括PC端在内的任何设备,那么下面几个小工具可以方便你顾及旧版本IE所存在的困扰: ⑴ IE8-不能识别HTML5的<hearder>.<article&g

IPhone手机页面中点击文本输入框,弹出键盘,网页会放大,如何解决

在head标签中加入以上meta声明.具体属性可以谷歌/百度. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 我查了下viewport,有几个属性:width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minim

写给“有钱大爷”、”美工殿下”、“前端文艺青年”的微信HTML5页面设计建议

我保证你一分钟就能看完这篇文章! 真的.. 角色解释: 需求方:有钱大爷 设计人员:美工殿下 前端工程师:前端文艺青年 一个HTML5页面从提出到完成上线的流程: 1.需求方.设计人员.H5实现人员三方共同讨论实现方案 2.设计人员出设计图 3.H5人员按设计图出H5页面 4.需求方评估已实现的H5页面后给予反馈 5.设计人员与H5人员根据反馈进行适当调整 6.发布推广 如何提出一个合理的微信HTML5页面设计诉求? 合理分析诉求与公司团队拥有的资源: 1.需求完成时间: 时间给的越多,项目做的

什么叫响应式手机网站设计

1.什么叫响应式网页设计响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相应的响应和调整. 具体的实践方式由多方面组成,包括弹性网格和布局.图片.CSS media query的使用等. 无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率.图片尺寸及相关脚本功能等,以适应不同设备: 换句话说,页面应该有能力去自动响应用户的设备环境. 响应式网页设计就是一个网站能够兼容多个

30款免费的手机UI设计资源

在 原型设计阶段,我们会尽量寻找一些灵感刺激大脑,从而让我们的想象力飞-灵感给了我们很好的开始,但是当我们把灵感化为现实的时候,又需要一些实用而又高 效的组件来完成.即使你有非常善于把灵感实例化在草稿中,但有时候事情紧急,就像一个人落水了,你需要马上给它一个救生圈.基于种种原因,我这里有一个可 以一石二鸟的方法,既可以花很少的时间,以可以为项目省钱. 这里有很多种选择,你可以通过以下的工具包来完成复杂的设计.不要再犹豫了,这最这个夏天无数个天才设计师设计出的解决方案,它们都是免费的. 手机UI工

APICloud APP开发页面设计常见问题有哪些

小小的手机不仅为我们带来了便捷,还改变了我们的生活方式,从传统的现金支付到现在的扫码支付,从传统的路边叫车到现在的网约车,可以说APP正不断改变着人们的生活,同时改变着世界.前进的脚步将变得更加迅速,世界的变化也是日新月异.伴随着我们使用手机APP过程中,和我们接触最多的就是设计元素,很多APP设计师设计出各种富有创意的APP界面,并赢得市场的欢迎,但再好的设计师也会有犯错误的时候,设计师的一个小错误都可能导致用户对App的舍弃,这是我们不愿看到的.今天和APICloud小编一起来看看在APP开