透過電腦接收新資訊是大多數人每天必做的事情，大部分的人都會開啟Yahoo新聞、蘋果新聞來看，除了這兩個比較熱門的平台之外，我們多了一個新選擇，因為睽違三年的ETtoday重返網路新聞平台，以全新的新聞雲模式重返江湖。現在是一個以社群、雲端緊密結合的資訊平台，在上面我們可以獲得每日新聞資訊、留言互動，還有機會出現在網站的最上方，因為這個平台強調即時、互動與分享。

網站整體的感覺給人一種蠻乾淨的感覺，因為網站上排版比較整齊，也少了一些會嚇到人的廣告，閱讀上舒服多了。除此之外，網站也整合了當前熱門的「雲端」端概念，把網站化身成一朵雲，各個新聞頻道都有自己專屬的雲，目前有分享雲、星光雲、科技雲、旅遊雲、運動雲、寵物雲以及最重要也是網站主體的「新聞雲」等，網站上也結合了Facebook、Twitter、Google+以及微博等等的社群服務。

新版的ETtoday的整體感覺，給人一種很輕鬆的感覺。一個以前曾是傳統的新聞網站，經過三年的沉澱，重新出發後完美結合社群服務，讓大家在閱讀新聞上可以非常的自由，看到不錯的新聞，可以很快地透過網站上的社群分享工具做最即時的Share。對於新聞想要發表意見，下方也整合Facebook留言框，可以利用Facebook帳號進行PO文，省去了額外註冊帳號這種麻煩事。

ETtoday新聞雲：http://www.ettoday.net/

網站版面設計：CSS+DIV+JQuery

以香腸來講，看一個網站第一件事情就是看看網站的整體版面規劃、動線設計以及程式碼。在網頁的排版上，算是很整齊的，看了一下原始碼網站是採用DIV+CSS切版，使用JQuery做到一些輪播效果，這樣的做法很棒，在各個瀏覽器下看，也都有做好完美的瀏覽器校正捏！

讓網友來說

這個設計其實有點小意外，一般網頁最上方是黃金廣告位置，通常都是擺上自家服務選單或者是廣告，倒是在ETtoday上看到不一樣的設計，這邊是抓Facebook網友留言過的內容，使用輪播的方式顯示網友留言，讓人人都有機會登上網站版面，網站的設計不在是主動提供內容，而是和大家一起創造內容。

完善的分享機制

閱讀完新聞之後，我們可以在下方看到當前最紅的社群分享機制，在這邊有Facebook讚、Google+1、推特、微博、噗浪等等的分享機制，透過分享機制除了可以很快的讓網友對新聞有個feeback，同時一但被推文之後，也會分享到網友的社群中，將訊息分享給自己的朋友，透過這樣的方式，資訊可以很快地擴散出去。

整合社群留言機制

一個網站的設計是否可以讓訪客體驗好，除了是版面設計外，功能設計也是如。有效的整合當紅的社群平台Facebook是一個很棒的方法，像香腸在自己網站上也有這樣的留言機制。畢竟現在幾乎人手一個帳號，想要使用留言我們也不必再額外登入，直接使用Facebook帳號即可很迅速地發表囉！而且網站小編也會跟粉絲們做留言互動唷！

善用側邊欄，使用Tab顯示更多資訊

一般新聞網站側邊欄都會是滿滿的廣告，不過在ETtoday新聞雲上，這樣的狀況到是少了很多。不同於一般的新聞網站，在這邊會顯示「網友留言」！！！而且也整合Facebook的API，統計出新聞被讚最多的，可以很快速地看到其他大家都在推的新聞。

有趣的名人臉譜

一開始對於網站上首頁下方有許多「臉譜」而感到好奇，想說這不是新聞內容啊？怎麼會突然出現在這地方呢？原來這是把名人、藝人、網友等等的社群訊息匯入到網站，讓大家在看新聞之於，也可以透過這些臉譜追蹤自己的偶像，看看他們在說些什麼，透過這邊就不用跑好幾個站去追星囉！

提供Feedburner的RSS訂閱

網站看著看著，想說有沒有訂閱的部分，沒想到看到網頁右上角提供了RSS，很開心的準備要點下去的時候，突然秀出一整排的訂閱連結。提供了RSS和Email訂閱，但是，當連結點下去更為驚奇！這，不是Google的服務Feedburner嗎？原來ETtoday連這部分都整合外部訂閱服務耶！這樣的做法他們可以有效的統計RSS的訂閱數，同時也可以提供方便超簡單的Email訂閱唷！(香腸炒魷魚網站也是這樣的做法唷！)

網頁程式碼非常整齊

前面看了這麼多網站功能面，倒是有些好奇有些功能是怎麼達成的？看一下網頁的程式碼，上面註解得清清楚楚，而且程式碼整理得很乾淨，網頁設計師在網站功能開發上，也沒忘記程式碼整理乾淨，做好註解，之後如果有人接受修改，也可以很好的做修正呢！(其中還有Javascript的判斷式是針對大陸地區，如果連不上Facebook，則不載入該區域的樣子，讚！)

ETtoday 新聞雲粉絲團

除了在網站上可以獲得新聞消息之外，也可以加入粉絲團追縱更多的訊息唷！粉絲團有分成好幾個不同的雲，「ETtoday新聞雲」、「星光雲」、「科技雲」、「旅遊雲」、「運動雲」、「寵物雲」唷！

一開始在Google Plus看到網友分享ETtoday新聞雲，馬上點過去看一下網站，整體給人的感覺還不賴，然後如同前面所說，在看一下網頁程式碼，真的整理得很乾淨，而且網頁設計並不是採用傳統的table排版，而是使用DIV搭配CSS的排版，因此對這網站的印象就還不錯，網站整體的作法則是善用一些社群機制與外部服務作為整合，其實這樣的網站做法是很棒的一種方式，既然外部服務可以用了，何不善用他們，讓網站達到最好的效益呢？

在內容的閱讀上，版的字體採用15px，這種大小的文字是最舒服、最好閱讀的，因為香腸自己網站也是採用這樣的字級，在新聞中有圖文並茂的搭配閱讀起來反而更生動，就好比在閱讀部落格一樣，因為很多新聞網站圖文都是完完全全分開，甚至是沒有圖片，讀起新聞到是枯燥了些。ETtoday新聞雲整體體驗上是還不賴，而且結合了許多當紅的服務的一個全新的社群新聞平台。話說香腸在瀏覽時一時間找不到科技分類的新聞，還好目前網站是beta版，期待網站未來可以帶來更多的驚喜唷！(快新增科技分類吧)

● ETtoday 新聞雲 → http://www.ettoday.net/

相關文章

[教學]如何用 ShowKeyPlus 查詢 Windows 10/11 產品金鑰序號？

菲律賓遊學攻略｜語言學校太多難以抉擇？看這篇就對了！

[教學]GA4 和 Google AdSense 資料串接，輕鬆掌握網站流量和收益報告

[教學]如何申請台北捷運誤點證明？

[教學]如何用 Chrome 批次把 HEIC轉成 JPG 圖片 ？

[教學]如何領取TPASS 悠遊卡補助100元？

免用Photoshop！Adobe Express 免費線上圖片裁切服務

免註冊帳號！ChatGPT 開放免費使用並且無任何限制！

Line Mobile 月租24元！中華電信隱藏資費方案(附邀請碼+申請教學)