網站是什麼？網頁、網站、網域、主機的關係
四個常被混為一談的東西
「我要做一個網站」這句話裡，實際上牽涉四件各自獨立的東西。用開店來比喻最容易理解：
| 對應 | 作用 | 沒有它會怎樣 | |
|---|---|---|---|
| 網域 | 門牌地址 | 讓別人找得到你 | 客人不知道要去哪 |
| 主機 | 店面空間 | 存放網站的檔案 | 沒有地方擺東西 |
| 網站 | 裝潢與陳列 | 實際呈現的內容 | 空屋一間 |
| 網頁 | 店內的每個區域 | 網站的組成單位 | — |
三者是分開購買、分開管理的，可以來自同一家廠商，也可以來自三家不同廠商。詳細分工可參考網域註冊商、DNS 與主機商是三件不同的事。
網頁是什麼
網頁的本質是一個純文字檔案，裡面用一套標記語言描述「這段是標題」「這段是段落」「這裡放一張圖」。這個檔案本身不好看，是瀏覽器負責讀懂這些描述，再畫成我們看到的畫面。
組成一個網頁通常有三種角色：
- HTML——決定內容與結構，哪些是標題、哪些是段落、哪些是連結
- CSS——決定外觀，字體、顏色、間距、版面配置
- JavaScript——決定行為，點擊後展開、輪播、表單驗證
把它想成蓋房子：HTML 是結構與隔間，CSS 是油漆與裝潢，JavaScript 是電動門和感應燈。三者分工，但最終呈現為一個整體。
為什麼要知道這件事
因為它解釋了一個常見疑問：為什麼搜尋引擎「看得到」文字，卻「看不到」圖片裡的文字。 搜尋引擎讀的是 HTML 這份純文字描述，圖片對它而言只是一個檔案。把重要的標題、說明做成圖片，等於對搜尋引擎隱藏了這些內容——這也是我們不建議整站大量使用圖片替代文字的原因。
網站是什麼
網站是一群網頁的集合，透過連結串在一起，並放在同一個網域底下。
典型的企業網站會包含這些網頁：首頁、關於我們、產品或服務、最新消息、聯絡我們。每一頁都是獨立的網頁，但共用同一套外觀與導覽。
網站不是只有「看得到」的部分
一個能長期經營的網站，實際上分成三層：
- 前台——訪客看到的部分
- 後台——管理者登入後編輯內容的介面
- 資料庫——實際存放文章、產品、訂單等資料的地方
前台呈現的內容是即時從資料庫取出來的。這也是為什麼您在後台修改一則消息，前台立刻就會更新。詳見靜態網頁與動態網頁差在哪。
從輸入網址到看到畫面，發生了什麼
- 您在瀏覽器輸入網址
- 系統查詢這個網址對應到哪一台主機（這一步靠 DNS）
- 瀏覽器向該主機要資料
- 主機把網頁檔案送回來，若是動態網站，還會先去資料庫取資料組合成頁面
- 瀏覽器解讀這些檔案，畫成畫面
整個過程通常在一兩秒內完成。任何一個環節出問題，網站就打不開——這也是為什麼「網站壞了」需要先判斷是哪一層的問題，而不是直接怪罪某一家廠商。
幾個常見的誤解
「網站放在 Google 上」
不是。網站放在您租用的主機上，Google 只是把您的網站登記在它的索引裡，讓別人搜尋得到。兩件事完全獨立——您的網站可以正常運作但完全搜尋不到，也可以在 Google 有紀錄但實際已經關站。
「有粉絲專頁就不用做網站」
粉絲專頁是租來的空間，版面、功能、觸及率都由平台決定，規則隨時可能改變，帳號也可能被停用。網站是自己的資產，內容、結構、資料都在自己手上。兩者角色不同，通常是互補而非取代。
「網站做好就不用管了」
網域要續約、主機要續約、SSL 憑證要更新、系統要修補安全漏洞、內容要持續更新。放著不管的網站，通常一兩年後就會出現各種狀況。