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

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/10294527/viewspace-125261/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/10294527/viewspace-125261/