文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院程序开发其他语言设计面向Pocket PC浏览器的Web站点
精品推荐
特别推荐
·控制面板知多少
·给你十条学习Ruby语言的理由
·分页管理机制
·Perl 语言的重要价值体现
·经验技巧:分享两条Delphi开发经验
·Java编程思想:面向对象的逻辑思维方法
·Samba系统简介
热点TOP10
·程序八卦:胡子决定编程语言运势
·EZ-USB 68013A开发指南
·AIX 5L 学习大纲/简易教程(3)(未经许可,请勿COPY)
·Static和Final修饰类属性变量及初始化
·Servlet和Filter的url匹配url-pattern
·Flex挑战Java和.NET Adobe能否再度崛起?
·Java编程思想:面向对象的逻辑思维方法
·How to cross-compile OpenSSL for ARM
·在Pocket PC上编写游戏之十
·设计Pocket PC短消息服务简介

设计面向Pocket PC浏览器的Web站点

日期:2008年5月28日 作者: 查看:[大字体 中字体 小字体]


  Pocket Internet Explorer可显示文本字段和文本区域的宽度受Pocket PC屏幕宽度的限制。用户有时需要将屏幕横向滚动以便能看到文本字段,但文本字段总能保证被完全显示于屏幕范围之内。如果你必须使用文本字段并希望获得简洁明快的良好效果,那么,从设计伊始就应按照不超过Pocket PC屏幕宽度的原则进行处理。请注意将长字段及其它区域置于行的起始部分。

    
  按钮是一种矩形图形对象,该对象被点击后会触发执行一定的活动,而我们通常使用与上述活动相关的描述文字对按钮进行命名。多数情况下,按钮通常被命名为“提交”或“取消”。按钮一般遵循文本流程并可随页面进行滚动。而在理想状况下,按钮则应以一致相容的方式进行设计和放置,这种原则在特定页面和跨页情况下均同样适用。屏幕空间所能容纳的按钮数量是有限的,因此,请对放置在屏幕上的按钮谨慎取舍,切忌滥用。除非在AvantGo同步功能处于使用状态的情况下,按钮将无法以脱机方式提交任何表单。

  某些事件可由定制事件句柄捕捉,而按钮则用来对这些事件执行触发操作。定制事件句柄通常以脱机方式工作。正如上文中关于文本字段部分所提到的那样,按钮和文本区域的显示范围不得超出Pocket PC的屏幕宽度。

  表格
  通过表格显示数据大大改善了用户浏览数据的方式。使用WIDTH属性可以设置表格在窗口中的尺寸。在WIDTH属性中设置像素值是控制表格尺寸的最佳方式。此外,Pocket Internet Explorer支持嵌套表格。

  如果省略WIDTH属性,表格将根据下列规则进行绘制:

  若“Fit to Screen”选项被选中,表格将根据屏幕宽度自动调整。
  若“Fit to Screen”选项未被选中,Pocket Internet Explorer将采用640x480的虚拟屏幕并以640像素的宽度绘制表格。
  由此可见,除非对表格或单元格宽度有特殊要求,否则应省略宽度值。标记支持ALIGN属性,而标记则不支持该属性。
  图形与图像
  图形与图像能够增强页面对用户的吸引力,但在应用过程中,应符合少而精的原则,尽量在能够为用户提供增值时使用。

  如果要显示大于工作区的图像,Pocket Internet Explorer将遵循下列规则:

  如果“Fit to screen”选项被关闭,Pocket Internet Explorer将根据标记中的设置显示图像,即按照“height”和“width”属性值或图像原始尺寸(如果未设置“height”和“width”属性)显示图像。
  如果“Fit to screen”选项处于开启状态:
  图像小于屏幕宽度时,根据标记中的设置显示图像.
  图像宽度大于屏幕宽度时,图像将根据屏幕尺寸进行调整,但调整后的图像尺寸不会小于原始尺寸的1/2。
  缩放操作通常会降低图像质量,因此,应尽量避免图像宽度大于浏览区域最小宽度的情况。

  图像细节
  避免使用大型复杂图像是一种明智的做法,因为缩放操作很可能略去图像中的关键信息。如果通过某种便捷方式无需使用图像便可传达相同信息,那么最好放弃使用图像。如果必须使用复杂图像,也应对其进行裁剪以达到预期效果。

  图像颜色
  Pocket Internet Explorer能在彩色监视器上显示彩色图像。在灰度或单色显示设备上,Pocket Internet Explorer将彩色图像转换为黑白图像。图像的原始色彩设计将直接影响Pocket Internet Explorer在灰度或单色设备上显示该图像的效果。那些具有高对比度且边界分明的图像将得到最佳处理。

  设计图像
  对于移动设备,最简单且最具代表性的图像使用方式是创建具备自身风格的小型位图图像,同时,注意节省屏幕空间。复杂元素往往使人感到凌乱,因此,应选用简洁明快的线条及形状设计图像。最佳效果来源于简洁而非混乱。

  替代文字标记
  用户可能会选择不加载图像,因此,在嵌入图像的位置上放置起说明作用的替代文字非常重要。请记住,你要做的是解释图像所代表的功能,而不是对图像进行描述。

  图像地图
  Pocket Internet Explorer不支持图像地图。请尽可能将图像尺寸控制在最小范围内。此外,网页上的图像应能向用户暗示正确的功能。

  GIF动画
  Pocket Internet Explorer不支持GIF动画。只有GIF动画的第一帧能够展现给用户,组成动画的其余各帧仍将保存在设备上并占用宝贵的存储空间。

  通用原则、提示与技巧

  以下是一些关于如何针对Pocket Internet Explorer进行设计的通用原则。

  请记住:Pocket PC的屏幕尺寸是有限的

  设计应用程序时应尽可能保持较小的屏幕尺寸。虽然可以使用垂直及水平滚动条,还是应尽可能将信息调整到一个页面上。

  Pocket Internet Explorer理论分辨率为240x320,但实际可用空间不能达到这一范围
