-----------------------------------------
圖片放大特效
table樣式
<style scoped>
img[alt="Alt1"]{
background: rgba(255, 255, 255, 0);
position: absolute;
top: 10%;
left: 10%;
/* transform: translate(-50%, -50%); */
width: 200px; /* 調整圖片寬度 */
height: auto; /* 保持原始比例 */
padding:0;
margin:0;
z-index: 1;
}
img[alt="Alt2"]{
background: rgba(255, 255, 255, 0);
position: absolute;
top: 10%;
left: 75%;
/* transform: translate(-50%, -50%); */
width: 200px; /* 調整圖片寬度 */
height: auto; /* 保持原始比例 */
padding:0;
margin:0;
z-index: 2;
}
</style>
---
# 前言
## 研究背景與動機
| 週次 | 主題 | 生活應用實例 |
|------|------|------------|
| 1 | 認識Python世界 | 與電腦打招呼，用print畫出圖案 |
| 2 | 資料型態與變數 | 超實用的溫度轉換器 |
| 3 | 流程控制(上) | 智慧型選擇器 |
| 4 | 流程控制(下) | 尋寶冒險遊戲 |
| 5 | 資料容器(上) | 寶物收集系統 |
| 6 | 資料容器(下) | 遊戲背包系統 |
| 週次 | 主題 | 生活應用實例 |
|------|------|------------|
| 7 | 函式設計(上) | 魔法咒語系統 |
| 8 | 函式設計(下) | 個人程式工具箱 |
| 9 | 檔案處理(上) | 個人日記系統 |
| 10 | 檔案處理(下) | 成績管理系統 |
| 11 | 基礎物件入門 | 寶可夢世界模擬 |
| 12 | 小專案實作 | 綜合應用與創新 |
**※評分標準依實際課程進行調整，大學端70%僅為建議，最終以課堂教師評定為準。**
- 針對每個單元設計相應的評量項目
- 線上程式批改平台進行程式練習
<style scoped>
img[alt="Alt1"]{
background: rgba(255, 255, 255, 0);
position: absolute;
top: 15%;
right: 15%;
/* transform: translate(-50%, -50%); */
width: 400px; /* 調整圖片寬度 */
height: auto; /* 保持原始比例 */
padding:0;
margin:0;
z-index: 1;
}
</style>
---
## 報名與聯絡方式
**報名方式**：
- 請向各班導師或資訊組長報名
- 報名截止日期：20XX年XX月XX日
**聯絡資訊**：
- 課程負責人：張傑帆助理教授
- 電子郵件：[email protected]
- 聯絡電話：XX-XXXXXXXX
<style scoped>
img[alt="Alt1"]{
background: rgba(255, 255, 255, 0);
position: absolute;
top: 10%;
right: 3%;
/* transform: translate(-50%, -50%); */
width: 500px; /* 調整圖片寬度 */
height: auto; /* 保持原始比例 */
padding:0;
margin:0;
z-index: 1;
}
</style>
<style scoped>
img[alt="Alt1"]{
background: rgba(255, 255, 255, 0);
position: absolute;
top: 10%;
right: 10%;
/* transform: translate(-50%, -50%); */
width: 500px; /* 調整圖片寬度 */
height: auto; /* 保持原始比例 */
padding:0;
margin:0;
z-index: 1;
}
</style>