设计面向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创作页面