Entries Tagged '学习之路' ↓
三月 28th, 2009 — 交互新闻学习
南方周末,作为中国体制内为数不多的敢言报纸,赢得了大多数人的尊敬和喜爱,我也不例外,但这篇文章说的不是南方周末这张报纸,而是它的网站。
起初,南方周末的网站是整个南方报业集团网站中的一个子站,内容更新较快,但版式陈旧(我的印象中,自建立就没改过版……),缺乏互动(可以说没有互动手段,除了使用鼠标滚动窗口……),虽说上乘内容是媒体最终安身立命之依托,可别忘了有牛人说过——媒介即信息,形式也很重要,甚至决定着内容,既然要弄网站,就得有点网站的特点,而不是只能看不能参与的报纸电子版。

南方周末日前推出新版网站www.infzm.com,独门独户,不再是南方报业网中的一个栏目。新版网站采用WordPress作为建站工具,大量使用极具Web2.0特色的交互手段,如标签、Google地图、Digg、社会化书签等等。

国内报纸网站大都采用自主开发或商业性内容管理系统,南方周末新版网站能采用免费开源的WordPress系统作为发布后台,可谓再次体现出南方系报纸敢为天下先的勇气和智慧。
不就是使用了WordPress建站程序吗?何以值得如此评价?
我欣赏的是网站建设者开放的心态,能摈弃过去自成体系的网站系统,采用免费开源软件WordPress,意味着接受开源大家庭众人的智慧,从善如流,而不是固步自封,自我欣赏。
WordPress为何物?有同学可能还不清楚,简单地说,WordPress是一种使用PHP语言开发的免费开源博客平台,用户可以在支持PHP和MySQL数据库的服务器上建立自己的Blog,WordPress强大易用,因此深受全球独立博客使用者的喜爱。
WordPress最初是作为建立个人博客的工具而被人们所认识,慢慢地,随着WordPress开发者的增多,WordPress及其相应的插件功能越来越强大,有成为CMS(网站内容管理系统)的态势。
WordPress之所以能快速发展,我认为最重要的原因在于WordPress简洁的结构和毫无保留的开源。网络上有诸多免费开源的内容管理系统,如XOOPS、Joomla、DEDECMS、PHPCMS等等,大都存在学习成本较高的问题,导致曲高和寡,国内应用更是寥寥无几。可WordPress的系统结构非常简洁,像我这样的菜鸟都能折腾一下,改改插件,弄弄模板。
国内有很多WordPress的使用者和开发者,他们为WordPress的发展和中国化做出了许多贡献,我想他们从WordPress中获得了更多,那就是分享和协作。
互联网如果有一种信仰的话,那么这个信仰的核心价值观就是分享。它已经像种子一样被无数类似于WordPress的开源项目撒播到了中国,尽管土地很贫瘠,气候很恶劣,可这些种子还是生根发芽了,安慰着绝望的心灵。
最后,说说WordPress的创始人马特·穆伦维格(MattMullenweg),年轻,美国80后,1984年出生,20岁大学退学创业。中国的大学啥时候能培养出此等人才啊。
三月 21st, 2009 — 交互新闻学习
说起多媒体网络新闻,人人都能谈一点感受,毕竟网络上很难找到纯粹使用单一手段组织内容的网站,几乎所有网站都图文并茂。
在信息泛滥成灾的当今网络环境中,网友的注意力成了最稀缺的资源,各新闻网站在争夺这个最重要的资源上各显神通,或倚重内容、或重视速度……不一而足,照片与一般性的文字资料相比,更能吸引眼球,因此新闻网站都在如何更好得利用好新闻照片上花足了功夫,纽约时报的网站也不例外。
新闻图片在纽约时报网站中的应用,大体可分为两大类,一类是在新闻正文页面中插入单幅图片,正文仍以文字为主体,这类应用可谓司空见惯,我就不再赘述。另一类是新闻幻灯片(SlideShow)——以图片为主要传递信息手段的网络新闻组织形式——这类应用和国内新闻网站的一些做法略有不同。
在早期,其实也没有多久,2005年之前,纽约时报的新闻幻灯片主要是通过将图片插入到网页,然后将网页运用超级连接组织在一起,比较简单。看个实例:

这种手段实现起来比较方便,但也存在一些问题,比如无法自动播放,改版困难等。
不久,纽约时报采用了在单个网页中插入flash幻灯片的做法代替了上述的组织手段。让我们看个这种flash幻灯片的实例:

Flash幻灯片与原来的网页幻灯片相比,更节约页面的空间,可设定多种切换效果,也可让其自动播放,更富有交互性。可惜这种手段有一硬伤,就是目前无法让搜索引擎检索到Flash内部的内容,导致很多优秀的内容无法让更多使用搜索引擎获取信息的用户浏览。
目前,纽约时报多媒体栏目使用最多的是基于JavaScript的新闻幻灯片。先看一组和中国有关的幻灯片:

