---
# System prepended metadata

title: "全職鬥士1組-\U0001F3C5第四週小組任務筆記"

---

# 全職鬥士1組-🏅第四週小組任務筆記
# 問題集

這週主要是讓各位同學熟悉 Gulp 操作與多頁式操作，**請挑選兩個任務來做即可**。
<br>

## 任務一：請組員們彼此間確認 Gulp 環境是否都有安裝成功，並成功能看到[範例七截圖](https://hackmd.io/yWpLNMPRT2yvIR4Zq_idGw?both)
:memo:討論：

YU
![YU](https://i.imgur.com/IUnT5pX.png =450x)

長庚
![長庚](https://i.imgur.com/tmhvw22.png =450x)

JIMMY
![JIMMY](https://i.imgur.com/WipA9uS.jpg =450x)


<br>



## 任務二：請試著找出以下網站，哪些區塊是屬於 Layout 環節，找出三個網站並回報截圖

* [六角學院](https://www.hexschool.com/)
* [卡斯伯技術部落格](https://wcc723.github.io/)
* [Apple 官方網站](https://www.apple.com/tw/?afid=p238%7Csd9nZSawW-dc_mtid_18707vxu38484_pcrid_431529166743_pgrid_12618487622_&cid=aos-tw-kwgo-brand--slid---product--)
* [INSIDE 硬塞的網路趨勢觀察](https://www.inside.com.tw/)
* [巴哈姆特](https://www.gamer.com.tw/)

備註：也可找自己喜歡的網站，另外要留意，一個網站不只一個 Layout 樣板

:memo:討論：
1. [Apple](https://www.apple.com/tw/)
   ![](https://i.imgur.com/ZxzQwUb.jpg)

2. [卡斯伯技術部落格](https://wcc723.github.io/)
   ![](https://i.imgur.com/5pOFo0S.jpg)

3. [Mobile01](https://www.mobile01.com/)
    ![](https://i.imgur.com/zGnEvJe.jpg)

<br>



## 任務三：討論第四週版型該怎麼做
這次的版型仍然是第三週版型，但還是有多其他頁面，請彼此討論其他內頁該如何設計，[版型連結](https://hexschool.tw/ukIot)。