zoom教室下載
文/圖、菜鳥編
上次鳥編有介紹過Adobe Spark 讓你快速製作高質感網頁，可以方便又快速使用內建的工具製作出網頁來。今天要再來介紹一款視覺化的RWD開發工具，對於使用Bootstrap框架的人相當方便，可以讓你省下寫code的時間。
軟體名稱：Pingendo
下載位置：https://goo.gl/KP6D4X
軟體介紹：提供了線上版與本機端安裝，支援Windows/MAC/Liunx。
在首頁部分可看到提供線上與安裝版本，這邊比較建議可以使用本機端安裝，對於需要使用到本機端網頁檔案會比較方便。
依照設備將檔案下載下來安裝。
軟體本身提供了兩個樣板使用，不過這邊以空白文件開啟。
軟體分成四個區域：
1.Bootstrap元件選取區。
2.工作區，也就是佈局的繪製區。
3.屬性設定區塊，可針對Bootstrap做簡易的設定修改。
4.編碼區，包含了HTML與SASS。
不論是線上或是軟體，皆有提供快速鍵。
操作的方式，只要將想要增加的Bootstrap元件拖曳至工作區就可以了。下圖中很快地就做出一個滿版的COVER區塊來。
每一個拖曳進來的元件，基本上都可以針對width、height、margin、padding、texr-align等屬性做設定。
如果覺得屬性設定提供的過於簡單，也可點擊最下方的「+New style」來自行新增CSS樣式。
如果只是想要製作一個簡單的活動頁面，也可以很快地使用既有元素，將整個頁面規劃出來。
下面為展示製作的網頁，不過如果真的要修改，建議真的要有HTM、CSS有一定程度的瞭解，並且也要知道Bootstrap框架的理解在會比較好。
