当前位置:首页 > 教学设计 > [为IE 8开发WebSlice应用]Web应用与开发
 

[为IE 8开发WebSlice应用]Web应用与开发

发布时间:2019-03-19 04:15:37 影响了:

  Internet Explorer 8 Beta 1已经于四月份面向全球进行发布,根据发行描述,该版本主要面向网页设计人员以及开发人员,其主要目标是让这些制作人员了解IE 8的新功能,并且针对IE 8对网站进行修改,以便适应新版本的变化。而在8月27日,IE 8 Beta 2则将正式面向最终用户进行发布,最终用户可以下载IE 8 Beta 2,并且将其设置为其默认浏览器,浏览网页,并且向微软提供个人反馈,以便IE 8在正式发布时修复这些问题。
  通过Beta 1,我们已经了解到IE 8除了在国际标准兼容性上得到巨大提高以外,还提供了两个新功能,即WebSlice(中文译为“源剪辑”)以及Activity(中文译为“活动”,在正式版当,其英文改为“Accelerator”)。我们在本文当中将重点介绍WebSlice的使用以及开发注意事项。
  
  
  什么是WebSlice
  Web 2.0的出现,使得网站信息更新速度加快,从而导致信息订阅模式也得到用户的认可。同时,传统的Web 1.0网站也在各自的站点上提供网站内容订阅方式,即通过大家熟悉的RSS/ATOM等方式向用户提供内容订阅。
  虽然各种语言框架,包括Java/.NET在内,面向开发人员提供了更加方便的RSS/ATOM生成框架,但网站开发人员仍然需要付出一定的工作量才能向用户曝露相关信息订阅。
  在IE 8当中,微软提供了一种新的信息订阅机制,即WebSlice,网站开发人员可以以极少的工作量,在不改变网页整体风格的情况下,向最终用户提供网页局部内容的订阅。
  以Facebook,com为例,很多类似网站都会提供“朋友状态更新”的页面片断供用户去了解其朋友的心情短语的更新状态。我们每次登录到Facebook上时,都会查看此片断的内容。那么有没有可能订阅这部分内容,以便我们即使没有访问Facebook的网站,也可以随时获得朋友的心情短信的更新状态呢?
  
  如图1所示,WebSlice就为我们提供了这种可能性。
  
  如何使用WebSlice
  最终用户使用WebSlice时,总共有以下四个方面的用户体验。
  发现:用户可以发现Web页面有WebSlice,正如页面可以有RSS/ATOM源一样。如果在当前Web页面上找到WebSlice或源,则发现按钮会亮起。用户还可以直接发现网页内的WebSlice:当鼠标指针悬停在WebSlice区域时,左上角会出现页内按钮,如图2、图3所示。
  订阅:用户可通过单击“发现”按钮将WebSlice添加到收藏夹栏,以获取更新,如图4所示。
  通知:用户可查看何时WebSlice存在更新。存在更新的WebSlice在收藏夹栏上以粗体显示,如图5所示。
  预览:用户可以预览WebStice的更新。单击收藏夹栏上的WebSlice会显示该WebSlice的详细信息视图。用户可通过单击打开按钮来浏览托管该WebSlice的网站。
  
  
  WebSlice的开发步骤
  
  从上面的介绍可以看出,WebSlice为最终用户提供了极大的便利,在不访问目标网站的情况下,及时的了解到目标网站网页片断的更新状态。
  那么,为了实现上述的目的,网站开发人员需要做出哪些工作呢?是否需要一些特殊的知识技能,比如,NET/C#,才可以制作出类似的应用呢?
  其实,开发设计人员仅需要基本的HTML以及CSS的知识储备即可以非常轻松制得将网站中的页面片断以WebSlice的方式发布出来。
  仍然以Facebook为例,我们来查看一下Facebook相应页面上的HTML架构。我们使用了Internet Explorer 8自带的Developer Tools用以分析该页面当中的HTML架构。
  从图6可以看出,用以声明“朋友状态更新”的H7ML元素是一个ID为home_statusupdates的Div元素,在该元素当中,其Class为“hslice”。在IE 8当中,使用“hslice”作为元素的class即可以声明一个WebSlice区域。
  
  在其子元素当中,我们会发现有一个锚链接,其class声明为entry-title,这部分内容声明了该WebSlice的标题。而WebSlice的内容可以用两种方式进行声明,第一种是使用Class为entrycontent的元素在同一页面当中进行声明,另外一种方式可以使用rel为feedurl的方式将WebSlice的内容重定向到另外一个页面当中。在Facebook网站中,使用了第二种方式将内容进行了重定向。
  除了以上三个基本定义以外,WebSlice还可以实现以下特殊目的。
  结束时间:WebSlice还处理随时间变化的内容,例如,明天结束的拍卖项或今天下午7点抵达的航班。WebSlice在到达截止日期之前始终处于活动状态,并且在即将到期时发出警告。
  刷新间隔:WebSlice需要由浏览器定期向目标网页进行轮循方式,获得是否更新,以便通知订阅用户。在进行轮循时,肯定需要占用一定的带宽,所以IE 8还设置了一个ttl属性,由网站来定义一个刷新间隔。
  丰富内容支持:在entry-content元素当中,还可以使用Silverlight或者Flash来显示丰富页面内容,比如视音频或者休闲游戏等。(IE 8 Beta 2以后支持)
  
  登录验证支持:有一些网站内容需要登录后才可以访问,所以在WebSlice当中也支持登录验证支持,可以根据用户是否登录,提供不同的内容。
  作为IE 8的新特性之一,WebSlice开发简单,并且提供丰富的交互方式,必将成为未来网站所必备的特性之一。

猜你想看
相关文章

Copyright © 2008 - 2022 版权所有 职场范文网

工业和信息化部 备案号:沪ICP备18009755号-3