---
# System prepended metadata

title: 軟體工程師體驗營 第13組 –- 第 3 週討論區
tags: [2024軟體工程師體驗營]

---

# 軟體工程師體驗營 第13組 --- 第 3 週討論區 

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




| 組員名單 | 報到 :heavy_check_mark: | 
| -------- | -------- | 
| shinew13               | :heavy_check_mark: |
| oz2529                 | :heavy_check_mark: |
| everelaine             |  |
| wadejin7856            | :heavy_check_mark: |
| nora_zizi              | :heavy_check_mark: |
| pan_angel0904          | :heavy_check_mark: |
| 777702                 |  |
| peggytsai              |  | 
| yasmine035095          |  |
| annnnn_1015            | :heavy_check_mark: |



## 第一題 證書任務合作無間！！


| 作品集頁  |  組員        | CodePen  |
| -------- | --------    | -------- |
| header   | oz2529      |  [CodePen](https://codepen.io/OZ_design/full/gOJaXdV)        |
| banner   | annnnn_1015 | [CodePen](https://codepen.io/Anna-Teng/pen/bGyEeyV) ; [測試,有RWD](https://codepen.io/OZ_design/pen/YzbwQBR) |
| content  | wadejin7856 | [CodePen](https://codepen.io/wadejin/pen/eYaJMrB) |
| footer   | nora_zizi   |  [CodePen](https://codepen.io/Nora-Ch/pen/ExzaWmY)        |



## 第二題：是否參加實體發表會
<!-- 報到請在預留的報到欄位中複製貼上 :heavy_check_mark: 打勾圖示 -->
| 組員名單 | 報名 :heavy_check_mark: | 
| -------- | -------- | 
| shinew13               |  |
| oz2529                 | :heavy_check_mark: |
| everelaine             |  |
| wadejin7856            |  |
| nora_zizi              | :heavy_check_mark: |
| pan_angel0904          |  |
| 777702                 |  |
| peggytsai              |  | 
| yasmine035095          |  |
| annnnn_1015            | :heavy_check_mark: |


## 討論紀錄


* 組員分享
![第三周討論](https://hackmd.io/_uploads/SysY-_Pm0.png)

![螢幕擷取畫面 2024-05-19 202447](https://hackmd.io/_uploads/SJYhBF_QA.png)



* 問題討論
1.header li四角框線做法
[範例](https://segmentfault.com/q/1010000011882269)
2.設定RWD後出現X軸:有區塊沒寫到width:100%;
3.footer選單圖片換色做法
[CSS filter滤镜任意色值转换工具](https://www.zhangxinxu.com/sp/filter.html)
[在 Hover 時更改 SVG 顏色的幾種方式](https://uu9924079.medium.com/%E5%9C%A8-hover-%E6%99%82%E6%9B%B4%E6%94%B9-svg-%E9%A1%8F%E8%89%B2%E7%9A%84%E5%B9%BE%E7%A8%AE%E6%96%B9%E5%BC%8F-15eb425c4977)
4.banner底線做法:用css background-image/用html img+position?

----- 
