利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子

利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子

隨著可上網瀏覽網頁的設備越來越多元化,如果網站設計還僅侷限在以電腦瀏覽器為主時,將難以提供使用者良好的體驗。因此當網頁設計好,要如何觀看在不同設備間且多種螢幕尺寸下所呈現的方式呢?其實,不需要真的去購買這麼多的設備一一來測試,透過 Google 所推出的 Resizer 網站,只要輸入網址,便可以觀察自己的網頁在不同螢幕尺寸下所呈現的樣子,藉以調整,事半功倍。

RocketCake 免費回應式網頁編輯器

RocketCake 免費回應式網頁編輯器

為了解決同一個網頁能在不同的螢幕解析度下,仍可以有適合的呈現大小與內容,因此,網頁設計時就會採用 Responsive web design 的技術,這樣的作法不但可讓使用者獲得良好的閱讀體驗,日後網頁的維護也能較為輕鬆。而要設計回應式網頁,網路上有很多的範例可供參考與應用,初學者如果還沒有慣用的網頁編輯器,也可以考慮來使用 RocketCake free responsive website editor 這個可設計回應式網頁的免費編輯器,該應用程式本身就有內建一些網頁模板可供運用,且提供所見即所得的編輯方式,即便是非初學者,也可以使用此方式,取得自己想要的網頁效果。

Countdown Timer 在網頁上放個倒數計時器

Countdown Timer 在網頁上放個倒數計時器

辦活動的網頁,如果可以適時的放上倒數計時器,藉以提醒有興趣的網頁訪問者,絕對有加分的作用,那麼要放到網頁的倒數計時器該如何製作呢?這就不用傷腦筋了,透過 TickCounter 網站旗下的 Countdown Timer 服務,便可以輕鬆完成,使用者除了可以自訂倒數計時器的名稱、終止時間及顏色樣式,還能直接產生嵌入網頁的程式碼,更棒的是該程式碼還支援自適應網頁( RWD,Responsive web design ),讓使用者即便是在行動裝置上也能瀏覽。