HTML & Javascript

2016 計算機概論

講師：陳琨

開發軟體

Visual Code Editor

用什麼寫?

• 任何文字編輯器– 記事本 (Notepad)

– NotePad++ https://notepad-plus-plus.org/

– Sublime Text http://www.sublimetext.com/

所見即所得

• 所見即所得（What You See Is What You Get-WYSIWYG）

– Adobe Brackets http://brackets.io/

Visual Studio Code

• https://code.visualstudio.com

語法教學

HTML, CSS, Bootstrap and Javascript

• 英文– http://www.w3schools.com

• 簡體中文– http://www.w3school.com.cn

Bootstrap

• http://getbootstrap.com

Bootstrap Template

• http://startbootstrap.com/template-categories/all/

Online Bootstrap Editors

• 視覺化的網頁編輯器– http://pingendo.com

• Bootstrap 線上編輯器– http://www.layoutit.com/build

• 上傳圖片，產生bootstrap配色– http://www.lavishbootstrap.com

網頁空間

GitHub Pages

GitHub Pages

• https://pages.github.com