Web 入門

建立一個專業的網站需要大量工作，因此，如果您是 Web 開發的新手，我們建議您從小處著手。您不會立即構建另一個 Facebook，但建立自己的簡單網站並不難，所以我們從這裡開始。

透過完成下面列出的文章，您將從零開始，直到您的第一個網頁上線。讓我們開始我們的旅程吧！

安裝基本軟體

在構建網站的工具方面，有很多選擇。如果您是新手，您可能會被各種程式碼編輯器、框架和測試工具弄糊塗。在本文中，我們將逐步向您展示如何安裝開始進行基本 Web 開發所需的軟體。

您的網站將會是什麼樣的？

在開始編寫網站程式碼之前，您應該先進行規劃。您要展示哪些資訊？您使用什麼字型和顏色？在這裡，我們將概述一個簡單的步驟，您可以遵循該步驟來規劃網站的內容和設計。

處理檔案

一個網站包含許多檔案：文字內容、程式碼、樣式表、媒體內容等等。構建網站時，需要將這些檔案組合成一個合理的結構，並確保它們可以相互通訊。本文解釋瞭如何為您的網站設定一個合理的資料夾結構以及您應該注意哪些問題。

HTML 基礎

超文字標記語言 (HTML) 是用於構建 Web 內容的程式碼，並賦予其含義和目的。例如，我的內容是一組段落還是一個專案符號列表？我的頁面上插入了影像嗎？我有一個數據表嗎？在不令您感到壓力的前提下，本文將提供足夠的資訊，讓您熟悉 HTML。

CSS 基礎

層疊樣式表 (CSS) 是用於為網站設定樣式的程式碼。例如，您希望文字是黑色還是紅色？內容應該在螢幕上的什麼位置繪製？應該使用什麼背景影像和顏色來裝飾您的網站？在本文中，我們將帶您瞭解入門所需的知識。

JavaScript 基礎

JavaScript 是用於向您的網站新增互動功能的程式語言。一些例子可能是遊戲、按鈕被按下或資料在表單中輸入時發生的事情、動態樣式效果、動畫等等。在本文中，我們將讓您瞭解這種激動人心的語言的可能性，以及如何開始使用它。

釋出您的示例程式碼

完成編寫程式碼並組織組成網站的檔案後，您需要將其全部發布到網上，以便人們能夠找到它。本文介紹瞭如何以最小的努力將您的簡單示例程式碼釋出到網上。

Web 的工作原理

當您訪問您喜歡的網站時，後臺會發生很多您可能不知道的複雜事情。在這裡，我們將概述當您在計算機上檢視網頁時會發生什麼。

前端開發人員職業發展路徑 ^{MDN 課程合作伙伴}

Scrimba 的 前端開發人員職業發展路徑教授成為一名合格的前端 Web 開發人員所需的全部知識，包括有趣的互動課程和挑戰、知識淵博的老師和一個支援性的社群。從零開始，找到您的第一份前端工作！課程中的許多元件都以獨立的免費版本提供。

Web 解密

一個很棒的影片系列，解釋了 Web 基礎知識，面向 Web 開發的完全新手。由 Jérémie Patonnier 建立。

Web 和 Web 標準

本文提供了一些關於 Web 的有用背景資訊——它是如何產生的，Web 標準技術是什麼，它們如何協同工作，為什麼“Web 開發人員”是一個很棒的職業選擇，以及您將在本課程中學到的哪些最佳實踐。