---
# System prepended metadata

title: 南7組 - 第五週小組任務
tags: [軟體工程師體驗營 - 2023, 南7組, 六角學院]

---

# 南7組 - 第五週小組任務

### 參與人員
- [x] 阿榮#8277
- [x] Uli#1946
- [x] Tina02#2691
- [ ] Abby艾比比#0519
- [ ] Jerry456789#9029
- [ ] penny#6214
- [ ] Charlene#7703

### 問題

#### 第一題 與組員們互相分享 AI 小工具主題
目前有提供六種服務，問答服務、虛擬客服、生活應用、程式知識、翻譯助手、行銷文案

舉例：
我想挑選「翻譯助手」的主題類型，他可以翻譯我給的英文單字

| 組員   | 主題類別 | 工具介紹|
| ----- | ---- | -----------|
|阿榮#8277|推薦電影|想做一個電影推薦的工具，輸入主題/關鍵字，推薦2部電影|

#### 第二題 觀看[影音章節](https://courses.hexschool.com/courses/2038127/lectures/46158027)安裝 Node
回報時，請在終端機輸入 node -v，若有出現 node 版號即成功
如圖：
![](https://hackmd.io/_uploads/SysE1E4I2.png)

| 組員   | 已安裝 |截圖|
| ----- | :-----: |---|
|阿榮#8277|✅|![](https://hackmd.io/_uploads/Hy3dhWi8n.png)|

### 討論切版二任務
| NO. | 問題 |結論|
| ----- | ----- |---|
|1|a 標籤的 href 怎麼避免點擊後跳轉到前面|有幾種方式可以解決 <br> 1. href="###" <br> 2. href="javascript:" <br> 3. href="javascript:void(0)" |
|2|網頁內容分段分成兩個 h3|建議合併為一個 h3 標籤，斷行部分使用 br 標籤即可，br 不會被閱讀器唸出來|
|3|小草動畫排版寫法|bootstrap 的 ms-auto / me-auto|
|4|「來自合作夥伴」區塊的 .enterprise 目前是兩個 ul，可以改為 `ul > li*2` 結構會更簡潔。|三個人都寫兩個 ul，對寫成一個 ul 有點疑惑，要再試試看|
|5|助教給的建議: .container 可以新增一層 div 並移動到最外層來包住所有非滿版的內容，這樣子層就不需要各別設置。那搜尋區的白色背景該怎麼處理?||

### 語音 & 文字討論截圖
![](https://hackmd.io/_uploads/BkbTdhnU2.png)
![](https://hackmd.io/_uploads/BkDAOhn83.png)

討論助教給的建議
![](https://hackmd.io/_uploads/ByFMYnnU3.png)


###### tags: `軟體工程師體驗營 - 2023` `六角學院` `南7組`