一、前端三劍客

• HTML、CSS和JavaScript這三者一起構成了一個豐富多彩的網站。
  
  • HTML負責進行頁面佈局的設定和網頁素材的新增
  • CSS負責各種素材的進行樣式調整
  • JavaScript負責頁面的互動

二、網頁工作流程

• 網頁開發
  
  • 設計網站的功能，寫出明確的網站需求（專案經理）
  • 介面設計，佈局設計，相關配色（美工）
  • 網頁的編寫—通過程式碼實現美工的頁面設計圖和專案經理的需求（web前端工程師）
  • 網頁的測試—讓網頁在不同的瀏覽器上進行一系列穩定性，相容性測試（web前端工程師）
  • 網站的上線—將程式碼和相關資源一起放到伺服器上
  • 網站的維護—保證伺服器的正常執行，保證使用者的正常訪問（運維工程師）
  • 網站的更新—修改網站bug，增加新的功能（web前端工程師）
• 網頁訪問
  
  • 在瀏覽器上輸入網址
  • 網址進入域名解析伺服器解析為實體地址
  • 訪問實體地址（實體地址對應伺服器中的相關檔案）
  • 下載相關檔案到個人計算機
  • 瀏覽器對下載好的內容進行渲染和呈現

三、網頁的呈現工具

說到網頁的呈現工具，那就一定是瀏覽器了！
各種各樣的網頁都依賴於瀏覽器來進行渲染與顯示。

瀏覽器可分為兩個部分：

• 裝飾頁面：就是瀏覽器的表層樣式（選單欄樣子，瀏覽器的設定等）

• 核心：是瀏覽器的核心部分，也就是渲染引擎。通過核心將HTML，CSS，JavaScript檔案解釋成網頁。不同的核心，在渲染網頁上有一些不同，這種不同，可能會導致瀏覽器在渲染效果、響應速度和能耗上有所差異。

ps：不同的瀏覽器核心對網頁的語法解釋也不同，因此網頁開發者需要在不同核心的瀏覽器中測試網頁的渲染效果。