我有一個網站完全英文!如何將英語和阿拉伯語譯員添加到網站?
我想要的是通過一個下拉菜單或一些中東用戶的鏈接來使其能夠以阿拉伯語查看。
總之,我希望我的網站頁面在阿拉伯語下拉或單擊鏈接時更改爲阿拉伯語。
我有一個網站完全英文!如何將英語和阿拉伯語譯員添加到網站?
我想要的是通過一個下拉菜單或一些中東用戶的鏈接來使其能夠以阿拉伯語查看。
總之,我希望我的網站頁面在阿拉伯語下拉或單擊鏈接時更改爲阿拉伯語。
谷歌和微軟幫助都提供小工具,你可以貼在你的網站。 (正如其他人所說,這是一個自動翻譯,所以你可能會得到一些不好的結果)。
如果你願意支付真正的翻譯;一個有趣的選擇:http://amanuens.com/。您可以讓他們訪問您的源代碼管理,他們會爲您創建所有翻譯資源。
如果你想它是自動的(機器翻譯),你可以看看Google Translate API。它允許您訪問Google的機器翻譯(處理http://translate.google.com頁面的軟件)。
請注意,機器翻譯並不精彩。儘管在過去幾年中通過轉向statistical translation方法取得了很多進展,但您仍然可以獲得一些非感性結果。
下面是使用自己的接口在JavaScript中的該頁面的例子:
<html>
<head>
<title>Translate API Example</title>
</head>
<body>
<div id="sourceText">Hello world</div>
<div id="translation"></div>
<script>
function translateText(response) {
document.getElementById("translation").innerHTML += "<br>" + response.data.translations[0].translatedText;
}
</script>
<script>
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
var sourceText = escape(document.getElementById("sourceText").innerHTML);
var source = 'https://www.googleapis.com/language/translate/v2?key=INSERT-YOUR-KEY&source=en&target=de&callback=translateText&q=' + sourceText;
newScript.src = source;
// When we add this script to the head, the request is sent off.
document.getElementsByTagName('head')[0].appendChild(newScript);
</script>
</body>
</html>
這個例子翻譯頁面的一個特定組成部分,你必須從那裏翻譯整個頁面。
您應該注意的最重要的事情是,阿拉伯語是從右到左,英語是從左到右。所以這使翻譯變得困難。
首先,您應該將direction="rtl"
添加到body
或切換到阿拉伯語時的特定元素。之後,你應該重新定義你的CSS新的方向。如果你有margin-left:20px
它現在應該是margin-right:20px;
所以它可能會很棘手。我有翻譯成RTL語言的經驗,我可以說如果你想要相同的用戶體驗,這將是一件痛苦的工作!
對於翻譯,您應該有一個兩種語言的術語數據庫,並使用JavaScript將用戶在該下拉列表中選擇的新語言術語注入DOM。大多數情況下,您應該跨越specefic類或id來解決每個術語。 它應該是這樣的:
<div id="something" direction="ltr">
<span class="this-is-a-multilingual-term hello">Hello</span>
</div>
器Javascript should爲你做這個:
<div id="something" direction="rtl">
<span class="this-is-a-multilingual-term hello">مرحبا</span>
</div>
太棒了!似乎這並不容易,因爲我期待它:) – cheeda 2011-04-28 07:18:09
好點。 @cheeda:如果你使用他們的翻譯部件,谷歌翻譯會爲你處理RTL的事情(儘可能地,這是一個公平的位置)。如果你使用他們的API來翻譯文本片段,你需要自己設置'direction'屬性。 – 2011-04-28 07:30:25
你試圖將谷歌的翻譯工具? – 2011-04-28 06:49:54
yupx正是:) – cheeda 2011-04-28 07:10:15