網站到底是什麼?
每個網頁背後在做什麼
⏱ 預估 ~7 分鐘
01 · 讀一讀
每次你打開一個網站,幕後都有一件了不起的事情發生。你的瀏覽器送一個訊息到地球的另一端,某台遠方的電腦回傳一包檔案給你,然後你的螢幕在大約一到三秒內亮出一個完整的網頁。
搞懂這個過程很重要,因為它會把神祕感拆掉。當網頁變慢、連結壞掉、網站掛掉 — 都有具體的原因,根源就是網站真正怎麼運作。你不是被魔法擺布,而是看著一個有零件可以理解的系統。
把上網想成從另一個城市的圖書館訂一本書。你送一個寫著書名的請求,圖書館的人從架上找到書、包起來、寄回給你。「網際網路」就是郵局,「伺服器」就是圖書館,「瀏覽器」就是你 — 拿到書之後讀它。
💡 想像一下上網站就像跟遠方的圖書館訂書 — 你送一個請求,有人幫你找到正確的檔案,再把它們寄回來給你的瀏覽器顯示。
重點整理
- 每次上網都包含:瀏覽器發請求,伺服器回應
- 整個過程是一步一步具體可以理解的 — 沒有什麼魔法
- 懂這些步驟可以幫你 debug 像「載入很慢」或「頁面壞掉」這類問題
02 · 步驟說明
走過每次你上網時都會發生的 7 個步驟。點「下一步」跟著走完整段旅程。
1. 你打一個 URL
你在瀏覽器的網址列打 www.example.com 之類的東西然後按 Enter。這個 URL 就像街道地址 — 告訴網際網路你要去哪裡。
2. DNS 查地址
你的瀏覽器去問一台 DNS(Domain Name System,網域名稱系統)伺服器,把 www.example.com 翻譯成像 93.184.216.34 這種數字。電腦之間用這種數字(叫 IP 位址)互找,就像 GPS 用座標而不是路名。
3. 瀏覽器送出請求
你的瀏覽器透過網際網路,送一個訊息到那個 IP 位址上的伺服器,內容是:「請把這個 URL 的網頁傳給我。」這個訊息叫做 HTTP request(HTTP 請求)。
4. 伺服器收到請求
世界上某處的一台電腦(伺服器)收到了你的請求。它可能在維吉尼亞州的資料中心、都柏林的某棟倉庫,或地球上任何地方。
5. 伺服器找出檔案
伺服器找出這個頁面需要的 HTML、CSS、JavaScript、圖片檔。有時候它還要去資料庫撈資料,即時組出頁面。
6. 伺服器送出回應
伺服器把這些檔案打包,透過網際網路送回給你的瀏覽器。這就叫 HTTP response(HTTP 回應)。
7. 你的瀏覽器渲染出頁面
你的瀏覽器收到檔案,把它們組裝成你看到的頁面:HTML 提供結構、CSS 把它變好看、JavaScript 讓它可以互動。整個過程大概 1 到 3 秒。
03 · 讀一讀
關鍵的洞察是:網站只是放在別人電腦上的檔案。
當你上一個網站,你其實只是在從世界某處的某台電腦下載檔案(HTML、CSS、JavaScript、圖片),你的瀏覽器再把它們組裝成你看到的畫面。
沒有魔法。「雲端」就是別人的電腦。網站就是檔案。瀏覽器就是一個會把這些檔案漂亮顯示出來的檔案檢視器。
重點整理
- 網站就是存在伺服器上的檔案(HTML、CSS、JS、圖片)
- 你的瀏覽器把這些檔案下載下來,渲染成一個頁面
- 整個過程大概要 1 到 3 秒
- 「雲端」就是塞在叫做「資料中心」的大型建築裡的電腦
04 · 選擇題
當你打一個 URL 然後按 Enter,第一個發生的事是什麼?
- 伺服器立刻把網頁送給你
- JavaScript 開始在你的瀏覽器跑
- 你的瀏覽器透過 DNS 把 URL 翻譯成 IP 位址
- 網站下載到你的硬碟
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案,非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。