動畫互動網頁特效入門（JS/CANVAS）

# 動畫互動網頁特效入門（JS/CANVAS） ### 作業 --- [<Project 2> 在網頁寫一座美麗城市 Part1 - 前置準備](https://codepen.io/9a090051/pen/MWyZVXW) [<Project 2> 在網頁寫一座美麗城市 Part2 - 架構與上色 ](https://codepen.io/9a090051/pen/LYNMmQB) [<Project 2> 在網頁寫一座美麗城市 Part3 - 動畫與切換](https://codepen.io/9a090051/details/LYNqZLZ) [<Project 3> 做一個摩斯密碼翻譯器](https://codepen.io/9a090051/pen/ExKzvOK) [!!! 總而言之練習都放在這裡XD]( https://codepen.io/collection/DopMBL) ### 第 2 章 --- #### 第 2 章，第 1 單元 - Codepen 平台介紹與基礎設定 1. 註冊CodePen帳號 2. 更改基礎設定　* settings→editor→key binding快捷鍵設定為sublime text 　* preprocessor→css Reset→Prefixing設定為Autoprefixer 　* Emment→勾起來active 　* Editor options→Autocomplete #### 第 2 章，第 2 單元 - html中結構與元素 * HTML標籤的用法 h1~h6、p、b、br、hr、 ol li(排序的清單)、ul li(無排序的清單)、註解的用法、標籤裡面換行不影響結構 * 快速鍵的用法 Ctrl+D