当前位置:编程学习 > wap >>

设计面向IE for Pocket PC的Web站点(三)

框架

框架往往会占据大量的屏幕空间,而这种消耗仅仅是为了标定对象的边缘,因此,我们一般情况下并不主张在针对Pocket Internet Explorer所进行的设计工作中使用它。而如果你真的不得不使用框架的话,请最好将其数量控制在不超过每屏两个的范围之内。

匹配标记

以HTML标记正确匹配的方式进行页面设计。

例如:

错误的方式: ?

错误的方式: ?

不正确的匹配将导致Pocket Internet Explorer出现不可预料的后果。

BGSOUND属性

Pocket Internet Explorer支持背景声音,该功能可为网页提供非常“酷”的特殊效果。当然,Pocket Internet Explorer仅支持WAV文件,而此类文件往往需要占用大量的存储空间。为此,请适度地使用音响效果,并将其负面影响控制在最小范围之内。此外,由于Pocket Internet Explorer不支持LOOP属性,因此,你将无法创建或使用持续性背景音效。

表单字段和按钮

文本字段与文本区域

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动画的第一帧能够展现给用户,组成动画的其余各帧仍将保存在设备上并占用宝贵的存储空间。
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,