---

title: 2021直播切版班-22組 | 第二週小組任務
tags: 2021直播切版班, 六角
date: 20210702
image:

---
# ✏第二週小組任務
<!-- [TOC] -->
### 參與人員
| 參與成員暱稱 | Slack ID |
| -------------- | ----------- |
| Frank Waffle | U01KLBXJPSM |
| Kent | U021X7R4AQM |
| Kin Hei Shing | U01J0TNJ6GY |
| sans-ge | U021AC7VDFU |
| 童筱涵 Hsiao-Han Tung | U021F83B07N |
| 粘勝凱 | U026RCXQ456 |
| 阿瓜 | U021KN259UP |
| 點子數位 | U025S7QNWCS |
| youting | U015RE12CMU |

---
### 任務一：玩 Flexbox 遊戲
以下遊戲任選一個，回報時請提供通關截圖，Miss 掉也沒關係：
* [Flex pirate 新手關卡](https://hexschool.github.io/flexbox-pirate/index.html#/)：預期 20~25 分
* [Flex 青蛙](https://flexboxfroggy.com/#zh-tw)：預期 30~50分，後面關卡較難

需要提供破關畫面

#### 答案
:::spoiler **組員破關畫面截圖 > 收合**

---
>[name= youting ][color=blue]
---
>[name= 粘勝凱 ][color=orange]
---
>[name= sans -ge ][color=hotpink]
---
>[name= Frank Waffle ][color=orangered]
---
>[name= 點子數位 ][color=blue]
---
>[name= 童筱涵 ][color=purple]
---
>[name= 阿瓜 ][color=purple]
---
>[name= Kin Hei Shing ][color=purple]

:::

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

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

#### 答案討論簡述
> [作業連結](https://codepen.io/szykttdy/pen/xxdEZjB?editors=1100)
> 給各位看看我第二周的作業，結構方面我把字型大小的CSS分開寫，其他的結構如下:banner，About，my brand，other works，contact。有做得不好的地方，可以給我一些建議喔。
[name= 粘勝凱 ][color=green]

> [作業連結](https://codepen.io/szykttdy/pen/xxdEZjB?editors=1100)
> 每天花一點時間才把它寫出來，那條分隔線我搞好久，超級新手，歡迎各位給我建議。
[name= 點子數位 ][color=gold]

> 我...才要開始XDDDD 不知道這架構OK不OK，晚點再回來參考大家的架構是怎麼寫的ＸＤ
> 
> [name=阿瓜][color=orange]

> [作業連結](https://codepen.io/kent-clark/pen/qBmqgXW)
> 嘗試使用 Bootstrap 的 utility，使用 @font-face 來針對英文做斜體處理，新手也請大家多多指教
> [name=Kent ][color=hotpink]

> [作業連結](https://codepen.io/hsiaohan/pen/NWjpWKy)
> 這是我這禮拜的作業，剛剛熬夜寫出來了，這次使用助教講的模組化管理，看設計稿看超久，有不足再提醒我～
然後另一張是我最開始畫的架構圖，非常亂請見諒ＱＱ
> [name=童筱涵 ][color=orangered]

---

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

請觀看第[四週補充知識](https://courses.hexschool.com/courses/2020112/lectures/33403921)章節，看完 **GitHub Pages 部署網站流程 (下)** 後，影片會引導你將網站上傳到一個空間，並會提供一個網站網址給你，各組員若執行成功，再請將該網址貼到回報區。
> 若組員操作有問題，還請 tag @穎旻 助教協助~

#### 網址回報
>GitHub Pages:
>https://holisnow.github.io/test00/
儲存庫的資料: https://github.com/HOLISNOW/test00/tree/master
[name= 阿瓜 ][color=green]

>GitHub Pages:
>https://youtingluo.github.io/gulp-test/
儲存庫的資料:
https://github.com/youtingluo/gulp-test
[name= youting ][color=gold]

>GitHub Pages: https://kevinnnnnnnnnnnnnn.github.io/test/
> 儲存庫的資料: https://github.com/Kevinnnnnnnnnnnnnn/test
> [name=粘勝凱][color=orange]

>GitHub Pages:
>https://shingkinhei.github.io/testin23/
>儲存庫的資料:
>https://github.com/shingkinhei/testin23
> [name=Kin Hei Shing ][color=hotpink]

>GitHub Pages:
>https://wuyunxin0401.github.io/test01/
> 儲存庫的資料:
>https://github.com/wuyunxin0401/test01/tree/master
[name= Una(點子數位) ][color=orangered]

>GitHub Pages:
>https://spmdl.github.io/dev-gulp-training/
>儲存庫的資料:
>https://github.com/spmdl/dev-gulp-training/tree/main
> [name=Kent][color=blue]

>GitHub Pages:
>https://judytung.github.io/test/
> 儲存庫的資料:
> https://github.com/judytung/test
> [name=童筱涵][color=brown]
---

## 小組討論截圖
:::spoiler **slack 討論截圖 > 收合**

**設計稿作圖分享**
---
**教學如何使用 figma 做圖**
---
**XD 設計搞儲存整頁**
- 點左上角標題出去之後
- 儲存圖片即可

:::