前言:

這次的主題是使用 Microsoft Copilot 製作衛教網站。只需要掌握基本的 HTML、CSS 和 JavaScript 語法，再結合 AI 的力量，就能製作出理想的網站。然而，在製作網站的過程中，仍需具備一些基本的 HTML、CSS 和 JavaScript 語法知識，這樣才能理解 AI 為什麼會這樣寫。同時，懂一些語法也能幫助你在詢問 AI 時，知道該問什麼問題，才能得到你想要的結果。

我之所以也想學習 HTML、CSS 和 JavaScript 語法，以及 Microsoft Copilot，是因為我在之前的課程中學習了使用 Wix 來製作網站。Wix 是一個非常方便的網站建設工具，但我希望能夠更深入地了解網站背後的運作原理。因此，我決定藉著 IT 鐵人賽這個機會，學習如何編寫網站的代碼，了解網站製作背後所運作的編碼。同時，學習 Microsoft Copilot 可以幫助我更有效率地編寫代碼，並且在遇到問題時能夠得到即時的協助。

透過這次的學習，我希望能夠掌握基本的 HTML、CSS 和 JavaScript 語法，並結合 Microsoft Copilot 的力量，製作出一個功能豐富且美觀的衛教網站。這不僅能提升我的技術能力，還能讓我對網站開發有更深入的理解和熱情。

此外，我選擇製作衛教網站是因為我是醫資系的學生，對於醫療資訊有著濃厚的興趣。希望透過這次的專案，能夠將我的專業知識與技術結合，為更多人提供有用的健康教育資訊。

第1天：學習 VS Code 下載與基本設定

今天是我參加 IT 鐵人賽的第一天，我決定先從學習如何下載和安裝 Visual Studio Code（VS Code）開始。VS Code 是一款由 Microsoft 開發的免費開源編輯器，廣泛用於各種程式語言的開發。它具有強大的功能和豐富的擴展，能夠大大提高開發效率。

首先，我訪問了 Visual Studio Code 的官方網站，下載了適用於我操作系統的安裝包。下載完成後，我按照指示進行安裝，過程非常簡單，只需幾個步驟即可完成。安裝完成後，我打開了 VS Code，開始進行基本設定。

在進行基本設定時，我首先選擇了一個適合自己的主題。VS Code 提供了多種主題選擇，可以根據個人喜好進行設置。我選擇了一個深色主題，這樣在長時間編碼時可以減少眼睛疲勞。接下來，我安裝了一些常用的擴展，例如 Prettier（代碼格式化工具）和 Live Server（即時預覽工具），這些擴展可以大大提高我的開發效率。

另外，我還學習了如何使用 VS Code 的基本功能，例如打開和保存文件、創建和管理項目文件夾、使用終端進行命令行操作等。我發現 VS Code 的界面非常直觀，操作起來也非常方便，這讓我對接下來的學習充滿了信心。

今天的學習讓我對 VS Code 有了初步的了解，並且能夠設置基本的開發環境。之後的實作內容與製作衛教網站的過程，我都會在 VS Code 中進行編寫，這將幫助我更好地掌握這款強大的編輯器。