DIV+CSS布局與樣式之網站設計基礎

第1章 網頁與網站的常識
1.1 互聯網常識
1.1.1 組成網站的要素
1.1.2 網站域名
1.1.3 域名解析
1.1.4 網站空間
1.1.5 虛擬主機
1.2 網頁常識
1.2.1 網頁的結構描述語言HTML
1.2.2 XHTML和HTML的區別
1.2.3 網頁的分類
1.2.4 網頁的源代碼
1.3 網站常識
1.3.1 網站開發語言
1.3.2 動態網站和靜態網站
1.3.3 網站建設流程
1.4 初學者常見問題
1.4.1 XHTML語言的特點
1.4.2 瀏覽器的作用
1.4.3 靜態網頁和動態網頁的區別
第2章 網站制作基礎
2.1 如何使用Dreamweaver建站
2.1.1 定義站點
2.1.2 制作靜態網頁
2.1.3 制作動態網頁
2.1.4 瀏覽網頁
2.2 策划網站
2.2.1 確定網站主題
2.2.2 網站需求分析
2.2.3 網站框架圖設計/交互設計
2.3 視覺設計
2.4 頁面開發
2.4.1 如何切圖並保存切片
2.4.2 CSS選擇器
2.4.3 CSS盒模型
2.4.4 CSS定位
2.4.5 認識div層
2.4.6 div和span的區別
2.4.7 網站文件規划
2.4.8 CSS樣式規划
2.5 頁面開發標准和規范
2.6 綜合練習1——圖文排版效果
2.7 綜合練習2——淘寶導購菜單
2.8 初學者常見問題
2.8.1 DIV+CSS網站標准設計的優勢
2.8.2 如何考慮網站推廣問題
2.8.3 什麼是Web標准
2.8.4 如何理解margin的加倍問題
2.8.5 margin:0auto表示什麼含義
第3章 左右兩欄固定寬度的布局
3.1 頁面布局的分析
3.2 頁面布局的實現
3.2.1 兩欄浮動
3.2.2 兩欄絕對定位
3.2.3 一欄浮動，另一欄絕對定位
3.3 網頁實例
3.3.1 效果圖分析
3.3.2 切圖
3.3.3 繪制框架圖
3.3.4 編寫XHTML代碼
3.3.5 編寫CSS代碼
3.4 小結
第4章 左右兩欄寬度自適應的布局
4.1 頁面布局的分析
4.1.1 示意圖
4.1.2 布局分析
4.2 頁面布局的實現
4.2.1 兩欄浮動
4.2.2 兩欄絕對定位
4.2.3 一欄浮動，另一欄絕對定位
4.3 網頁實例
4.3.1 效果圖分析
4.3.2 切圖
4.3.3 繪制框架圖
4.3.4 編寫XHTML代碼
4.3.5 編寫CSS代碼
4.4 小結
第5章 一欄寬度固定，另一欄寬度自適應的布局
第6章 三欄寬度固定的布局
第7章 左右兩欄寬度固定，中間欄寬度自適應的布局
第8章 高度自適應的布局
第9章 項目1——論壇
第10章 項目2——電子政務網站
第11章 項目3——電子商務網站
第12章 項目4——新品展示網站
第13章 網站的發布
附錄A HTML中支持的顏色名稱
附錄B CSS常用的屬性