
先前曾分享過HTML5 UP這個免費可商用的網頁版型平台,雖然說裡面所提供的版型不多,但每個版型都很有特色與質感,再加上裡面所有的版型都支援RWD自適應網頁,同時還可作為商業使用,更重要的是下載時,完全無需註冊為會員,就可將版型給下載回來,甚至下載回來網頁中,所用到的素材都沒有壓縮,因此更方便自行再手動進行微調。
最近梅干又發現一個免費的RWD自適應網頁版型下載平台,不但裡面提供的版型相當的多,甚至針對版型進行分類,同時裡面的所有網頁版型都免費,甚至還可作為商業使用,同時網頁不但很有質感也有設計感,因此身為網設的朋友,還在等什麼,也趕快來下載囉!
w3layout
Step1
首先,進到w3layout這個免費的RWD網頁版型網站後,點上方的License授權的連結,便可看到免費版型在使用時,需保留版型的原連結,不可善自將它刪除。

Step2
接著再點Categories分類連結,就可看到所有的版型分類清單。

Step3
點選後,右邊就會出現該分類的,所有網頁版型縮圖。

Step4
點選網頁版型縮圖,進入後在下方分別會看到Demo(預覽版型)、Download Template(下載版型)、Remove Back Links(移除連結)按鈕。

Step5
點Demo鈕,進入預覽模式後,從上方的裝置圖示,可切換版型在各裝置的顯示效果。

Step6
預覽完沒問題,再點右上的Download Template鈕,就可下載版型。

Step7
接著上方就會顯示所有付費的授權方式,不付費直接點右下的Download Template鈕。

Step8
這時就會跳出警示,免費版不可將版型的連結拿掉,確定後再按下方的同意鈕。

Step9
再選擇任一種的登入方式。

Step10
登入完畢後,再將上方的訊息分享出去。

Step11
分享完畢後,畫面中就會看到下載鈕,點下載鈕,就可將網頁版型給下載回來啦!

Step12
下載回來解壓縮後,可看到裡面的檔案,相當的有條理與完整。

Step13
接著開啟頁面來檢查一下,開啟後在畫面中的左下角,會看到一個版型的連結文字,免費版是不可將它刪除的喔!有需要的朋友,也趕快來下載囉!
