Note Page

其實用 Window 內建的記事本也可以寫 Html 語法，但一個好工具可以幫你省更多時間。Sublime 本身雖然設計得很簡單，卻提供許多額外的功能，每個人可以依自己的需求安裝額外套件使用。

Sublime Text 編輯器可以在這裡下載： https://www.sublimetext.com/

下載後，

1) 安裝 Package Control

到 https://packagecontrol.io/ 點選 Install Now ，會跳出安裝用的指令。把指令複製下來，回到下載好的 Sublime ，選 Text View → Show Console，在下方輸入欄位貼上。跑完後，關掉重新開啟即可。這個程式可讓 Sublime 使用者搜尋到其他便利功能。

2) Emmet

Windows 按 Ctrl + Shift + P，Apple 按 Command + Shift + P，可叫出指令面板。準備下載額外補充包囉！請在指令面板打 Package Control : Install Package ，再輸入 Emmet 並安裝。下載此套件後，打程式碼時只要輸入短短的指令，電腦便會一次跑出完整程式碼，為使用者省去大量時間和避免打錯字的風險。

3) 中文化

Sublime 預設是英文，想要中文化請叫出指令面板，搜尋 Package Control : Install Package 後輸入 ：ChineseLocalization 安裝。安裝後請到 Help → Language 選擇繁體中文。

之後就可以開始打程式碼囉！

下面是一些常用網站：

Emmet 字典 ：不知道要輸哪些指令可以跑完整程式嗎？可在這查詢

Jquery 字典：查詢 Jquery 語法

Can I use？：查詢你要使用的語法，某些瀏覽器 / 版本 是否會無法顯示？

Code Pen ：沒有 Sublime 也可以用這個網站撰寫 Html、CSS、JS 並立刻看到撰寫的成果，或將程式碼分享給別人

HSL to RGB color conversion：查詢 HSL 色碼

色碼轉換器：查詢 RGBA、Hex、RGB、CMYK、HSV 色碼

ICONFINDER：找免費或付費 ICON

Unsplash：無版權圖庫