B/S結構網站結構：
- 按功能分：首頁、列表頁、內容頁、單頁面、網站地圖（一目了然了解整個網站功能）
-
按布局分：頭部 header、菜單 menu、橫幅 banner、面包屑 bread、布局容器 wrapper、側欄 sidebar、主體 main、頁腳 footer
布局.JPG
常用樣式命名規則：
- 文件名：主要的：style.css、布局、版面：layout.css、專欄：columns.css、文字：font.css、主題：theme.css、打印：print.css
- 樣式名（公共樣式和私有樣式的使用，bootstrap的基礎思想）：
外套：wrap ——用于最外層
頭部：header ——用于頭部
主要內容：main ——用于主體內容
導航條：nav ——菜單
內容：content ——中部主體
底部：footer ——用于底部
http://www.divcss5.com/jiqiao/j4.shtml
提升頁面加載速度的方法：
- 避免使用表格：排版不可以用，內容的展示可以用，表格渲染速度比較慢，計算好行列之后才會渲染出來。
- 優化圖像：在盡可能展現細節的情況下盡可能縮小圖像，一般縮到80%人眼是看不出來的。
- 去掉不必要的插件：flash等插件盡可能在最后加載。
- 減少DNS查詢：減少不同域名的數量將減少并行下載的數量，將域名轉化成IP地址稱之為DNS解析，會花費很多時間，所以圖片盡可能從本地調取。
- 最小重定向：點擊鏈接進入另一個網址，減少中間的無用跳轉。
- 使用內容分發網絡（Content Delivery Network CDN）：例如當好多網址都用到juery庫的時候，如果這些網站的juery庫都是從同一個網址中獲取的，那么第一個網址訪問之后，其他網址的juery就可以從瀏覽器的緩存中獲取了，可以提高加載速度。
- 把css放在頂部，把javascript放在底部：因為先將css加載到內存，加載dom的時候就可以直接顯示樣式了，而js要在dom加載完成之后才能操作。css和js的加載都會占用網頁加載時間。
- 利用瀏覽器緩存：圖片、音頻、視頻、css、js等都會在瀏覽器中留下緩存文件，所以當修改樣式代碼沒有反應時，不妨更新一下緩存試試。要解決此問題可以在文件后面加上版本號，eg：main.js?v=1.0
- 使用css Sprites整合圖像：即圖像精靈，將一些小圖像做成一張圖片，要用到圖片里的小圖像的時候，用css的定位方式進行選取。
- 壓縮css和js文件：壓縮成min.js文件。
- 啟用GZIP壓縮：一般在服務器端進行操作
- 壓縮和縮小JavaScript文件
- 設置圖像大小：不設置圖像大小網頁會等圖像加載完成之后計算大小再顯示圖像，設置大小之后即使沒加載完成，也會一點一點顯示已經加載出來的部分圖像。
- 盡可能延遲腳本加載：lib.js中的loading方法。
- 按需加載JavaScript文件：seajs等模塊化組件。
