網站運作可以拆成六個角色:網域是好記的名稱,DNS 把名稱換成主機的 IP 位址,主機存放網站檔案並執行網頁程式,程式需要時向資料庫取資料,再由瀏覽器把收到的 HTML、CSS 與 JavaScript 組成畫面。訪客輸入網址時,瀏覽器先查 DNS 找到主機,再以 HTTP 送出請求,主機回應內容,瀏覽器把它畫成網頁。企業主不必會寫程式,但看懂這條路徑,就能分辨網站出問題時該找網域、主機還是程式端,也知道哪些帳號一定要握在自己手上。
網站運作的六個角色與分工
先用一張表看懂每個角色做什麼,以及企業要掌握什麼:
| 角色 | 負責的事 | 企業要掌握的東西 |
|---|---|---|
| 網域 | 給網站一個好記的名稱 | 註冊商帳號、到期日、續約設定 |
| DNS | 把網域對應到主機與郵件伺服器 | DNS 管理後台在哪裡、誰能修改 |
| 主機 | 存放網站檔案、回應瀏覽器的請求 | 主機帳號、方案規格、備份位置 |
| 網頁程式 | 決定每次要回傳什麼內容 | 原始碼、後台管理員帳號 |
| 資料庫 | 存放商品、文章、會員與表單資料 | 資料庫備份與存取權限 |
| 瀏覽器 | 把收到的檔案組成畫面 | 不需管理,但要測試不同裝置 |
MDN 把連上網路的裝置分成兩種:用戶端是使用者的裝置與瀏覽器,伺服器則是存放網頁、網站或應用程式的電腦。網站運作的本質,就是用戶端向伺服器要東西、伺服器回應的過程。
輸入網址之後,瀏覽器做了哪些事
依 MDN 的說明,從輸入網址到看見畫面,大致經過以下步驟:
- 查詢 DNS:瀏覽器先找出網站主機的實際位址,如果先前查過,會先用電腦上的快取。
- 建立連線:以 TCP 與伺服器建立連線;網址是 HTTPS 時,還要完成 TLS 加密協商。
- 送出 HTTP 請求:請伺服器傳回頁面,資料以 TCP/IP 在網路上傳遞。
- 伺服器回應:同意請求時回傳 200 OK 與網頁檔案,找不到檔案時通常回傳 404。
- 解析與組裝:瀏覽器把 HTML 解析成文件結構,套用 CSS 樣式、執行 JavaScript,計算版面位置後繪製到螢幕上。
頁面上的圖片、字型與樣式檔,也各自需要請求與回應。所以網站慢,可能慢在 DNS、連線、伺服器產生頁面,或瀏覽器下載與繪製資源的任何一段,要找出卡在哪一段,才知道該改主機還是改網頁本身。
網域與 DNS:網址怎麼找到主機
MDN 說明,網域名稱提供人類可讀的地址,因為 IP 位址難記,而且可能改變。網域由點隔開的幾個部分組成,要由右往左讀:右邊是頂級網域,例如 .tw 或 .com,緊鄰在左的是二級網域。網域要向註冊商申請,註冊商會透過註冊管理機構記錄網域與持有人的技術及管理資訊;挑註冊商時要注意的續約與轉移問題,可參考挑網域註冊商的判斷重點。
DNS 則像網站的通訊錄,記錄這個網域的網站在哪台主機、信件交給哪台郵件伺服器。DNS 伺服器會把查到的資料保存一段時間才更新,所以修改設定後,不同地方的人可能要等一陣子才看到新結果。各種紀錄類型的用途,在DNS 紀錄的類型與用途有完整整理。對企業來說,重點是知道 DNS 管理在哪個後台:可能在註冊商,也可能在主機商或 CDN 服務,改錯地方就不會生效。
主機與網頁伺服器:網站檔案放在哪裡
MDN 說明,「網頁伺服器」可以指硬體、軟體,或兩者一起運作。硬體是一台連上網路、存放網站檔案的電腦,檔案包含 HTML、圖片、CSS 與 JavaScript;軟體則至少包含一個 HTTP 伺服器,負責接收請求並回傳檔案。
伺服器又分兩種:靜態伺服器把存好的檔案原樣送給瀏覽器;動態伺服器則在靜態伺服器之外,再加上應用程式伺服器與資料庫,先產生或更新內容,再透過 HTTP 伺服器回傳。有後台可以自行更新內容的網站,例如部落格、購物網站與會員系統,就屬於後者。
企業不一定要自己準備實體伺服器,常見做法是向主機商租用空間或虛擬主機。共用主機、VPS、雲端主機與專屬主機的差別與適用情境,可參考虛擬主機的種類比較。選主機時,除了規格,也要確認備份由誰負責、能不能自己下載備份。
網頁程式與資料庫:動態內容怎麼產生
MDN 把網頁程式分成兩端。在瀏覽器執行的是前端程式,主要負責畫面的外觀與互動,例如選單展開、表單即時檢查;在伺服器執行的是後端程式,決定每次請求要回傳哪些內容。
動態網站的頁面,通常是把資料庫裡的資料填進 HTML 範本產生的。以商品頁為例,後端程式收到請求後,向資料庫查出這項商品的名稱、價格與庫存,套進商品頁範本,再回傳給瀏覽器;後台新增一項商品,只是在資料庫多一筆資料,不必另做一頁。後端程式也能限制只有授權的使用者看得到特定資訊,並用工作階段記住目前登入的是誰,會員中心、訂單查詢與預約系統都靠這個機制。
這也是為什麼網站備份要同時包含檔案與資料庫:只備份其中一邊,還原時內容或程式就會缺一半。
網站出問題時,先判斷是哪一段
知道網站運作的路徑後,遇到問題可以先對照下表縮小範圍,再聯絡對應的服務商:
| 看到的狀況 | 可能的環節 | 先檢查什麼 |
|---|---|---|
| 瀏覽器顯示找不到伺服器 | 網域或 DNS | 網域是否到期、DNS 是否被改動 |
| 剛改設定,有人看到舊網站 | DNS 資料尚未更新 | 修改時間與設定值是否正確 |
| 出現 404 頁面 | 網址或檔案不存在 | 網址是否改過、有沒有設定轉址 |
| 顯示資料庫連線錯誤 | 主機或資料庫 | 主機狀態、資料庫帳號與空間 |
| 畫面排版錯亂 | 樣式或程式檔沒有載入 | 近期是否更新外掛、版型或程式 |
| 瀏覽器提示連線不安全 | HTTPS 憑證 | 憑證是否到期、網址是否一致 |
判斷時先記下發生時間、受影響的網址與畫面截圖,服務商排查會快很多。
常見問題
網域可以永久買斷嗎?
不行。MDN 說明網域無法買斷,你付費取得的是一段期間的使用權,期滿可以續約,續約享有優先權。所以要開啟自動續約並更新付款資訊,避免網域到期失效。
HTTPS 和 HTTP 差在哪?
HTTPS 是 HTTP 的加密版本,以 TLS 加密用戶端與伺服器之間的所有通訊,讓表單、登入與付款資料在傳輸時不易被竊看。網站需要安裝有效的憑證才能使用 HTTPS。
換主機時網址要跟著改嗎?
不一定。網域不變時,把網站搬到新主機後,再修改 DNS 指向新主機的位址即可,網址可以維持原樣。DNS 更新需要一段時間,搬遷期間建議讓新舊主機同時運作。
為什麼改了內容,有人看到的還是舊版?
可能是瀏覽器、主機或 CDN 的快取還保留舊檔案,也可能是 DNS 資料尚未更新。可以先用無痕視窗或其他裝置確認,再清除對應的快取。
企業需要自己架伺服器嗎?
不一定。租用主機可以省去機房、硬體與網路維護,企業掌握主機帳號與備份即可;有特殊的法規、資料存放或效能需求時,再評估自建或主機代管。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務,實際案例可見成果與案例。
想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?
相關主題
下一步
建議先盤點目前網站的網域、DNS、主機、後台與資料庫備份分別掌握在誰手上,缺漏的帳號趁現在補齊。京采可以協助網站規劃與建置,並檢查網域、DNS 與主機設定,讓每一段都有人負責、有資料可查,詳細內容可參考網頁設計服務,也歡迎與我們聯繫討論現況。

