---
# System prepended metadata

title: 切版班-第三週小組任務-第二組

---

# 切版班-第三週小組任務-第二組

:::success
**小組討論時間：2022 年 07月 25 日 週一 晚上 8:00**
:::
組員準時上線！
![](https://i.imgur.com/ZAaDgjY.png)
![](https://i.imgur.com/ekozS4U.png)
![](https://i.imgur.com/X7ctYRU.png)


## 問題

### 任務一：請組員們在線上討論，不看老師範例程式碼，從無到有做出 [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)

##### codepen:

| Discord | codepen |
| -------- | -------- |
|Karol-Kuo#5287|[codepen](https://codepen.io/ting-yu-kuo/pen/BardzKG)|
|Benson#6763|[codepen](https://codepen.io/kumashow/pen/mdxMwNo)|

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

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

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




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

請找出 [IT 邦幫忙的網站](https://ithelp.ithome.com.tw/)，每個頁面的響應式設計的資訊：
* 這網站總共有幾個斷點？ 5個
* 請描述這網站在 iPad、Mobile 上做了哪些巧思？請提供五處，並附圖，例如： 

![](https://i.imgur.com/UPrzToc.png)
![](https://i.imgur.com/3xlOIw7.png)
1.sidebar
![](https://i.imgur.com/mGTLaIy.png)
![](https://i.imgur.com/xKsJxbA.png)
2.
![](https://i.imgur.com/RvBKdl4.png)
![](https://i.imgur.com/6hVKzJC.png)

3.
![](https://i.imgur.com/5EIRr4c.png)
![](https://i.imgur.com/bRiwKao.png)

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

5.
![](https://i.imgur.com/9a0yROD.png)
![](https://i.imgur.com/U928TAr.png)



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

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

#### 討論內容：
![](https://i.imgur.com/obPMHkd.png)
![](https://i.imgur.com/8nxKIvP.png)
![](https://i.imgur.com/G0yFz9j.png)
![](https://i.imgur.com/bbUrvps.png)


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


請觀看第[第四週透過 Gulp 部署網站流程](https://courses.hexschool.com/courses/20201122/lectures/40549174)章節後，順利完成各影片章節內容。


