---
# System prepended metadata

title: 第一週小組作業＿線上新九組

---

# 第一週小組作業
討論日期及時間：2025/05/16 19:00-20:00
### 組員參與名單 (5 / 5)：

✅hao
✅inch
✅zoehaku
✅bill0530
✅stan
## 第一題 心理測驗(需約一天進行 Google Meet、ZOOM 討論)
1.請做此心理測驗，分享自己的測驗結果給您的組員。
| Discord名稱 | 人格類型   
|----------|----------|
| bill0530  | INFP 
| hao  | INFJ
| inch  | ESTP
| stan  | INFJ
| zoehaku | INFJ

2.分享一個自己的小秘密，甚至你爸媽都不知道
<span style="color:blue">已於會議中分享</span>

3.覺得你們的共通之處有哪些？例如地區、學習程度、背景資歷等等
<span style="color:blue">難得最稀有的人格有三位XDD</span>
<span style="color:blue">以台中為中線，3位北部人，２位南部人</span>

## 第二題 網頁排版繪製
請用小畫家或繪圖軟體畫出網站結構圖，共同討論或分工證書任務一或二的整頁 div 架構，以下為示範圖，可在上面標註 class 名稱、HTML 標籤

以Frame 2架構繪製
![小組作業w1n2](https://hackmd.io/_uploads/SkU8gyYWgl.png)

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

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

| Discord名稱 | 分工項目|Codepen連結|   
|----------|----------|----------|
| bill0530  | 文章作品集區塊 |[Codepen](https://codepen.io/rexvfzmf-the-typescripter/pen/OPPrKEB)| 
| hao  | 文章作品集區塊 |[Codepen](https://codepen.io/Howell/pen/OPPGrmp)| 
| inch  | 表頭與banner |[Codepen](https://codepen.io/inch178329/pen/qEEwBMg)|
| stan  | 表尾 |[Codepen](https://codepen.io/Stan-Huang/pen/MYYRrQz)|
| zoehaku | banner |[Codepen](https://codepen.io/zoeping/pen/oggRbPX)|

### [討論過程紀錄截圖](https://www.figma.com/slides/PGHuyW7GCm1gK6unBrXRvU/Untitled?node-id=2-6&t=JFXi5hYnL7PZcKfq-1)
☝️直接點擊上方標題，即可觀看討論過程截圖

❤️非常感謝組員們的高效率團隊合作❤️







