---
# System prepended metadata

title: 期末網站復課報告

---

# 期末網站復課報告
![](https://i.imgur.com/SoIZYCf.png)
復刻部分：
1. 最上面橫排的圖片
   因為閱讀code的時候發現網頁圖片的網址都太長，所以自製圖片減少網址長 
   度，較易閱讀。
3. 修改文字&圖片
5. 調整鋼琴按鍵位置
   下面的鍵盤部分是分成黑白按鍵一格一格拼出來的，計算間隔距離用排版調整出來
7. 調整整體配色
   第一次練習的時候調整配色風格

新增部分：
1. 新增錄音功能
   授權麥克風使用權，可以啟用錄音