這些是我在學習過程中完成的一些網頁切版作品，涵蓋了從基礎的 HTML 與 CSS，到更進階的互動式網頁設計、JavaScript、API 資料串接等多個範疇。

一、基礎（HTML + CSS）

1. 履歷設計

網頁連結： 履歷設計

使用語法： HTML、SCSS

設計稿： 六角學院提供

2. 個人網頁

網頁連結： 個人網頁

使用語法： HTML、SCSS

設計稿： 六角學院提供

3. 線上課程

網頁連結： HTML 最終作業

使用語法： HTML、SCSS、meta 標籤

設計稿： 六角學院提供

---

二、互動式網頁（RWD + jQuery / JavaScript）

1. 甜點電商

網頁連結： Sweetaste

使用語法： HTML、SCSS、AOS、RWD、jQuery

設計稿： 六角學院提供

2. 香水電商（MPA）

網頁連結： d-Perfume

使用語法： HTML、Bootstrap、RWD、jQuery

設計稿： 六角學院提供

頁面： 首頁、商品列表、商品內頁、登入頁

3. 漢堡電商（MPA）

網頁連結： 六角西餐廳

使用語法： PUG、SCSS、RWD

設計稿： 六角學院提供

頁面： 首頁、訂餐、登入頁

4. 部落格（MPA）

網頁連結： Noel 個人網站

使用語法： PUG、SASS、RWD、JavaScript、Modal

設計稿： 六角學院提供

頁面： 首頁、作品集、服務項目、部落格、部落格文章

---

三、JavaScript

1. BMI 計算機

網頁連結： BMI-Calculator

使用語法： HTML、SCSS 、JavaScript

設計稿： 六角學院提供

2. 高雄旅遊網

網頁連結： 高雄旅遊網

使用語法： HTML、SCSS、JavaScript、JSON

設計稿： 六角學院提供

---

四、資料串接（API）

1. 傢俱電商（前、後台）

網頁連結： 窩窩傢俱

使用語法： HTML、SCSS、JavaScript、API、購物車

頁面：購物頁面、後台管理