清风徐来 发表于 2007-9-17 11:31:01

让Web创意十足

<TABLE cellSpacing=0 cellPadding=0 width=570 border=0>
<TBODY>
<TR>
<TD class="t12 black" align=middle width=550 height=26></TD>
<TD width=10>&nbsp;</TD></TR>
<TR>
<TD width=10>&nbsp;</TD>
<TD style="FONT-SIZE: 14px; TEXT-INDENT: 25px; LINE-HEIGHT: 20px" width=550>
<P><SPAN style="FONT-FAMILY: 楷体_GB2312"><img src="http://imgs.ccw.com.cn/resources/2007_09/2007_09_06/200709066781189070346164.jpg" border=0/>利用谷歌等公司提供的免费Web创新技术,也许不需要知道复杂的技术细节就能实现Web应用的灵活、多变,甚至创意无穷。</SPAN></P>
<P><SPAN style="FONT-FAMILY: Verdana">来自谷歌及其他众多公司的免费服务可以巧妙地混合搭配,来实现共享及同步日历,或者创建专门用途的地图等。用户甚至不必知道何谓API,也不必知道如何编写J***aScript或者XML(不过可能需要了解),就可以创建定制的新闻源、窗口组件及其他功能,到底能得到怎样的应用效果就看每个用户的想象力了。</SPAN></P></TD></TR></TBODY></TABLE>
<DIV>&nbsp; 标示地图(清风徐来说:中文google无此功能,目前只有英文有</DIV>
<DIV><A href="http://maps.google.com/maps?hl=EN&amp;oe=UTF-8&amp;tab=wl&amp;q">http://maps.google.com/maps?hl=EN&amp;oe=UTF-8&amp;tab=wl&amp;q</A>=)</FONT></DIV>
<P><SPAN style="FONT-FAMILY: Verdana"><img src="http://imgs.ccw.com.cn/resources/2007_09/2007_09_06/200709069321189070627506.jpg" border=0/>
<P></P>
<P class=newtext>只要短短几分钟,就可以为自己的网站添加地图,高亮显示某个特定的位置; 或者创建地图,显示你常去的路边小餐馆和便宜的加油站。Google Maps的应用编程接口(API)让任何人都可以把文本和图像链接到任何Google Maps上,而且不必编写代码甚至不必知道什么是API。</P>
<P class=newtext>访问Google Maps,选择“My Maps”标签,然后点击“创建新地图”。导航到想要添加标注的位置(必要时可以放大),点击蓝色的“地标”按钮,即可添加标记。拖动标记就能确定位置。用鼠标右键点击标记,即可改变其标题或者输入描述内容。想插入图片,选择“富文本”,点击最右边的“插入图片”图标,然后把图片的URL粘贴到对话框,点击“保存”。选择Google Maps页面右边的“链接到本页”,拷贝地图的URL,即可通过电子邮件来共享。</P>
<P class=newtext>但谷歌并不满足于只能使用地图标记,它还可以把你创建的定制地图与许多别人的Google Map混合应用(表现为类似窗口组件的地图组件)轻松混合起来。</P>
<P class=newtext>要添加地图组件,只要点击个人地图下面所列的其中一项内容条目,譬如GasBuddy.com的本地汽油价格数据库,或者Panoramio的地理位置照片图库。或者点击“添加内容”,从现有的另外几十个地图组件当中选择一个。譬如说,只要结合地图组件和地标,除了显示途中油价最便宜的加油站外,还可以创建及共享列有你常光顾地方以及具体路线的地图、为每个地图添加自己的图片和文本,还能添加别人的图片。或者创建你所在城市的地图,画出你最常光顾的目的地以及各条公共交通和自行车路线。随着谷歌添加更多的地图组件,这项特性会变得越来越有用。</P></SPAN></P>
<P class=newtext>&nbsp; 创建RSS新闻源</P>
<P class=newtext>RSS是阅读网上内容的一种好办法,因为几乎所有的浏览器、电子邮件程序、门户网站和搜索引擎都支持RSS,所以可以把自己网站上的内容推送给那些对你网站涉及的主题感兴趣的读者。RSS新闻源(RSS feed)是一种文本文件,列出了网站上的标题、单篇文章以及URL。对于简单网站,可以手动创建这个文件,只要使用文本编辑器和RSS 2.0规范。RSS顾问委员会的网站提供了RSS测试场所,可以插入新闻源的值和变量来测试自己的新闻源。</P>
<P class=newtext>不过,使用许多RSS新闻源自动生成器要容易得多,它们能够从你的网站上的HTML标签“搜集”可能用到的新闻源条目,生成XML文件。在众多这类服务(大分部是免费的)中,可从FeedYes入手: 它不但能自动从网站搜集新闻源内容,还能帮你手动构建新闻源。一旦新闻源创建完毕,可用Feed Validator来检查有无错误,或者使用RSS顾问委员会的验证器。如果准备完毕,就可以提交新闻源,与FeedBurner的免费服务聚合。你在FeedBurner网站上的时候,可以考虑让这家谷歌旗下的服务商通过谷歌的AdSense计划,让你的新闻源获得经济回报。</FONT></P><SPAN style="FONT-FAMILY: Verdana">
<P></P>
<P class=newtext>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 通过雅虎管道过滤新闻源</P>
<P class=newtext>新闻源可以帮助用户了解最新信息,不过读起来很费时间。如果在大量的RSS新闻源中寻找所需信息,那么雅虎的功能强大、免费的管道构建集可以通过众多预编制的逻辑模块来大量提供新闻源,这些模块能够搜索、修改及分析新闻源,然后通过其他模块和服务输出结果,从而得出经过微调的准确结果。流行的管道可以整理iTunes上前十首热门歌曲的YouTube视频、提供与《纽约时报》上新闻报道相关的Flickr照片,还能显示你的Flickr联系人的靓丽照片。</P>
<P class=newtext>自行创建新闻源只需要进行少量拖放操作即可。点击主页上的“Documentation link”,即可进入教程、网上帮助及管道样本,可以教你如何混合搭配诸多模块。</P>
<P class=newtext>要构建管道,使用你的雅虎身份登录到“管道”主页,点击“创建管道”,即可打开管道编辑器。从编辑屏幕左边的“用户输入”或者“来源”类别(譬如“取新闻源”即可添加RSS新闻源)选择一个模块,然后把模块拖到你的页面上。接下来,从Operators、String或者另一个数据操纵类别选择一个模块,并且拖到页面上。输入必要的过滤信息。然后,从对话框下方的“port”拖过来,把第一个模块的输出连接到第二个模块的输入,再把第二个模块的输入连接到页面下方的“管道输出”模块的输入。</P>
<P class=newtext>完成后,点击“保存”,然后“运行管道”,即可使用已创建好的管道。最后,点击“发布”,即可与别人共享管道。你的管道实际上具有一些实用功能,譬如查找某个深奥主题的新闻源,这取决于连接了哪些模块,不过对输出进行微调却是冗长乏味的过程。我们把PCWorld.com的几个新闻源连接到“For Each: Replace”模块(包括Flickr源模块)后,创建的管道能够表明多少产品外观类似,另外偶尔还会得到一些意想不到的结果。我们还采用了“Unique”模块,居然可以过滤掉重复图片。不过,真正巧妙的管道要复杂得多。</P>
<P><SPAN style="COLOR: #ff0000">&nbsp; 把域和Google Apps</SPAN></P>
<DIV class=newtext>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 连接起来</DIV>
<DIV class=newtext>(清风徐来:<SPAN class=errormsg id=errormsg_0_country>Google 企业应用套件目前不支持该国家/地区的域名。</SPAN> )</DIV>
<P class=newtext>在过去,拥有及运作Web域可是一件费钱的事,更不用说建立电子邮件服务器、用户账户及托管服务了。但现在不一样了,如果你已经通过另一家注册机构拥有一个域,就可以结合Google Apps使用,这样可以把Gmail配置成这个域的邮件服务器; 还可以设置子域,结合其他服务使用,譬如Google Docs &amp; Spreadsheets、Calendar和Page Creator。</P>
<P class=newtext>进入到Google Apps页面,点击“开始”,选择标准版下的“注册”,输入现有域名,或者通过注册机构GoDaddy购买一个域名,费用是每年10美元。然后,Google Apps会提示为新的域创建管理员账户,这样就可以了。可以看到Google Apps Dashboard页面,可以在上面为同事、家人及其他域成员创建另外的用户账户(最多200个),并且配置聊天、日历共享及文档等设置,另外还有其他选项。虽然它提供不了把所有内容搬到网上所需的各项功能,却为你所在群组的网络活动奠定了良好基础,而且是免费的。</FONT></P>
<P><SPAN style="FONT-FAMILY: Verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 实现本地日历和</P>
<P></P>
<P class=newtext>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 谷歌日历的同步</P>
<P class=newtext>要是没有网上日历,真不知道怎么办才好,因为许多人的一切安排都在上面。遗憾的是,一旦要去约会,就经常没法坐在电脑跟前。这就是为什么Google Calendar及其***S通知功能使人们感到很方便。另外,有人还喜欢把自己的日历放在网上,那样家人和同事就能查看自己的在线状态。这需要让你的本地日历和Web日历实现同步。</P>
<P class=newtext>要实现这个功能只需要下述两款工具当中的任何一种。如果使用Mozilla Thunderbird及其Lightning日历插件,Provider for Google Calendar工具可以在Lightning/Thunderbird中创建新日历,可与现有的Google Calendar同步。而Outlook用户可以试试Calgoo Software公司每年收费25美元的Calgoo Apps,这个工具不但可以同步Outlook和谷歌的日历及联系人,还可以在离线状态下访问Google Calendar。</P>
<P class=newtext>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 增强Facebook</P>
<P class=newtext>Facebook是一种便利、通用的场所,可联系你的同事、邻居和朋友,不过它的自传、照片和消息传送等功能很普通。幸好,这项服务的众多应用让你可以把类似窗口组件的程序安装到个人档案上,从而增强联系其他Facebook成员、甚至边聊天边工作的功能。</P>
<P class=newtext>想浏览Facebook包括1500多个应用的库,只要依次点击“应用”和“浏览更多应用”; 选择右边的“For Facebook”,即可看到更易管理的类别列表,那些不大重要的类别无须理会。笔者偏爱的一些类别包括: My Flickr,可显示你的Flickr照片; Zoho Online Office,可链接至免费的Zoho办公套件账户; 以及来自LinkedIn的My Company’s Hiring窗口组件。</P>
<DIV class=newtext>&nbsp;</DIV>
<DIV class=newtext>增添样式
<P class=newtext>是否对经常光顾的网站的外观感到了厌倦?如果使用Mozilla的Firefox浏览器,就可以安装Stylish插件、下载针对个别网站和浏览器本身的预定义样式,从而可以扮靓网站外观。</P>
<P class=newtext>要安装这个插件,选择“工具”→“附件”→“获得插件”。在Firefox的附件网站搜寻Stylish; 找到后,点击链接,然后点击绿色的“立即安装”按钮。下一次启动Firefox后,Stylish就会运行,不过只有从Userstyles.org下载及安装了样式后,它才能发挥作用。可以把谷歌的亮白色背景变成酷酷的深蓝色、增强维基百科全书的可读性,或者更改Facebook、Gmail、YouTube及其他网站的外观。还会找到可改变Firefox和Thunderbird界面的Stylish样式。</P>
<P class=newtext>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 创建自己的窗口组件</P>
<P class=newtext>说到编制方便的小型程序,以便在你的iGoogle页面上或者通过雅虎的窗口组件运行,没有什么取代得了编程方面的技能。你可以在网上或者当地书店找到有关XML和J***aScript的优秀教程。不过,创建简单的谷歌窗口组件根本不需要编程技能。</P>
<P class=newtext>登录到iGoogle,点击页面下方的“创建你自己的窗口组件”。从七个(截至发稿日期)窗口组件模板中选择一个,点击“开始”链接。用网上内容、文本及其他选项对它进行定制后,点击“创建窗口组件”。谷歌会把该窗口组件添加到你的iGoogle页面上,并提供共享方面的选项。WyaWorks Widget Creator服务可以创建及共享数据库窗口组件,可与iGoogle、Netvibes和Pageflakes协同工作。雅虎窗口组件的创建者可以借助Harry Whitfield的 Widget Maker,得到XML窗口组件编码方面的帮助。</P>
<P class=newtext>(译自《Computerworld》)</FONT></P></DIV></SPAN>
<P class=newtext></P></SPAN>
页: [1]
查看完整版本: 让Web创意十足