---
# System prepended metadata

title: 第29組-第一週小組任務

---

# 第29組-第一週小組任務

## ==報到-寫上你希望怎麼被大家稱呼的綽號～破冰簡介隨意～==

`按 DC 開始說話降序`

| DC帳 | 綽號 | 哪裡人 | 簡介 |
| :-- | :-- |:--|:--|
| limdos14  | 苳苳 | 宜蘭 |資管系畢業，在職中，工作是行政。剛好看到六角的體驗營，也想著轉職這件事情，於是來進修一下，才發現...沒碰真的會忘光，重頭來過。|
| powei8484 | PoWei | 澎湖 |澎湖待五年多，戶籍也牽過來，快變澎湖人，之前學完vue ，這一個多月都沒有再碰程式，也想轉職
| nocab7714 | 培根 | 花蓮 |兼職服務業，下班進修～ 幾個月前做完電商網站後，稍為讓自己進入了學習空洞期，沈澱一下，想透過這次直播班重新整理先前所學的知識，並且架個技術文章的部落格～ 還在準備努力轉職中
| dye7095 | 黛黛(Dye) | 花蓮 |美術系畢，平面廣告3年，UI視覺網頁設計8年在職中，卡在JS。花蓮半遠端狀態中，希望成為前端網頁設計師，有設計問題可以問我～
| joibaba | Joi | 澎湖 |去年有有參加體驗營，覺得很難但滿好玩，由於整年都沒有碰幾乎是忘記了，今年再來體驗回味一下，算還是小白白 |
| a_s_o_n_g | 阿松 | 澎湖 |去年參加過切版直播班，會到lv4 bootstrap，想要學習Hexo建立屬於自己的部落格。
| ohmiepu | 嘻哈釋迦 | 新北 |在花蓮念書中的應屆畢業生，未來想成為前端工程師
| Chloew |  Chloe | 台中 |目前人在歐洲，從事行銷工作。工作上常接觸新創小品牌，對架站因此萌生興趣！斷斷續續學習前端快五次XD希望這次可以更進步！
| Jasonlin | Jason | 宜蘭 |非本科系畢業，斷斷續續學習前端。結果在台北四年的工作，剛回宜蘭。
| Mikeeee | MIKE | 宜蘭 | 誠心小白 ,看到好便宜的課程好香就來了.


---


