5.網頁原理.md

marp	theme	paginate	backgroundColor	color	backgroundImage
true	uncover	true			url("spider poster-light.svg")

<style> :root{ --color-background-code: #222222; --color-foreground: #FFF; } marp-pre,.language-python{ border-radius: .5em; color:#FFF; padding: 1.2em!important; } code{ border-radius: 7px; } </style>

網頁原理

講師：蕭翊均、林欣儒

---

---

1. 瀏覽器去 DNS (電話簿)查 IP 地址
2. 瀏覽器向伺服器傳送 HTTP 請求網站資料
   • 交通規則 - HTTPS、FTP
   • 交通工具 - GET
3. 伺服器回傳回應
   • 狀態(如200 OK, 404 Not Found)
     • 各種 HTTP 狀態碼介紹
   • 檔案(如HTML, CSS, JS, JPG, PNG)
4. 瀏覽器把一小塊一小塊的東西(封包)，組合成完整的網站，並把它呈現起來

---

IP Adress & DNS

---

1. IP Address 當連上網路後，每台電腦在網路中的位置
   • IPv4、IPv6
   • Google: 172.217.160.110 / 2404:6800:4012:1::200e
2. DNS(Domain Name System) 一個可以把IP跟域名(Domain)轉換的系統
   • 172.217.160.110 www.google.com
   • 可以申請自己的網域