直覺搞懂 OSI 七層參考模型

專為大專院校「計算機網路」課程設計之互動式教材。透過逐層探索、封裝動畫與在地生活情境，輕鬆掌握通訊協定核心原理！

🎓 大學計網必修 📦 PDU 封裝解析 🇹🇼 台灣在地生活實例 ⚡ 零外部套件離線可用

🏢 模組一：OSI 七層互動塔 (Layer Tower)

點擊左側任一層級，右側將即時展開該層的職責、PDU、協定與生活實例。

上三層：軟體與應用導向層 (Software-Oriented)
7
應用層 Application Layer
使用者直接互動的通訊介面
PDU: 資料 (Data)
6
表達層 Presentation Layer
格式轉換、TLS 加密、資料壓縮
PDU: 資料 (Data)
5
會議層 Session Layer
管理雙方連線會話的建立與終止
PDU: 資料 (Data)
下四層：資料傳輸與實體硬體層 (Data Flow & Physical)
4
傳輸層 Transport Layer
端對端通訊、Port 埠號、流量控制
PDU: 區段 (Segment)
3
網路層 Network Layer
邏輯定址 (IP)、跨網段最佳路由
PDU: 封包 (Packet)
2
資料鏈結層 Data Link Layer
實體定址 (MAC)、訊框組裝、CRC 偵錯
PDU: 訊框 (Frame)
1
實體層 Physical Layer
電壓、光訊號、RJ-45 網路線與天線
PDU: 位元 (Bit)
🖥️

第 7 層：應用層

Application Layer

協定資料單元 (PDU)
資料 (Data)
代表硬體 / 軟體層級
Web 瀏覽器、應用程式
💡 白話生活比喻

🇹🇼 台灣大學生生活實例

⚡ 常見通訊協定
⚠️ 期中考常考陷阱：...

📦 模組二：封裝／解封裝動態模擬 (Encapsulation Studio)

觀察傳送端（Host A）如何像俄羅斯套娃一層層包裹標頭（Header），以及接收端（Host B）如何逐層拆解校驗。

步驟 1 / 14
💻 傳送端 (學生筆電)
L7 資料
實體線路 / 5G 電波
01001011
🖥️ 接收端 (校園伺服器)
等待接收訊號...
第 7 層：應用層資料產生
學生在 Chrome 點選「登入選課系統」，應用層產生純文字 HTTP 請求資料（Data Payload）。

🌐 模組三：台灣大學生生活化情境模擬

選擇常見日常網路情境，一探資料如何在 OSI 各層之間精準傳遞！

當你在宿舍用電腦開啟台大選課系統時，封包將從應用層的 HTTPS 協定開始，經過加密、建立連線，最後透過宿舍 Wi-Fi 訊框發射電波。

📝 模組四：隨堂自我檢測 (Quiz)

檢測您對 OSI 七層職責與台灣計網期中考重點的掌握度。