開發日誌-佈景主題-Canvas | 一套擁有彈性/設計/單純的框架 | 一方設計

by Alvin

開發初期,我不斷找尋彈性大/框架優/資源多的佈景主題,最後找到Canvas,這套Canvas真的是我目前看過這麼多套佈景中,唯一頁面多到數不清的,而且從形象/一頁式到購物/會員等等都可以搞定,還有最後一個重點就是要單純,我不要附掛了一推動態語法在裏頭的架構,越單純越好,綜合以上的需求,Canvas就決定是你了!!

Canvas主題有幾項優點我簡單的列舉一下:

框架豐富

我截個圖給大家來看,這主題共有約快30種類型的版位,可以透過CSS的組合及HTML的框架變化來處理版位,這次我也是透過細部的拆解分析,用管理介面來重構版位,如下圖所示:

因為版位變化性很大所以在拆解過程中,會有反覆測試的狀態,不同的CSS及搭配的DIV架構是不同的,如果拆解不細,可能會有卡住的狀態也就是變化性有限制,這次不是我第一次用這個框架了,所以前一陣子在開發過程已經有一點小心得,要如何拆解心中也有一定的藍圖了!!

純HTML CODE

還是呼籲大家購買原廠的檔案,避免參雜到不好的檔案(沒錯就是病毒)
解完壓縮檔案,可以得到上圖的這麼一大坨的檔案,裏頭都是純html檔案,列舉幾個好處:

  1. 對初學者
    直接就可以取用,只要熟悉bootstrap的運作即可
  2. 對設計師
    複製出所需要的檔案就可以做靜態網站,官方也有不錯的範例可以對照
  3. 對開發者
    拆解方便也容易,不需要學其他的framework與技術,而且直覺

完整範例

第二點有說明範例的連結,如果要更詳細的資訊部分,可以透過Canvas的文檔資訊來找

完整的資訊與範例,可以協助你在架構或開發過程,有好的輔助工具使用,不用擔心操作的問題!

以上就是這次開發所使用的佈景主題,我把Canvas連結再給大家來參考:
https://themes.semicolonweb.com/html/canvas/intro.html

 

Related Posts