使用 Visual Studio Code 開始進行網頁程式開發

初級
開發人員
學生
Windows
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