Web对话页面的样式与示例.DOCVIP

Windows客户端软件一般采用弹出式对话窗口来完成复杂交互。由于开发工具提供了现成的界面标准件，所以很容易实现对话窗口。图6-1（a）是Outlook软件的新建邮件的对话窗口示例。 Web软件的开发人员常用HTML + CSS + JavaScript来实现对话页面，图6-1（b）是Hotmail软件的新建邮件的对话页面示例。 一般地，Web对话页面不及Windows对话窗口易用，而且编程更麻烦一些。但是我们不能因为这些缺点而不用它。本章介绍Web对话页面的特征和交互方式，指导开发人员更好地设计和应用Web对话页面。 图6-1（a） Outlook软件的新建邮件的对话窗口示例 图6-1（b） Hotmail软件的新建邮件的对话页面示例 6.1 如何放置Web对话页面:弹出新窗口还是原地刷新页面 有两种方式放置Web对话页面：一种是放置在弹出的新窗口中，如图6-2（a）所示；另一种是原地刷新页面，即用新的对话页面覆盖老页面，如图6-2（b）所示。两者的技术实现没有本质区别，但是表现方式有比较大的差异。 弹出新窗口的主要优点是：（1）对话的操作方式和Windows软件相似；（2）在操作对话窗口时看得到背后的内容，有利于增强记忆和理解。 弹出新窗口的主要缺点是：（1）如果对话页面的尺寸比较大的话，在对话窗口中翻滚页面显然不方便，而且大的对话窗口将挡住背后的大部分内容；（2）递交数