chapter 1 在 Visual Studio Code 上結合 GitHub Copilot 與 Git?

1-1 Visual Studio Code 安裝與基本介紹?

1-2 Visual Studio Code 延伸套件安裝教學?

1-3 GitHub Copilot 簡介?

1-4 GitHub Copilot 使用教學?

1-5 Git 版本控制?

1-6 視覺化介面操作 Git?



chapter 2 初學 HTML?

2-1 何謂 HTML?

2-2 HTML 文件架構?

2-3 利用 GitHub Copilot 認識 HTML 標籤?

2-4 全域屬性?

2-5 瀏覽器除錯網頁教學?



chapter 3 初學 CSS?

3-1 何謂 CSS?

3-2 DIV+CSS 排版法?

3-3 利用 GitHub Copilot 輔助學習CSS 選擇器?

3-4 CSS 語法的放置位置?

3-5 繼承權與優先權?

3-6 常見的 CSS 樣式?



chapter 4 網頁建置流程與網頁設計?

4-1 前置作業?

4-2 套用 jQuery?

4-3 網頁設計?

4-4 響應式網頁設計?

4-5 Media Queries?

4-6 設定 Viewport?



chapter 5 利用 HTML+CSS 製作基本版型?

5-1 單欄式版面?

5-2 使用 GitHub Copilot 快速製作單欄式響應式版面?

5-3 雙欄式版面?

5-4 登入版面?



chapter 6 初學 Bootstrap 5?

6-1 認識 Bootstrap?

6-2 認識網格系統?

6-3 常用 Bootstrap 類別?



chapter 7 使用 Bootstrap 5 開發響應式網站?

7-1 首頁?

7-2 關於我們?

7-3 產品項目?

7-4 產品細節?



chapter 8 常見 Bootstrap 5 響應式版面教學?

8-1 企業網頁?

8-2 個人部落格?

8-3 視差網頁?

8-4 側欄固定網頁?



chapter 9 網站公開展示?

9-1 GitHub Pages?

9-2 Cloudflare Pages



?