你的第一個網站
本模組將向您介紹 Web 開發的實際操作。您將收集所需資源並編寫程式碼來構建一個簡單的網頁，然後將其釋出給全世界觀看。
建立專業的網站需要大量工作，因此如果您是 Web 開發新手，我們鼓勵您從小處著手。您不會立刻就構建出另一個 Facebook，但建立一個屬於自己的簡單線上網站並不難，所以我們將從這裡開始。
預備知識
本模組假定您對 Web 技術沒有任何先驗知識，但您應該已經熟悉使用您的作業系統，包括檔案系統和瀏覽網頁。您應該已經安裝了程式碼編輯器和多個 Web 瀏覽器。
如果情況並非如此，我們建議您先完成 環境設定 模組。
教程
- 您的網站會是什麼樣子？
-
在開始編寫網站程式碼之前，您應該先進行規劃。您要展示什麼資訊？您將使用什麼字型和顏色？在這裡，我們將概述一種您可以遵循的簡單方法來規劃您網站的內容和設計。
- 建立內容
-
HTML (HyperText Markup Language) 是用於構建網頁及其內容的結構化程式碼。例如，內容可以組織在一組段落中、一個專案符號列表或使用影像和資料表格。本文件提供了對 HTML 及其功能的初步瞭解，並向您展示瞭如何為您的第一個網站建立基本內容。
- 設定內容樣式
-
CSS (Cascading Style Sheets) 是用於美化 Web 內容的程式碼。美化內容部分將指導您開始所需的一切。我們將回答諸如：如何將文字設定為紅色？如何在（網頁）佈局的特定位置顯示內容？如何用背景影像和顏色來裝飾我的網頁？
- 新增互動性
-
JavaScript 是一種為網站新增互動性的程式語言。這體現在遊戲、按鈕按下時的響應行為、表單中的資料輸入、動態樣式、動畫等方面。本文件將幫助您開始使用 JavaScript，並加深您對可能性的理解。
- 釋出您的網站
-
一旦您完成了編寫構成您網站的程式碼和組織檔案，您就需要將其全部上線，以便人們能夠找到它。本文件解釋瞭如何輕鬆地將您的示例網站上線。
另見
- 前端開發人員職業路徑 MDN 學習合作伙伴
-
Scrimba 的 前端開發人員職業路徑課程教授您成為一名合格的前端 Web 開發人員所需的一切，包含有趣的互動式課程和挑戰、知識淵博的老師以及支援性的社群。從零基礎到獲得您的第一份前端工作！該課程的許多組成部分都有獨立的免費版本。