1.1概述
基本概念：
Web——Web系統
前端——網頁上爲用戶呈現的部分
開發——編寫代碼
Web系統——以網站的形式呈現，通過瀏覽器訪問，完成一定功能的系統
後端——與數據庫進行交互，完成數據存取
網站設計與web前端開發的關係：網站設計包括web前端開發
網站設計被分成很多部分，不同的部分由不同的人員來負責
- 網站架構師，根據用戶需求將網站的整個架構設計出來
- 網頁美工，美工人員爲每個界面設計一個效果圖
- 前端開發人員，將效果圖轉換成代碼
1.2網站與網頁
概念
網站（web site）：網頁的集合
網頁（web page）：網站中的網頁通過“超鏈接”的方式組織在一起
網頁元素
站標（logo）
導航欄：超鏈接集合
banner廣告橫幅
文字超鏈接
表單
瀏覽器
瀏覽器可以解析網頁文件的代碼，然後將網頁顯示出來，這個過程稱爲渲染。
主流瀏覽器有Chrome ，Firefox，IE，Safari，Opera
1.3Web前端開發技術
前端技術構成
結構（HTML）
從語義角度，描述頁面結構
樣式（CSS）
從審美角度，美化頁面
行爲（Javascript）
從交互角度，提高用戶體驗
前端技術標準
W3C（the World Wide Web consortium，萬維網聯盟）組織規定
規定的標準：
HTML5,CSS3,
1.4瀏覽器如何渲染網頁？網站的作用？
客戶通過客戶端來請求訪問百度網的首頁，這個時候服務器端接收到這個請求，找到對應的頁面之後就返回給客戶端。
用戶在瀏覽器輸入網址，提出訪問該網站的請求，瀏覽器根據URL地址找到服務器，服務器收到請求，返回網頁源文件給瀏覽器，瀏覽器收到源文件，開始從頭解析，發現還需要css文件，需要服務器提供，服務器返回css文件，接着解析，發現需要圖片，瀏覽器請求圖片，服務器返回。