🌐 Web-Course — 零基礎打造自己的網站

HTML × Tailwind CSS 網頁前端入門課程作品集

---

📖 關於這個專案

這是 Rain Yu 在「零基礎打造自己的網站 — HTML × Tailwind CSS 網頁前端入門」課程中所完成的學習成果。
從零開始學習網頁前端技術，並實作出一個個人作品集網站。

---

🛠 使用技術

技術	說明
	網頁結構
	樣式設計（CDN 引入）
	圖示庫

---

📁 專案結構

Web-Course/
├── rain-yu-portfolio.html          # 個人作品集網頁主檔
├── images/                         # 圖片資源
│   └── hollow_knight.png           # 頁面使用的圖片
├── Steps/                          # 課程學習步驟筆記
└── 零基礎打造自己的網站 HTML × Tailwind CSS 網頁前端入門.pdf

---

✨ 作品展示：個人作品集網站

rain-yu-portfolio.html 是課程的實作成果，包含以下區塊：

• Header — 導覽列，含 Logo 與頁面錨點連結
• About — 個人介紹、大頭照，以及 Instagram / GitHub / HackMD 社群連結
• Interests — 三欄式興趣卡片（美食 🍣 / 遊戲 🎮 / 音樂 🎵），具 hover 動畫效果
• Footer — 版權聲明

---

🚀 如何在本地端執行

不需要任何安裝！直接用瀏覽器開啟即可：

# 1. Clone 這個專案
git clone https://github.com/RainYu0510/Web-Course.git

# 2. 進入資料夾
cd Web-Course

# 3. 直接用瀏覽器開啟
open rain-yu-portfolio.html
# 或直接雙擊檔案

---

👤 作者

Rain Yu
大同大學資工系學生，對 AI 與網頁開發充滿熱情。

---

📄 授權

© 2026 Rain Yu. All rights reserved.