## ==題1-16型人格分享==
- 請做此[心理測驗](https://www.16personalities.com/ch)，分享自己的[測驗結果](https://www.16personalities.com/ch/%E7%B1%BB%E5%9E%8B%E6%8F%8F%E8%BF%B0)給您的組員。
- 已經知道的可以[從這邊](https://www.16personalities.com/ch/%E7%B1%BB%E5%9E%8B%E6%8F%8F%E8%BF%B0) co 內容
- 懶得重測的寫以下兩題也可以喔～不過表格另外自己開嘿～格式：綽號+內文 XD
> 2.分享一個自己的小秘密，甚至你爸媽都不知道
> 3.覺得你們的共通之處有哪些？例如地區、學習程度、背景資歷等等

:::warning
:bulb: 上圖沒把握抓差不多比例範圍的夥伴，可以填好後 DC @ 編排強迫症的 黛Dye 幫上圖喔～
:::
| 綽號 | 類型 | 縮寫 | 簡介 | 頭像 
| :-- | :-- |:--|:--|:--|
| 苳苳 | 主人公 | ENFJ-T |具有魅力并能激励人心的领导者，能够让听众为之着迷。 |![image](https://hackmd.io/_uploads/HyksclfMA.png)
| 黛黛 | 提倡者 | INFJ-A |安静神秘，但非常鼓舞人心且不知疲倦的理想主义者。 |![image](https://hackmd.io/_uploads/ryfuqeMzC.png)
| Joi | 提倡者 | INFJ-T |提倡者深思熟虑並富有同情心，與生俱来的平衡心靈和頭腦的能力 (?)| ![image](https://hackmd.io/_uploads/ryfuqeMzC.png)
| Nocab | 提倡者 | INFJ-T |提倡者深思熟虑並富有同情心，與生俱来的平衡心靈和頭腦的能力 (?)| ![image](https://hackmd.io/_uploads/ryfuqeMzC.png)
| 嘻哈釋迦 | 探險家 | ISFP-T |探險家是天生的藝術家，他們對美感有自己的看法及追求，更希望能以自己的審美顛覆傳統的觀感。| ![image](https://hackmd.io/_uploads/r1yQr1zGR.png)
| Jason  | 物流師 | ISTJ-A  |物流师以自己的正直为荣。这种性格类型的人说话算数，当他们承诺做某事时，他们一定要坚持到底。| ![image](https://hackmd.io/_uploads/r1iac37zR.png)
| PoWei  | 執政官 | ESFJ  |相互鼓励、提升和加强。因为我们所有人都会感受传播到一个人的正能量。| ![image](https://hackmd.io/_uploads/ryOyjh7M0.png)
| Chloe | 提倡者 | INFJ-T|提倡者深思熟虑並富有同情心，與生俱来的平衡心靈和頭腦的能力 (?)| ![image](https://hackmd.io/_uploads/ryfuqeMzC.png)
| MIKE | 邏輯學家 | INTP-A | 具有創造力的發明家，對知識有著不可抑制的渴望 | ![logic](https://hackmd.io/_uploads/Hy4vQpXGR.jpg)
| 阿松 | 倡議者 | INFJ-T | 倡導者是安靜的有遠見的人，通常是鼓舞人心且不知疲倦的理想主義者。 | ![image](https://hackmd.io/_uploads/ryfuqeMzC.png)


<!-- 【快速複製】    
| 綽號 | 類型 | 縮寫 |簡介 | 頭像 (螢幕截圖預存模式直接貼上即可，mac不會可 call 黛黛教_)
-->

---

## ==題2-產品列表排版==
- 題目請看[學校講義](https://hackmd.io/7-ZJzLlHRWCKZ_YCsXj-hA?both)～(不想版面太雜XDD)
- 有做好的可以學別組先直接貼+署名
- 5/4 20:00 線上討論，基本上就是先以證書任務一的畫面開始，時間夠再繼續延伸 (本週黛帶)

### 先鋒隊：
| 姓名 |結構圖|備註|
| :-- | :-- |:--|
|Joi| ![image](https://hackmd.io/_uploads/SkyHD6Wz0.png)|不曉得這樣對不對 (黛：我覺得邏輯正確👏)
|苳苳| ![5_4(六)29#1 任務 產品列表排版](https://hackmd.io/_uploads/B11Zt37f0.jpg)
|


#### 討論串：
> **苳苳**：
> 等線上討論
> 
> **黛黛**：
> 討論可以試試看 Figma 的 FigJam 共編，看有沒人有興趣一起玩醬
>  
> **意見發表人**：
> 發表內容(一個把這邊當一個小留言板試試看的概念?)
> 
---

### 線上討論紀錄：
#### 前置：
- [x] [FigJam多人測試](https://www.figma.com/file/y2zgkgq1D8JUJGi4FtGcvp/HEX-2024-29%E7%B5%84-TEST?type=whiteboard&node-id=0%3A1&t=CUgtNxNs32nmmx5h-1)
- [ ] [Figma Design 多人測試](https://www.figma.com/file/sSkkKDmNRoupkubH49lWPq/2024ver.-%E9%AB%94%E9%A9%97%E7%87%9F%E8%A8%AD%E8%A8%88%E7%A8%BF-29%E5%B0%8F%E7%B5%84%E8%A8%8E%E8%AB%96?type=design&node-id=202%3A2&mode=design&t=CUgtNxNs32nmmx5h-1)

#### 參考資料：
- [常用HTML5標籤](https://israynotarray.com/html/20230613/61882704/)、[W3C HTML 標籤](https://www.w3school.com.cn/tags/index.asp)
- [CSS命名規則](https://github.com/wandergis/studynotes/blob/master/css%E5%91%BD%E5%90%8D%E8%A7%84%E8%8C%83.md)
- [Emmet 字典](https://docs.emmet.io/cheat-sheet/)

#### 參與紀錄：

##### 第一週組長：
黛黛

##### 參與者：
苳苳、PoWei、釋迦、Chloe、Joi、Jason、培根、阿松

##### 進行方式：
Figma 的 [FigJam](https://www.figma.com/file/y2zgkgq1D8JUJGi4FtGcvp/HEX-2024-29%E7%B5%84-TEST?type=whiteboard&node-id=0%3A1&t=YFKKh6G4gfEwuALA-1) 多人共編討論：
1. 定義 html 標籤
2. 定義 css
3. 試寫 emmet
![截圖 2024-05-04 下午8.50.35 下午11.49.31](https://hackmd.io/_uploads/S164ofBfR.png)



另有組長(黛黛) 分享 google meet 畫面，方便切換個別螢幕幫看問題 ＆ 不在電腦前的夥伴有畫面供參。![截圖 2024-05-04 下午8.54.30 下午11.49.31](https://hackmd.io/_uploads/SJq7jGrzA.png)


emmet 試寫練習紀錄：
| 綽號 |截圖|備註|
| :-- | :-- | :-- |
| 苳苳 |![image](https://hackmd.io/_uploads/SJ5avamf0.png)
| 培根 |![image](https://media.discordapp.net/attachments/1234839842471542815/1236301836454199420/image.png?ex=6637834f&is=663631cf&hm=6ebbec14a64d785d03b9ed7bed431505403046ad9e8d6d4081089758b1dbcfed&=&format=webp&quality=lossless&width=944&height=854)|
| PoWai |![image](https://hackmd.io/_uploads/HyXyJpmzC.png)
| 黛黛 |![image](https://hackmd.io/_uploads/By0fk6mGA.png)
| 阿松 |![image](https://hackmd.io/_uploads/Bk1wigwGR.png)![image](https://hackmd.io/_uploads/B1zf2gwfA.png)




---


## ==題3-小組線上/實體小組討論時間(選作)==
本週為週六 5/3 20:00~21:00
有空檔的夥伴一起完成小組任務～

![image](https://hackmd.io/_uploads/H1Xz4Kfz0.png)

最後參與人數：9位～～👏👏
