---
# System prepended metadata

title: 檢核點 - 第五週
tags: [網頁切版直播班 - 2021 夏季班]

---

---
tags: 網頁切版直播班 - 2021 夏季班
---

# 檢核點 - 第五週


**重點觀念：**
1. Bootstrap
2. 注意 input readonly/disabled/value 用法
3. 需使用 Material Design Icon

**回覆參考：**
```
```
---
這週同學還沒學到 variable.scss 改變數的方法以及 Bootstrap 的格線系統用法，所以在建議方面不可以提供這兩種

建議：
* 最左方的選單不適合使用 `header` 標籤，建議使用 `nav` 標籤會更符合語意
* 最左方的選單沒有在格線內，不需放在 container 內
* 首頁的列表是可以點選的選項，會建議使用 a 標籤
* jQuery 重複載入了，JS 外部資源載入時需注意順序
	1. 外部函式庫（jQuery...）
	2. 外部套件（popper, bootstrap...） 
	3. 自訂的 JS
* modal 中的 label for 與 input id 需要正確對應
* 不能點擊的按鈕需套用 disabled 屬性
* 不能輸入的 input 可以使用 readonly 的屬性
* 左側列表 可以使用 Bootstrap 的 List Group 元件，右側內容 可以使用 Bootstrap 的 Card 元件，按鈕可以使用 Button 元件

助教新增建議：

* 