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

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

通用原则、提示与技巧

以下是一些关于如何针对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屏幕中各组件的像素范围:


Pocket Internet Explorer屏幕尺寸

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

在Mobile Favorites(移动收藏夹)中,除非用户将链接深度设置为大于1,否则超链接在脱机状态下将不可用。因此,应尽可能少的使用远程超链接,同时仅向用户提供那些最重要的信息。应将页面设计为在链接断开状态下仍能正常工作。链接深度为n意味着“下载选定页面以及从选定页面开始经过n层链接能够到达的所有页面”。

页面不能动态改变

Pocket Internet Explorer不支持DHTML,因此,页面中的所有内容都是静态的。可以使用XML、XSL、JScript以及document.write方法实现某些页面的动态更新。

功能特性越齐全未必意味着性能表现越优异

应仅使用那些必要的特性。过多功能将使设备产生不必要的过载。

通过GIF文件添加空格

有时,你会发现很难向页面中添加所需数量的空格。如果遇到这种问题,可以通过透明图像在页面元素间精确插入空格。首先,创建尺寸为1x1像素的透明GIF文件并通过标记将其嵌入到文档中。此后,使用“width”和“height”属性将图像扩大到所需尺寸。

使用“间隔符”GIF文件的目的之一是强制标题后的断行。例如,假设某文章标题后紧跟一个属性行,你或许不希望通过标题标记或标记添加精确空格。此时,可以强制断行并通过前面提到的方法简单插入一些透明像素。同时,将图像尺寸指定为宽240像素、高1像素。

图像中的文字

通过在图像中包含文字可以轻而易举的在页面上显示Pocket Internet Explorer HTML所不支持的字体,从而达到装饰页面的目的。

若要在图像中放置文字,通常需要选用专为计算机屏幕设计的字体。目前,有几种优秀1位字体可供选择。其中,Verdana字体适用于各种分辨率的位图显示。因此,它非常适合在移动设备上使用。

但请记住,放置在位图中的任何文字均不能在目前的搜索引擎(如AltaVista或Yahoo)上建立索引。

使用Office 2000作为Web创作工具

在四个Office应用程序(Access 2000、Excel 2000、PowerPoint 2000及Word 2000)中,只有PowerPoint 2000在显示页面前对浏览器版本进行检查。在提交页面时,它将通知用户此页面在当前浏览器中或许不能正确显示。多数情况下,由上述Office程序产生的简单文档能够正确显示,但稍微加入一些复杂特性后便会导致问题。

简而言之,最好不要使用Office 2000为for Pocket Internet Explorer创作页面。
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,