基于JavaScript技术上的新闻幻灯片,在具备Flash幻灯片的优势的同时,又克服了Flash幻灯片不支持搜索引擎的弊端,逐渐成为目前国内外各大新闻网站制作新闻幻灯片的首选手段。
三月 15th, 2009 — 交互新闻学习
临渊羡鱼,不如退而结网。看多了纽约时报那些让人叹为观止的Flash交互新闻(例1、例2、例3),我也不免有些心动,琢磨着自己有一天也能够制作出类似的作品。
在图书馆找到了一些相关的教材,不甚理想,或枯燥艰涩,或东拼西凑,不大适合入门学习者。
还好有网络,有搜索引擎。键入“action script 3.0 入门教程”后,能找到许多相关资料。经过比较,我选择了O’Reilly出版的ActionScript.3.0 Bible作为学习资料。国内的一些教材,大都遮遮掩掩,不肯把教程中的代码放到网上。O’Reilly公司不但将这本书的网络版免费公布,而且还可以下载所有相关的代码。(相关链接:ActionScript.3.0 Bible 网络版、教程中相关代码下载、网友制作的ActionScript.3.0 Bible电子书,PDF格式,可离线阅读)
下面贴上我按照范例做的第一个作品,虽然很简单,但却一点都不妨碍我的成就感,哈哈,最好的学习就是自己动手。
This movie requires Flash Player 9
学习笔记:
1、ActionScript 3.0中类文件的保存是有讲究的,不能乱存;
2、Flash文档中关联的类文件和舞台是紧密相连的。
Whatever is on the stage will become part of that class, and whatever you do to that class will affect the stage.
二月 27th, 2009 — 交互新闻学习
作为美国老牌的新闻机构,纽约时报集团在网络时代到来的时候,并不像有些传统报人那样对互联网存在抵触情绪,但还是多少有些保守。记得在2004年的时候,纽约时报网站只有最近一个星期的内容可免费浏览,早期的内容则要收费,害得像我这样的穷人只能通过邮件订阅来查看自己感兴趣的内容。好在这种与免费共享的互联网精神格格不入的策略没有执行多久,现在纽约时报网站不仅整合了各种社会化分享工具,如Digg、Flickr、Delicous、博客聚合等等,而且还比其他新闻机构走得更远,在去年开放了其内容平台的API,供开发人员访问其海量内容。最令人感到意外的是,纽约时报还注资著名开源博客平台WordPress,彻底改变了其百年传统新闻机构的保守形象。
早期的纽约时报网站在网站建设、内容整合等方面落后AOL和MSN等较为纯粹的网络媒体,但经过几年的发展,纽约时报网站在2007年被评为最佳报纸网站,成为传统报纸网站中的领军者。纽约时报网站屡屡有令人眼前一亮的新闻组织手段、呈现方式,其对Flash的应用可谓炉火纯青,令人叹为观止,纽约时报多媒体栏目逐渐成为新闻院校、同行研究和学习的标本。
下面是纽约时报多媒体栏目中的代表作品之一:Faces of the Dead in Iraq
在这个作品中,集成了从03年至今——截至09年已有4200多名——所有美军阵亡人员的军人正面照。

还将其阵亡地点、时间、军种、军衔、种族、家乡等做了分析。

有的士兵还有一些音频资料。

这些资料通过flash整合在一起,读者可通过拉动时间线、点击照片“像素”进行互动。与平面媒体和电视媒体的报道手段相比,纽约时报的这个页面充分利用Flash灵活强大的互动功能,通过对阵亡数据的整理分析,将战争的残酷有效地传递给读者,大大提高了读者获取信息的主动性,同时也能很好避免同行的剽窃。
二月 16th, 2009 — 学习之路
写博客的时候,有时候免不了引用一些歌曲、flash动画、视频等等。在WordPress平台上,不能直接使用html代码插入上述媒体文件,只能借助于一些插件,比如专门插入mp3文件的Audio player、插入视频文件的WP-FLV。
前一段时间,在别人的博客中发现一个功能清大的wordpress媒体管理插件WordTube,这个插件基于JW FLV MEDIA PLAYER之上,能在WordPress页面和文章中插入各种格式的图片幻灯片、flv视频、swf文件,更吸引人的是,这款播放器还能创建自己的播放列表,不仅如此,还支持网友引用、共享、推荐功能,可以说是目前功能最强大的网页内嵌播放器,最后,它是免费并且开源的,感兴趣的同学可以下载源码学习。
安装WordTube插件后,我卸载了原来安装的Audio player、WP-FLV这两个插件,不是这两个插件不好用,而是因为wordtube可以替代它们。
最后,WordTube插件的设置好像略微有些问题,我自定义的播放器大小不起作用,不知道是什么缘故,欢迎同学们指点。