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

  • 19
  • 0
  • 约 11页
  • 2017-10-02 发布于天津
  • 举报
Web对话页面的样式与示例

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)递交数

文档评论(0)

1亿VIP精品文档

相关文档