---
# System prepended metadata

title: 第三週小組任務
tags: [網頁切版直播班 - 2023 夏季班]

---

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



使用 discord、ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
    1. 該問題集的答案
    2. 提供 1~3 張 discord 或 ZOOM 對話截圖，確保有進行小組討論
    3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。


**常見問題：**
Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以

## 問題

### 任務一：請組員們在線上討論，不看老師範例程式碼，從無到有做出 [no.8](https://drive.google.com/file/d/1r8z8i3LzzEKIzDBlztkpFmuXK6EDyMx3/view?usp=sharing) 題目，並提供 codepen 檢視，[範例八程式碼介面下載](https://drive.google.com/file/d/1r8z8i3LzzEKIzDBlztkpFmuXK6EDyMx3/view?usp=sharing)


![](https://i.imgur.com/Q3PSVHt.png)



### 任務二：IT 邦偵探遊戲

請找出 [IT 邦幫忙的網站](https://ithelp.ithome.com.tw/)，每個頁面的響應式設計的資訊：
1. 這網站總共有幾個斷點？
2. 請描述這網站在 iPad、Mobile 上做了哪些巧思？請提供五處，並附圖，例如：
    * 有元素在 mobile 時被隱藏
    * 在 200 像素以下時會顯示有漢堡選單
    * 某某 class 元素在 iPad 會變成滿版

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


### 任務四：觀看 Vite 影音課程(建議準備 1.5~2 小時，再來挑戰此任務)


請觀看第[第四週透過 Vite 部署網站流程](https://courses.hexschool.com/courses/202011221/lectures/47249925) 章節後，順利完成各影片章節內容。
> 若組員操作有問題，還請 tag @Bingbingboom 助教協助~



### 助教長檢核點

* 是否有截圖自己的討論結果



## 回報區

回報範例：
- [ ] 無組別 [小組任務連結](https://)
- [ ] 中3組 [小組任務連結](https://hackmd.io/LLSLy7isQsydmGLN4bdbHg?view)
- [ ] 北9組 [小組任務連結](https://hackmd.io/@I17AuT_wSZGB1l1Dtaix-w/Bki2wVRt2/%2FHE3YgAAWRF6cyGxPOHxHnA)
- [ ] 北5組 [小組任務連結](https://hackmd.io/eeOolBR7QuqC3wizD86gtA)
- [ ] 北12組 [小組任務連結](https://hackmd.io/r29Oip0MSA-9Ka5q2EirlA?view)
- [ ] 北18組 [小組任務連結](https://hackmd.io/gOH3EnJYTmGLQa4o6RSwOg?view)
- [ ] 中2組 [小組任務連結](https://hackmd.io/vlP_qrpSSoOFROULAIGXbw)
- [ ] 北4組 [小組任務連結](https://hackmd.io/XWOKMXfwTQaE_U62dudBCA)
- [ ] 中1組 [小組任務連結](https://hackmd.io/QbHoKaJ1T8mUKty5jgIi4w?view)
- [ ] 北13組 [小組任務連結](https://hackmd.io/@ghM15ySETjaK4jxJ_IMX2w/BkVWA3u92)
- [ ] 北三組 [小組任務連結](https://hackmd.io/qVvzrZncQauq8KjlIM4SFQ?view)
- [ ] 北2組 [小組任務連結](https://hackmd.io/ZHpqJZ_sSYG7daulIcoNAw)
- [ ] 南1組 [小組任務連結](https://hackmd.io/rMvRTGMPSS67DxWJLvuExQ?view)
- [ ] 北10組 [小組任務連結](https://hackmd.io/QMCccHhSSVGZ3SNqj3QjOg?both)
- [ ] 南5組 [小組任務連結](https://hackmd.io/@r1nQcfQMT5G4aJ6riZy1jg/HJEN_Jej2)
- [ ] 北11組 [小組任務連結](https://hackmd.io/fK166VFfRhaSFBenVTQ_mg?view)
- [ ] 北7組 [小組任務連結](https://hackmd.io/@ZH-Wu/Week3)
- [ ] 北16組 [小組任務連結](https://hackmd.io/@andy888jam/BkncoZgih)
- [ ] 北 8 組 [小組任務連結](https://hackmd.io/STxh4As2RHGdNu4P3o2TCQ?view)
- [ ] 南 6 組 [小組任務連結](https://hackmd.io/EnR9x_iSRFGVBfUP_ZhITw?view)
- [ ] 南 2 組 [小組任務連結](https://hackmd.io/ipU7TnzMT7aBkI5SkXykOw)
- [ ] 南 4 組 [小組任務連結](https://hackmd.io/-sn3ZkGCRSCNhifDq0xGsw?view)
- [ ] 東 1 組 [小組任務連結](https://hackmd.io/@Hironaka/Hkeh4U6q2)
- [ ] 中 5 組 [小組任務連結](https://hackmd.io/@rsBj7zpQRy2zMOFQ17wvhw/rJyz4uKcn)