前端網頁設計開發實務

這是一個涵蓋前端網頁設計與開發的專案，內容包括 HTML、CSS 與 JavaScript 的基礎與應用，從靜態網頁結構、版面設計、互動效果，到響應式設計與表單驗證，皆有完整示範與實作。

透過本專案的範例與實作，您可以系統化地學習並練習網頁開發的核心技術與開發流程。

📌 範例內容包含：

1. HTML 基礎標籤與結構
2. 標題、段落與文字格式設定
3. 換行與分隔線的使用技巧
4. 無序與有序清單的應用
5. 超連結與圖片插入
6. CSS 文字顏色、字型大小與排版
7. 邊框 (Border)、外距 (Margin) 與內距 (Padding)
8. 盒模型與 Display 屬性介紹
9. 響應式設計與版面配置技巧
10. JavaScript 基本語法與事件操作
11. 表單設計與驗證
12. 簡易動畫與動態效果

📁 檔案說明

檔案名稱	說明
01 我的第一個網頁.html	HTML 基礎結構介紹與練習
02 標題.html	標題標籤使用與文字排版
03 換行.html	換行與分隔線元素使用
04 分隔線.html	水平分隔線應用
05 預定格式.html	HTML 預定格式標籤
06 無序編號.html	無序與有序清單實作
07 有序編號.html	有序編號清單介紹
08 Javascript.html	JavaScript 基本語法與事件應用
09 註解.html	HTML、CSS、JavaScript 註解方式
10 CSS.html	CSS 基礎樣式設定
11 圖片.html	圖片插入與調整
12 超連結.html	超連結建立與屬性設定
13 表格.html	表格結構與排版
14 登入.html	登入表單設計
15 註冊.html	註冊表單設計
16 Div滿版背景應用.html	Div 元素與背景應用
17 文字顏色與大小寫.html	文字顏色與字體大小調整
18 Border、Margin與Padding.html	盒模型三大要素詳細解說
19 Display.html	CSS Display 屬性介紹
20 一頁式網頁實作.html	單頁網頁設計實作
21 Google.html	HTML、CSS 與 JavaScript 整合專題範例
HackMD作品集連結.md	HackMD 作品集連結整理
前端網頁程式設計與實作.pdf	前端網頁設計理論與實務分析案例

📌 附註：

• 前端網頁程式設計與實作成果以 PDF 形式提供，用於輔助理解分析流程與結果展示。