教學影片

不要錯過 CSS coke 的影片
快按此訂閱CSS coke的頻道

重點回顧

目前撰寫網頁常見的工具有哪幾個

Brackets

免費軟體，跟Adobe有關，功能上支援即時預覽，網頁動態自動更新，可在軟體內直接預覽 PSD 的圖檔，且可以看到圖檔內每個圖案的尺寸，視覺設計師頗愛，但 Amos 用了一段時間後不愛。

ATOM

免費軟體，基於瀏覽器的一套網頁編輯工具。Amos 不熟。

Sublime Text

收費軟體，但使用完全免費且不鎖功能，僅偶爾跳一下廣告。目前 Amos 的主力工具，啟動速度快! 外掛多! 但被網友們詬病更新速度太慢，後面因為這一點而轉用 Visual Studio Code 的人不少。
若需支援自動動態更新網頁的話，需要另外自行安裝「Live reload」這個外掛。

Visual Studio Code

免費軟體，由微軟開發出來的，同樣是基於瀏覽器的一套網頁編輯器。目前外掛非常齊全，算是目前很熱門的一套網頁編輯軟體，網路教學也越來越多，各位可以自行去google看看喔。

使用工具的重點

順手即可，不需要特別要去跟別人比較，可以先挑選一套軟體開始入手之後，再慢慢的看是否要多試幾套軟體。

影片中提到的工具

Brackets
ATOM
Sublime Text
Visual Studio Code

影片中提到的網站

CodePen
Sublime 免費教學影片

追蹤 Amos 收好康資訊

Line搜尋「@csscoke」加入CSS可樂公開帳號，可以收到 Amos 第一手資訊喔
Youtube 頻道訂閱
每周二晚上直播影片
CSS可樂部落格
CSS可樂粉絲團