整站規劃（網頁載入速度，如何規劃靜態網頁），規劃靜態網頁

整站規劃（網頁載入速度，如何規劃靜態網頁），規劃靜態網頁

一，相關概念

　　伺服器：能夠為串連網路的電腦提供資料的相關服務（Marvin認為就是擷取資料）。

　　路徑：有正確的檔案書寫，方便搜尋

　　　　　　

　　　　　　html中的圖片路徑：

　　　　　　

　　　　　　CSS檔案夾中css的圖片路徑：

　　　　　　

　　命名法：關於一些命名，有駝峰命名法如headerLogo，底線header_logo，中劃線header-logo。命名一定要語義化，方便維護嘛，比如頭部header,主體content,尾footer,

　　　　導航nav,側欄sidebar,等。

　　　　　　當然這個每個公司都有自己的一套標準，不能特立獨行，下面這個就是我即將實習的一家公司要求：

　　　　

 

二，網站載入速度和使用者流失

　　假如A網站載入同樣內容速度是B網站的幾倍，那麼B網站久而久之使用者就會變少。

　　（對於小白Marvin來說，學習機會是不能錯過的）

　　對於檔案大小來說：

　　一個網頁的css代碼量肯定是多於html的，對於css，我們應該提取公用樣式，把相同的CSS樣式提出盡量重用，減少代碼量。

　　　　盡量用複合樣式（font,border等）；

　　　　盡量發現公用樣式，代碼重用；

　　　　相同樣式用群組選取器；

　　ps：關於css的維護，可以把css寫成多個模組

　　　　1，reset地區。清除不需要的csss預設屬性。

　　　　2，public地區。公用樣式部分。

　　　　3，主體css。header,content,footer等。

　　對於背景圖：

　　網頁會有很多需要圖片的地方，我們可以將多個圖片集合到一張圖片上進行css中background-position定位，這樣對於圖片的載入便不會多次。

　　ps:圖片的命名不要用中文，盡量用英文或者拼音，不要隨意加數字，不要大小寫切換，要麼全大寫，要麼全小寫。