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

# 第三週小組任務
使用 ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張視訊或 Slack 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。
3. 若有組員全程沒有參與到討論，該組員不會收到卓越小組徽章，其餘有符合條件者，都會獲得徽章

**常見問題：**

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

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

Q：如果太邊緣，沒有人回覆或給予訊息 Emoji 怎麼辦？
A：那麼你可以在隔日時默默給予自己 Emiji，依然可以算通關喔

## 問題集

這週主要是讓各位同學熟悉 RWD 操作，
建議使用 ZOOM 來討論，當然也可用 Slack，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論也可。

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


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

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

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

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

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

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

### 助教長檢核點

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

## 回報區

回報範例：
無組別 / 穎旻

[小組任務連結傳送門](https://)

[第7組](https://hackmd.io/@Nate-Lu/f2d-group-seven/https%3A%2F%2Fhackmd.io%2F%40Nate-Lu%2FH174UfgCd)
> 助教：✅

[第9組](https://hackmd.io/@ptGQaahESZevWRKcXN3nuA/Hkq3wBhhd/https%3A%2F%2Fhackmd.io%2FAHuj1mWLR5qR7k904tlmOw%3Fview)
> 助教：✅

[第11組](https://hackmd.io/LPrWhjyQTl-G1DDOpTa-Mg?view)
> 助教：✅

[第12組](https://hackmd.io/@o9ZLEqeZQ8e7u_JXSPfjsQ/Hk5aMuxTd/https%3A%2F%2Fhackmd.io%2Ff6whiRuRQZCl--GAJJGIzg%3Fview)
> 助教：✅

[第13組](https://hackmd.io/@HexSlicing2021-Team13/WeeklyMission/%2FeU4bpKSwT12yv0XOZo41tw)
> 助教：✅

[第22組](https://hackmd.io/@Aguaaa/ryTgs74aO/https%3A%2F%2Fhackmd.io%2F%40Aguaaa%2Fweek3_mission)
> 助教：✅

[第25組](https://hackmd.io/sH8nihI5SNejRwaLPzBMzA?both)
> 助教：✅

[第24組](https://hackmd.io/@lor7BL2LRTKof3EeInA9nw/rk4RyHECu)
> 助教：✅

[第21組](https://hackmd.io/4xanesfBQJWP08WKcesQCQ)
> 助教：✅

[第15組](https://hackmd.io/@gfW814OqQNW3-GopXH4oRw/H1d4qZuRO/https%3A%2F%2Fhackmd.io%2F9Z-pUWqVSOW3bayhECVyGw%3Fview)
> 助教：✅

[第2組](https://hackmd.io/@sSSog6QvQAuGvOK0XnJp3w/ryV8_cW0_)
> 助教：✅

[第23組](https://hackmd.io/3MiPVTJbQ9S5Rj3pJv7ubg?view)
> 助教：✅

[第19組](https://hackmd.io/bknO-gK-T0quBFDEtulj5w)
> 助教：✅

[第17組](https://hackmd.io/@YvG63L6URqy8mnOrxpBdhw/SkFPSxkAO)
> 助教：✅

[第18組](https://hackmd.io/yKTxYUZJQB2e8FslRYv3GQ?view)
> 助教：✅

[第16組](https://hackmd.io/kLTH1J0MTjG4wAV8my9ZGA)
> 助教：✅

[第4組](https://hackmd.io/HGq6t_CPQrqjoD3kkJZT0Q)
> 助教：✅
> 組員 Elaine Liu 8/3 補充：原本的提交網址給成第四週的了，現在這個才是第三週的 ✅

[第1組](https://hackmd.io/@tinahopo/rySvUot6_)
> 助教：✅

[第3組](https://hackmd.io/EnIsiCq9R6m5I4OzNArf0g?view)
> 助教：✅

[第5組](https://hackmd.io/@SJBVOntmS1eQAqd8Rt-M_Q/HJFudNekK)
> 助教：✅

[第20組](https://hackmd.io/@JHOUJHOU/threetweektask20)
> 助教：✅