捐血一袋救人一命

2016年3月25日 星期五

設計網站的好幫手

說實在的,如果不是熟悉 bootstrap ,我比較不建議使用 Dreamweaver 來設計網頁。

雖然它提示標籤、參數功能很棒,但是因為引入了 bootstrap 的 css 定義,很容易會造成越改越亂。

建議設計網頁還是從基礎學起,

先理解切版會用到的 Box Model,瞭解如何設定版塊大小、位置,以及對齊等方法,再來使用 Dreamweaver 這種進階的工具會比較好。

但是,新手要去記憶一大堆的 CSS Code,也很困難,所以,我建議新手可以利用以下的工具網站,來學習設計網頁。

即時可見的編輯器

  1. jsfiddle
  2. codepen
  3. jsbin
  4. liveweaver
  5. dabblet
  6. Plunker
  7. w3cschools
  8. RunJS
  9. CSSDesk

CSS 產生器

EnjoyCSS

CSS3 Generator

css3.me

CSS matic

Ultimate CSS Gradient Generator

CSS3 Maker

css3gen.com

css3 layout generator

CSS DIV Builder

0 意見: