---
# System prepended metadata

title: 中新4組 - 最終關卡小組任務
tags: [軟體工程師體驗營 - 2025]

---

---
tags: 軟體工程師體驗營 - 2025
---
# 中新4組 - 最終關卡小組任務

使用 Discord、ZOOM、GoogleMeet 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

組員名單



| Discord名稱 | 組員暱稱 |
|:-----------:|:--------:|
|    Jenna    |  董同學  |
|   Harden    |  瑞奇    |
|    老屠     |   老屠    |
|    懷文     |   懷文    |
|   RayChen   |          |
|   mia       |          |


## 問題

### 第一題 心理測驗(需約一天進行 Google Meet、ZOOM 討論)
1. [心理測驗](https://www.16personalities.com/ch)&[測驗結果](https://www.16personalities.com/ch/%E7%B1%BB%E5%9E%8B%E6%8F%8F%E8%BF%B0)

| Discord名稱 | 組員暱稱 | MBTI |
|:-----------:|:--------:|:----:|
|    Jenna    |  董同學  | <font color="#F7A004">**INFJ**</font> |
|   Harden    |   瑞奇   | <font color="#F7A004">**ENFJ**</font> |
|    老屠     | 老屠     | <font color="#F7A004">**INFP**</font>  |
|    懷文     |    懷文  |  <font color="#F7A004">**ISFJ**</font> |
|   RayChen   |          |  <font color="#F7A004">**ISFJ**</font> |
|   mia   |          |  <font color="#F7A004">**ENTJ-A**</font> |



2. 分享一個自己的小秘密，甚至爸媽都不知道
3. 覺得你們的共通之處有哪些？
    共同之處：
．皆居住於台中😀
．都在菜鳥階段，希望在六角學院增進自己的實力💪🏼

![小組討論截圖](https://hackmd.io/_uploads/r1QRgqlzex.png)


<!-- ![](https://i.imgur.com/g9RjngS.png) -->



---


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

<font color="#1936C9">**線上討論截圖**</font>

1. 表頭、Banner1
    ![1_表頭、Banner1_老屠](https://hackmd.io/_uploads/ByMfI6gMxx.png)
2. Banner2

3. 作品集頁面1
    ![作品集頁面1_div_Jenna](https://hackmd.io/_uploads/ryFVL6lMgx.png)
4. 作品集頁面2
    ![2_作品集頁面2_懷文](https://hackmd.io/_uploads/Byx2UalMeg.jpg)
    ![2_作品集頁面2_mia](https://hackmd.io/_uploads/r1IwH14zle.png)

5. Harden
    ![9e933197ca8d650e](https://hackmd.io/_uploads/HkYMmPQfge.png)



---


### 第三題 證書任務合作無間！！隔週三洧杰針對各組程式碼提供講解

各組員針對「最終任務 - 個人品牌網站」的**BLOG頁面**進行各區塊的認領，並提交各組員被認領到的 codepen 設計。

[設計圖稿](https://www.figma.com/design/bBHUp0TeM0yjAlkjtyxQJI/2025ver.-%E9%AB%94%E9%A9%97%E7%87%9F%E5%AD%B8%E7%94%9F%E8%A8%AD%E8%A8%88%E7%A8%BF?node-id=236-1107&p=f&t=WaPTB6TBG9myARPR-0)


| 認領區塊      |   組員    |                     網頁連結                      |
| ------------- |:---------:|:-------------------------------------------------:|
| 表頭、Banner1 | 老屠 |                                                   |
| Banner2       |  RayChen  |                                                   |
| 作品集頁面1   |   Jenna   | [Github](https://jennatung.github.io/HTMLCSSWIN/) / [Codepen](https://codepen.io/abiscc14/pen/jEPOxQb?editors=1100) |
| 作品集頁面2   |   懷文、mia  | / [Codepen-mia](https://codepen.io/mnscake/pen/myJyxWE)                                              |
| 表尾          |  Harden   |                                                   |





![最終任務設計稿-設計圖稿任務分配-01](https://hackmd.io/_uploads/BkjsAKgMel.png)





