使用 Visual Studio Code 開始進行網頁程式開發
在 Visual Studio Code 中建立簡單的 Web 專案,包含網頁、CSS 檔案和 JavaScript 檔案,藉此練習網頁程式開發的入門步驟。 了解如何在瀏覽器中使用開發人員工具來檢查工作。
學習目標
在本課程模組中,您將練習如何:
- 使用 HTML 建立基本網頁。
- 使用 CSS 將樣式套用至網頁元素。
- 使用 CSS 建立佈景主題。
- 新增使用 JavaScript 在佈景主題之間進行切換的支援。
- 使用瀏覽器開發人員工具檢查網站。
必要條件
- Microsoft Visual Studio Code
- 熟悉一或多種程式設計語言與一種標記語言 (例如 HTML)
- 執行下列其中一種作業系統的電腦:
- Windows:Windows 10 或 11
- Mac:macOS 10.15 或更新版本
- Linux:Ubuntu、Debian、Red Hat、Fedora 或 SUSE