開發初期,我不斷找尋彈性大/框架優/資源多的佈景主題,最後找到Canvas,這套Canvas真的是我目前看過這麼多套佈景中,唯一頁面多到數不清的,而且從形象/一頁式到購物/會員等等都可以搞定,還有最後一個重點就是要單純,我不要附掛了一推動態語法在裏頭的架構,越單純越好,綜合以上的需求,Canvas就決定是你了!!
Canvas主題有幾項優點我簡單的列舉一下:
內容目錄
框架豐富
我截個圖給大家來看,這主題共有約快30種類型的版位,可以透過CSS的組合及HTML的框架變化來處理版位,這次我也是透過細部的拆解分析,用管理介面來重構版位,如下圖所示:
因為版位變化性很大所以在拆解過程中,會有反覆測試的狀態,不同的CSS及搭配的DIV架構是不同的,如果拆解不細,可能會有卡住的狀態也就是變化性有限制,這次不是我第一次用這個框架了,所以前一陣子在開發過程已經有一點小心得,要如何拆解心中也有一定的藍圖了!!
純HTML CODE
還是呼籲大家購買原廠的檔案,避免參雜到不好的檔案(沒錯就是病毒)
解完壓縮檔案,可以得到上圖的這麼一大坨的檔案,裏頭都是純html檔案,列舉幾個好處:
- 對初學者
直接就可以取用,只要熟悉bootstrap的運作即可 - 對設計師
複製出所需要的檔案就可以做靜態網站,官方也有不錯的範例可以對照 - 對開發者
拆解方便也容易,不需要學其他的framework與技術,而且直覺
完整範例
第二點有說明範例的連結,如果要更詳細的資訊部分,可以透過Canvas的文檔資訊來找
完整的資訊與範例,可以協助你在架構或開發過程,有好的輔助工具使用,不用擔心操作的問題!
以上就是這次開發所使用的佈景主題,我把Canvas連結再給大家來參考:
https://themes.semicolonweb.com/html/canvas/intro.html