所有Pocket PC屏幕分辨率均为240x320。然而,Pocket PC用户界面上定义了两个浏览器不能使用的区域。

  位于屏幕底部的菜单栏位于屏幕顶部的标题栏
  这两栏信息占据了垂直分辨率中的26个像素。因此,如果想为Pocket PC设计出仅占一屏的页面,则该页面尺寸不得超过240x268。一旦页面高度超过268像素,垂直滚动条将自动出现并使屏幕宽度减少为229像素。此外,用户可以通过关闭地址栏提供另外23像素的垂直空间。然而,由于页面本身不能决定地址栏状态,因此,不能将地址栏高度计算在内。

  此时,如果使用240像素的水平空间,水平滚动条也将出现,这是因为Pocket Internet Explorer需要11个像素来显示业已出现的垂直滚动条。

  若以某种方式设计无需水平滚动条的页面,将能获得另外11像素的垂直空间。下图显示了Pocket Internet Explorer屏幕中各组件的像素范围:

Photoshop教程 数据结构 五笔输入法专题 QQ病毒专题 共享上网专题 Google工具和服务专题 Pocket Internet Explorer屏幕尺寸

  脱机浏览:Pocket Internet Explorer的重要实施方案

上一页 [1] [2] [3] [4] [5] [6] [7] 下一页 




上一篇:ARM的嵌入式Linux移植体验之操作系统

下一篇:ARM的嵌入式Linux移植体验之设备驱动

相关文章:
·如何建立一个网站?规划、设计、目的、原则、宣传
·综合实例:PS洗衣粉包装设计印刷全攻略
·3DsMAX教程 设计叶片上的精致三维蜻蜓
·几何图形英文字体创意设计及应用作品欣赏
·英文字体创意设计及应用作品欣赏
·3DMAX设计制作两只花瓣上的美丽蝴蝶
·用Flash制作简易的图片浏览器
·如何使设计作品获得最佳菲林输出?
·在线设计:轻松获取个性篆刻印章
·美工LOGO设计进阶
相关软件:
·C语言程序设计
·Dreamweaver 网页设计
·美工设计教程
·Photoshop CS经典创意设计200例
·Photoshop CS中文版平面设计师标准案例教程
·Windows环境下32位汇编语言程序设计
·颐家IDO在线互动设计软件
·Photoshop 7.0 平面 广告 装帧设计100例
·超级DIY设计器V7.0 build 2143 特别版
·远潮自我形象设计系统

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot