且行资源

关注教育技术发展与应用,关注学习资源设计与开发技术。

上一篇: 什么是“人立方搜索” 下一篇:搜索,专业的教育技术搜索!

奥运会日程表

szichuan发表于2008-8-1 23:50 分类: 教育技术|生活浏览: 评论: 1  【我来说两句】

从网上看到这个奥运会赛程的插件,可以方便地加放到自己的日历或博客网站中去,感谢可能吧的制作。

花了好几个小时做奥运赛程的小挂件。起初我打算用flash来做,因为那样能做得比较个性化一点,后来因为太繁琐,转而使用Google日历来完 成。使用Google日历来做奥运赛程Widget有两个原因,一个是方便嵌入到网页,另一个是可以导入到Outlook等日程表程序。

 

上面是这个小器件的截图。你可以在可能吧的右侧顶栏看到这个小器件。

简介:

1、点击每个项目会展开这个项目的详情:比赛时间、比赛地点、比赛类型等等。

2、做这个赛程表大概花了我6小时的时间,数据来源奥运会的官网,刚刚完成了校对,除非官网的赛程是错误的,不然应该没有什么大问题。

3、Google日历提供了很好的第三方调用功能,除了可以调用到网页之外,还提供RSS以及Ical输出。

4、小器件会随着时间推移,显示当天的赛程,不需另外设置。

调用:

1、加入到网页:

以日期的方式调用:

要将此日程表调用到你的博客或网页,可以使用下面的代码:

<iframe src=" ;http://www.google.com/calendar/embed?showNav=0& showDate=0&showTabs=0&showCalendars=0&mode=AGENDA& height=300&wkst=1&bgcolor=%2300cccc& src=mvnlf93vqvvgqvg7qvjjut9v28%40group.calendar.google.com& color=%2329527A&ctz=Asia%2FShanghai" style=" border:solid 1px #777 " width="300" height="300" frameborder="0" scrolling="no"></iframe>

其中width="300" height="300"分别表示调用小物件的宽度和高度,你可以随意修改这2个数值以使其适应你的页面。

away测试发现width="280"以上能有比较好的显示效果。你可以看看他的侧边栏。

以月份的方式调用:

代码如下:

<iframe src=" http://www.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23FFFFFF& src=mvnlf93vqvvgqvg7qvjjut9v28%40group.calendar.google.com&color=%2329527A& ctz=Asia%2FShanghai" style=" border-width:0 " width="800" height="600" frameborder=" 0" scrolling="no"></iframe>

以周的方式调用:

<iframe src=" http://www.google.com/calendar/embed?mode=WEEK& height=600&wkst=1&bgcolor=%23FFFFFF& src=mvnlf93vqvvgqvg7qvjjut9v28%40group.calendar.google.com&color=%2329527A& ctz=Asia%2FShanghai" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling=" no"></iframe>

我个人建议使用以日期的方式调用,也就是第一个代码。

2、添加到你的Google日历

我将这个日历共享了出来,你可以点击这里小器件上的按钮将奥运赛程添加到你的Google日历。

添加到你的Google日历后,你能任意处置这份日程。

你还可以设置使用手机短信接收这个赛程的通知,那么你就不会错过任何比赛了(但是,你会收到很多短信)。

3、RSS订阅赛程

你还可以使用RSS订阅器订阅这个赛程,订阅地址点击这里

如果你喜欢使用Google AJAX Feed的效果展示赛程表(像可能吧右侧栏下方的阿禅日记),可以参阅“利用Google Feed API即时展示其它博客的Feed”。

4、加入到日程表软件

Google日历提供Ical格式的日程输出,只要你的日程软件支持ics格式,即可导入。

为了保护我个人的劳动成果,我在奥运第一天和最后一天添加了一个日程:添加到我的页面。请谅解。

本文链接地址:http://www.qiexing.com/post/964.html

且行微博】【已有1位网友发表了看法,点击发表

相关文章:   或许你还对下面的文章感兴趣

 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

且行资源

QQ:510280445

E-mail:szichuan@gmail.com

最新评论及回复

最近留言

网站分类

热文排行使用

教育技术 版权所有且行 设计程序:RainbowSoft Studio Z-Blog

联系方式:sunfang@qiexing.com QQ:510280445 电话:013955453231
转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议. 皖ICP备07002369号