# 切版班-第三週小組任務-第二組 :::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)章節後,順利完成各影片章節內容。