变身目标：为网站添加自动翻译网页、网页划词、在线翻译、在线词典、每日一句功能。
　　适用网站：中小型网站、个人网站和博客

　　百变语种，自动翻译网页

　　把中文的网站，变成十几种不同语种的网站，会不会感觉很新奇？ 要实现自动翻译网站上文字的功能，看似很困难，但是通过Google的翻译小工具实现起来就非常简单。只要添加一段网页源代码，就可以翻译多种语种的网页，让其他国家的用户也能看懂你的网站。

　　说简单，那是真简单——将以下代码加入网站合适位置，就可以实现网页的多语种翻译了。
　　<script src="http://www.gmodules.com/ig/ifr？url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=zh-CN&w=160&h=60&title=&border=&output=js"></script>
　　如果使用的是CMS网站管理系统，需要对全站的页面添加该工具，则可以直接在程序模板中添加以上代码。添加完成后，打开网站页面，并提供对该网页自动翻译的即时访问。
　　代码添加完成后，切换到网站页面，网页中将出现Google翻译的工具图标（图1），下拉列表中提供了英语、日语、德语、法语等几十种语种的翻译功能。这样一来在浏览网站时，如果需要翻译成外语，直接在工具的下拉菜单中选择需要的语种即可。

　　在线学习，实现在线翻译功能

　　在线翻译功能非常实用，对于面向国外浏览者的网站来说，也是网站人性化的一种体现。在网站上添加翻译的功能，并不需要多大的空间，如果是工具类网站，可以当作是另外提供的小工具，个人网站或博客则可以方便自己对外文的翻译和学习。

 

　　我们同样可以通过简单地添加代码来实现这一功能，谷歌、雅虎等多个网站都推出了在线翻译工具，这里我们以谷歌为例说明在网页中添加在线翻译工具的方法。

　　用Dreamweaver或者其他网页编辑软件打开网页，在合适的位置加入以下代码：

　　<table><tr><td align="center"><form action=http://translate.google.com/translate_t method=post target=_blank name=form1>
　　<div align="left"><textarea name="text" cols="70" rows="4"></textarea>
　　</div><tr><td align="center"><p align="left">
　　<SELECT name=langpair style="width:350px; ">
　　<OPTION class=line-above value=zh|en>中文到英语</OPTION></SELECT>
　　<input name="submit" type=submit value=" 翻  译 "></p></td></tr></form>

　　这里我们只提供了从中文到英语的翻译功能（图2），其他语种如需添加，可以在我们提供下载的压缩文件中获得。谷歌在线翻译提供了非常丰富的外语翻译功能，如果需要删减不需要的语种翻译功能，只要删除下拉菜单中的选项即可，方法是直接删除<OPTION>和</OPTION>这一行标记语言。

　　网页划词，让词组翻译最快

　　网页划词功能就是在浏览网页时看到一个关键词，用鼠标选中该词后就会自动出现它的外文释义（我们常用的外语学习软件金山词霸也有这个功能，称为“屏幕取词工具”）。它以开放资源应用接口为特色，开发者可以自己定制检索对象资源库，也可以直接以Google、百度等搜索引擎为检索对象资源库。

　　1．添加英语划词翻译功能

 

　　只须在网页的任意位置添加以下代码，就可以实现英文划词查询的功能（图3）。

　　<script src="http://dict.cn/hc/" type="text/javascript"></script>
　　<script type="text/javascript">dictInit();</script>

　　如果希望在网页上显示用户取词状态的开关功能，在划词翻译代码之前放入以下<span id="dict_status"></span>代码即可：
　　小提示：如果要让取词功能默认为关闭状态，只有在点击开启后才打开，可在dictInit（）;之前增加代码：dict_enable=false。

　　2．添加法语划词翻译功能

　　按照同样的方式在网页中添加以下代码，就可以实现法语划词的功能。
　　<！—— 法语助手网页划词-代码开始——>
　　<span id="dict_status"></span>
　　<script src="http://www.frdic.com/dic_resource/frdic_grab.js" type="text/javascript"></script>
　　<script type="text/javascript"> dictInit(); </script>
　　<！——法语助手网页划词-代码结束 ——>

　　在线词典，随时核对单词

　　在没有词典工具的电脑上写英文非常麻烦，拼错单词是常有的事情。所以我们可以在网站上添加一部在线词典，这样一来没有安装词典软件也可以随时使用了。另外对于网友来说，又多了一个可以在线使用的工具，同时也增加了网站的黏性。
　　把以下代码插入到网页中，然后根据网页的设计更改它的大小，就能够生成一部在线查询的词典（图4）。

　　每天一句，日知一新进步快

　　在很多网站和个人博客上，我们都可以发现一些刷新就能够更新的英语短句，往往是一些有意思的话，或者是其他的英语实用短句。只要能坚持每天学习一句，日积月累就会有很大的收获。
　　网站如果添加了类似的内容，不仅可以增加网站的趣味性，对于喜爱英文的网友来说，也是一个吸引他们每天浏览网站的动力。
　　要给网站增加每日学口语的内容，可以直接使用Dict网站提供的代码，该代码每天都会有英文更新，并且有语音朗读功能：

 

　　<span id="dict_daily"></span> <script language="JavaScript" src="http://dict.cn/daily.php" defer="defer"></script>

　　将以上代码放置在网站的合适位置后，刷新之后每天就会有不同的英语句子轮换显示了（图5）。

　　友情提示：由于文章代码过多，无法全部列出，欢迎到http://www.shudoo.com/bzsoft下载本文所提及的代码。

 

　　<form method="post" target="_blank"
　　action="http://dict.cn/search/">
　　<input maxlength=256 size=21 name=q><br>
　　<a href="http://dict.cn" target="_blank">在线词典</a>
　　<input type="submit" value="Look Up">
　　</form>

　　小提示：如果需要定制显示效果，还可以使用更多的参数。参数有：q=string 待查询的词，simple=1 简单页面显示结果，image=1 中文解释用图片显示。

 

　　小提示：在添加翻译工具网页时要注意网页编码的类型，否则在使用翻译功能的时候，可能会因为网站编码不同而出现乱码错误。

 

　　稍等片刻，网页将被自动转换成刚才选择的语种，将鼠标移动到文字上可以查看原文。有趣的是，从中文变身为外文后的网页，如果你将它拷贝下来，粘贴在文本中，会惊讶地发现，它还是两种语种对照的版本。
　　小提示：由于是机器翻译，不可能达到最佳的翻译效果，工具还提供了“更好的翻译建议”的互动功能，如果你觉得有更好的翻译结果，可以点击翻译的内容，然后提交建议即可。

评论 (0) All

登陆 还没注册？