2013年5月1日 星期三

手機版網站實做(一) weebly 篇

隨著智慧型手機和平板電腦愈來愈普及,你有想過應該要讓你的網站也有個手機版專用的版面嗎? 手機版網站的好處是不用像 APP(手機或平板電腦專用的應用程式) 還得讓使用者去下載程式並安裝好才能使用,所以一般情況下,手機版網站是實用性比較高的! 在 Tommy 的認知裡,手機版網站要合格,需具有下面幾個基本的條件: 1.訪客不用特別去記你的手機版網址,應該要讓網站的程式可以自動判斷來訪的上網平台是手機和平板電腦,而自動將其導向到手機和平板電腦的專屬頁面網址! 2.手機和平板電腦專屬頁面上需具有基本的商家介紹及聯絡資訊,例如電話、地址(最好有結合 Google 地圖)及主要商品或服務為何! 3.上面應該要有表單可以讓訪客問問題 4.要有文字或圖片連結可以讓訪客連到原本的電腦版專用網站頁面(因為訪客可能使用的是大尺寸的平板電腦,看電腦版的畫面比較清楚,資訊也比較齊全!) Google 了一下,Tommy 發現把資料建在 weebly 就可以自動轉成手機版版面,所以當然就從最簡單的 weebly 開始試做看看囉~ 除 weebly 基本操作外,主要要注意: 自動偵測來訪者上網平台的功能,則由 php 程式來處理,因為 Tommy 預計要讓使用 Tommy 所開發的網站軟體的網站管理者日後比較方便修改手機版網站的網址: 想看看 Tommy 做出來手機版網站長的如何嗎? 請用智慧型手機或平板電腦在瀏覽器的網址列輸入 :  http://www.host168.com 即可! 下一次再來探討及實作其他建立手機網站的平台!

更多資訊請連結哈斯特科技官方部落格

沒有留言: