---
# System prepended metadata

title: 軟體工程師體驗營 北02組 --- 第 1 週討論區
tags: [六角學院, 2023 軟體工程師體驗營, 體驗營]

---

# 軟體工程師體驗營 北02組 --- 第 1 週討論區 

###### tags: `2024 軟體工程師體驗營` `體驗營` `六角學院`

| 組員名單                   | 報到 | 
| ---------------          |-| 
| yigerenmeihun            |:heavy_check_mark:|
| gracechiang225           |:heavy_check_mark:|
| gavi8923                 |:heavy_check_mark:|
| annw3172                 ||
| instancecheese.shao      |:heavy_check_mark:| 
| ycyc_324                 |:heavy_check_mark:| 
| sunknight_002            |:heavy_check_mark:|
| marklan_73465            |:heavy_check_mark:| 
| volt1376                 |:heavy_check_mark:|
| clarity.w                |:heavy_check_mark:| 

### 小組討論
- 使用 discord 討論串討論本周問題點，討論切版任務一以及切版任務一手機板首頁(見圖二)
---
![](https://media.discordapp.net/attachments/1236224643946512435/1236224985157079110/1.png?ex=66373bbc&is=6635ea3c&hm=f6a77d21234e0c7f0b86e33b6e38535c0b73201c805c2e2f53937439634427a8&=&format=webp&quality=lossless&width=757&height=676)
**(圖一)**
![](https://media.discordapp.net/attachments/1236224643946512435/1236224985509396520/1.png?ex=66373bbc&is=6635ea3c&hm=4c655346d1df4fe905fe779e9c4ac473a2638c67edf14e930e45e5682d46acbf&=&format=webp&quality=lossless&width=418&height=676)
**(圖二)**

---
- 使用 discord 語音討論
![](https://media.discordapp.net/attachments/1236224643946512435/1236224985874432031/f64399e86963f9d9.png?ex=66373bbc&is=6635ea3c&hm=dbe5da37107b57ece8055d23b9442e3a9a1660c0783d9e2f3c872da09c543498&=&format=webp&quality=lossless)
**參與討論成員截圖-圖三**
![](https://cdn.discordapp.com/attachments/1236224643946512435/1236224984452431882/5.png?ex=66373bbc&is=6635ea3c&hm=bd74117dba02f9474436f3142ae205fb3dc6a5f5998c2842b2529832a0700a91&)
**討論聊天室截圖-圖四**
![](https://media.discordapp.net/attachments/1236224643946512435/1236224984045588631/4.png?ex=66373bbc&is=6635ea3c&hm=0f3b75a991e744b08b4310acd84b3ce96c7627d7fc131a3a8bb3e64e8f65434f&=&format=webp&quality=lossless&width=1200&height=676)
**討論聊天室截圖-圖五**
![](https://cdn.discordapp.com/attachments/1236224643946512435/1236224986360840244/2.png?ex=66373bbc&is=6635ea3c&hm=96b802648e80c0e006c216ce40be0f3c61b00da80965946742fd9eaf224689d0&)
**討論聊天室截圖-圖六**
![](https://media.discordapp.net/attachments/1236224643946512435/1236224986742652999/3.png?ex=66373bbc&is=6635ea3c&hm=83e84698c85c464ea6ef0634978a46b82bc8b47ba4435d8186e60303f069548c&=&format=webp&quality=lossless&width=1248&height=676)
**討論聊天室截圖-圖七**
![](https://cdn.discordapp.com/attachments/1236224643946512435/1236224984813273139/6.png?ex=66373bbc&is=6635ea3c&hm=11a7ea197999029aaee6b3218fcef67556b69e3a06e4e955057d89de49aa1ed3&)
**討論聊天室截圖-圖八**

---

### 討論破冰話題

1. 互相分享職業背景、為什麼會來這個程式體驗營
2. 來這裡主要的目標是？(學架站、想成為工程師、之後想接案)
3. 開始攻略小組任務，並進行分工~

---

## 問題

### 第一題 心理測驗
1. 請做此[心理測驗](https://www.16personalities.com/ch)，分享自己的[測驗結果](https://www.16personalities.com/ch/%E7%B1%BB%E5%9E%8B%E6%8F%8F%E8%BF%B0)給您的組員。
2. 分享一個自己的小秘密，甚至你爸媽都不知道
3. 覺得你們的共通之處有哪些？例如地區、學習程度、背景資歷等等
![](https://i.imgur.com/g9RjngS.png)

---


| 組員名稱                  |人格類型   |     圖示   |
| -----------------        | ---------- | ------------ |
| yigerenmeihun            |請輸入文字|![](請放圖片連結)|
| gracechiang225           |請輸入文字|![](請放圖片連結)|
| gavi8923                 |競選者ENFP|![](https://www.16personalities.com/static/images/personality-types/avatars/enfp-campaigner.png)|
| annw3172                 |請輸入文字|![](請放圖片連結)|
| instancecheese.shao      |提倡者INFJ-T|![](https://www.16personalities.com/static/images/personality-types/avatars/faces/infj-advocate-s3-v1-female.svg?v=3)| 
| ycyc_324                 |調停者 INFP-T|![](https://gw.alicdn.com/imgextra/i2/O1CN01j6uABO1DjSeCcsxT2_!!53-fleamarket.heic_468x468Q75.jpg_.webp)| 
| sunknight_002            |探险家ISFP-T|![](https://i.imgur.com/nuLsujP.png)|
| marklan_73465            |提倡者INFJ-A|![image](https://hackmd.io/_uploads/Sk1sWwQMR.png)| 
| volt1376                 |調停者INFP|![](https://www.gcdf.com/uploads/allimg/20231225/2-231225093411a0.jpg)|
| clarity.w                |邏輯學家INTP |![](https://static.wikia.nocookie.net/trufax/images/c/c7/Intp.png/revision/latest?cb=20160224133050)| 


---

### 第二題 產品列表排版
請用小畫家或繪圖軟體畫出網站結構圖，共同討論或分工證書任務一或二的整頁 div 架構，以下為示範圖，可在上面標註 class 名稱、HTML 標籤
![](https://i.imgur.com/HYUn1Ko.png)

---
**討論順序**：邵 > GAVI > shen > sun > 小白 > 馬克
**討論方式**：由上列順序，每人對切版任務一手機板(圖二)進行一個區塊內的元素說明。
**討論文字紀錄(感謝小白協助記錄)**：

**-第一輪討論-**
--->邵：建立了一個DIV，是最外層的大warp。
--->gavi：建立了logo&選單。
--->shen：創一個div class"header"包住logo跟選單。
--->sun：判斷中間的banner是一個圖片，畫了一個div放入h3標題，下面畫了兩個p段落標題。
--->小白：建立了一個內容的content裡面放六個div。
--->馬克：放在content，裡面一個最底下的footer，回到那六個div裡面創三個div 各放img、 h3、p。 
--->shen：創一個div class"header"包住logo跟選單。


**-第二輪討論-**
--->邵：將content裡面的div內容改成img、h3、p、ul、li、a。
--->gavi：在最底下增加footer，最右邊增加三個a連結(display block) 使用div包住，左邊增加背景圖 img、在圖片底下增加p、a、/a、/p。
--->shen：將footer的連絡資訊用一個div包起來。
--->sun：在footer右下角的連結前面加上img的icon
--->邵：將footer右下角的img、icon改用span套入(介紹每日任務icon置入使用的方式span)。
--->gavi：最上面logo的H1 改為img連結，連至首頁。

---

| 組員名稱                       | 網站架構圖   | 
| -----------------            | -------- |
| yigerenmeihun            |![](請放圖片連結)|
| gracechiang225           |![](請放圖片連結)|
| gavi8923                 |![](https://cdn.discordapp.com/attachments/1235224365671645265/1236222275762651208/0504-02.jpg?ex=66373936&is=6635e7b6&hm=7cebb3910c7de3de17041b325e6b81566283b37b660358bb98b08124d90de9cd&)|
| annw3172                 |![](請放圖片連結)|
| instancecheese.shao      |![](https://hackmd.io/_uploads/SJgBcv7f0.jpg)| 
| ycyc_324                 |![](https://hackmd.io/_uploads/SJgBcv7f0.jpg)| 
| sunknight_002            |![](https://hackmd.io/_uploads/SJgBcv7f0.jpg)|
| marklan_73465            |![](https://hackmd.io/_uploads/SJgBcv7f0.jpg)| 
| volt1376                 |![](https://hackmd.io/_uploads/SJgBcv7f0.jpg)|
| clarity.w                |![](https://hackmd.io/_uploads/SJgBcv7f0.jpg)| 

---

## 第三題：小組線上/實體小組討論時間(選作)

### 線上
1. 週六下午

### 線下(今年體驗營專屬)
1. [申請文件(感謝燕赤霞志工協助)](https://docs.google.com/document/d/1xXKOBsJZmWmfOhnAuc21MdTc3k0rGJb78PQWQifrz-s/edit)
2. [申請 50 元補助金揪團範例](https://discord.com/channels/801807326054055996/1234479043890512034)

### 體驗營進修同學會
1. 6/2(日)：台北

:::spoiler
![423131547_7702326296453615_1858196332597003941_n](https://hackmd.io/_uploads/SJ4AnTC-0.jpg)


