鐵人檔案
我打算一路從web的基礎原理，包括網頁的建立和運行，還有如何普及化，從零開始學習並和大家分享，想透過這個挑戰來強迫自己學習，多方面的了解學校老師不會特別提出來教授的部分，也算是一種增廣見聞，提升自己的方式。
1.開始抓包 選擇網路介面卡，開啟 Wireshark 後會看到一個清單，顯示所有的網路介面（例如：Wi-Fi、乙太網路卡）。選擇你想監控的介面，雙擊即可開始抓...
常用 display filter 欄 只看 HTTP GET： http.request.method == "GET" 只看 HTTP...
什麼是「網頁原始碼」? 定義與組成 網頁原始碼（source code 或稱原始程式碼）通常指的是伺服器或開發者撰寫的文字檔案，以可讀格式（例如 HTML、CS...
網頁原始碼實作練習 下列是一個網頁原始碼的 HTML 範例 <!DOCTYPE html> <html lang="zh-Hant&...
🧱 Elements（元素） 用途：檢視與即時編輯網頁的 HTML 與 CSS 結構功能重點： 顯示整個 DOM（文件物件模型）結構。 可以直接修改 HTML...
結構與語意 正確的 HTML5 結構：!doctype html、html lang="…"、head、main、header、nav、fo...
一、什麼是 ntopng ntopng 是一套 網路流量監控與分析工具，帶有 Web 介面，可以即時或歷史地顯示網路流量狀況。 它可以透過被動捕捉封包 (lib...
設計流程 1.先用低保真線框想清楚布局 一開匙可以先決定主要區塊，像是導覽列、側欄、內容區、工具列、卡片/表格、分頁/篩選器。我們從簡單 ASCII 線框示意：...
1.伺服器的主要功能 功能 說明 接收請求 (Request) 處理瀏覽器發送的 HTTP/HTTPS 請求 回應內容 (Response)...
1.Web 從點到線的串接 階段 主題 關鍵概念 基礎認識 前端、後端、資料庫、API、安全性、測試 理解整體構成與角色分工 架構實作 HTM...
