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

# 第五週小組任務

### 任務一：請每個小組討論成員，試著載入 BS5 ，並作出 [modal 效果](https://bootstrap5.hexschool.com/docs/5.1/components/modal/#scrolling-long-content)

* 請使用 codepen 來練習，回報也可用 codepen
* 如果有成員想用 GitHub Pages 來放到自己的環境練習也可以

### 任務二：討論 HTML 裡的表格標籤(table、th、tr、td)的用法，請試著做出[設計稿](https://xd.adobe.com/view/ea9c3e28-6d25-42cb-b6a5-1571c1707f05-bfcf/screen/96276e44-04d1-43be-98d3-95c6d71c6fc7/specs/)裡面的表格設計，並提供 codepen 來檢視

### 任務三：討論第五週版型該怎麼做

一個人能力有限，八個人團結力量大，彼此討論該版型如何攻略，才能發揮團隊最強力量，攻破最終 BOSS

回報區
---
回報範例：
無組別 [小組任務連結](https://)

- [x] [第 8 組](https://hackmd.io/QAGpaELRTUWvBkWEEJTLbg)
- [x] [第 12 組](https://hackmd.io/@christina6185/BywQ-noa5)
- [x] [第 5 組](https://hackmd.io/lqebxERZSkGrMy78lsydNg)
- [x] [第 3 組](https://hackmd.io/th73LFMYTsOkWedX6Qq5Iw?view)
- [x] [第 14 組](https://hackmd.io/@sheng0216/HkrgsQ_oc/%2F6slp3YKsRRKGFZKZUj1uGQ)
- [x] [第 2 組](https://hackmd.io/gUCY3j_SRJOYtXnj4sDYPw?both)
- [x] [第 31 組](https://hackmd.io/@U8lva1YNQaSPDqEVWNao5Q/SJEDr9JA5)
- [x] [第 04 組](https://hackmd.io/TvAZDJjOR9ixFISRS6rVMQ)
- [x] [第 25 組](https://hackmd.io/@uHWR3d3bRtSbbUyaPg2AQA/SypFUQbRq)
- [x] [第 20 組](https://hackmd.io/DsMdl7KhR8mB1N8iU101wQ?both)
- [x] [第 7 組](https://hackmd.io/@YIHQx96xTI-K9vDjhzEfDA/SJiKnqYi9/%2FFwEtOi99RKOtL0GpxJ9Pbg%3Fview)
- [x] [第 21 組](https://hackmd.io/@gfW814OqQNW3-GopXH4oRw/Sk1YT3Tj5/https%3A%2F%2Fhackmd.io%2Fh_mwQi3rQJaM5R2pQDHgww%3Fview)
- [x] [第 28 組](/EjD5hxE5R1qyeK5ZpeZnDw)
- [ ] [第 23 組](https://hackmd.io/mNeSO0WZROmJ2fkNPU_Akg)（未完成）
- [x] [第 9 組](https://hackmd.io/Hev5vY5kSBKs-kXZ7PJfTg?view)
- [x] [第27組](https://hackmd.io/Y4Po4_wUTry-Cv2uxPZM6w?both)
- [x] [第22組](https://hackmd.io/@susu3131/rkmzEBL0c)
- [x] [第19組](https://hackmd.io/@XAcrnjejQAShQeD6AWFdng/SyEzvRvAq)
- [x] [第17組](https://hackmd.io/DdL-yiV1RRCQUhouL8uMWg)
- [ ] [第 13 組](https://hackmd.io/@ZCnote/rJ_zNTSoc/%2FSyvO1ylRc)