網(wǎng)頁設計案例教程（DIV+CSS版）

第1章 網(wǎng)頁制作基礎
1.1 網(wǎng)頁初認識
1.1.1 網(wǎng)頁的定義
1.1.2 優(yōu)秀網(wǎng)頁需具各的條件
1.1.3 編輯器的選擇
1.1.4 Web瀏覽器
1.2 制作一個網(wǎng)頁
1.2.1 網(wǎng)頁基本結構
1.2.2 實例操作
1.3 添加CSS樣式表
1.3.1 CSS的定義
1.3.2 CSS基本結構
1.3.3 網(wǎng)頁添加CSS的方式
1.3.4 實例操作
本章小結
課后習題

第2章 網(wǎng)站規(guī)劃與制作流程
2.1 “新分享”網(wǎng)站的建站準備
2.1.1 網(wǎng)站規(guī)劃
2.1.2 準備素材
2.1.3 設置站點
2.1.4 實例操作
2.2 “新分享”網(wǎng)站的制作流程
2.2.1 網(wǎng)頁制作流程
2.2.2 網(wǎng)站制作流程
2.2.3 實例操作
本章小結
課后習題

第3章 首頁背景制作
3.1 首頁布局分析和區(qū)域塊命名
3.1.1 嘲頁宏觀層命名規(guī)則
3.1.2 網(wǎng)頁微觀層命名注意事項
3.1.3 實例操作
3.2 Photoshop切圖
3.2.1 網(wǎng)頁哪些背景必須切圖
3.2.2 首頁背景如何切圖
3.2.3 實例操作
3.3 HTML和CSS代碼編寫
3.3.1 div標簽
3.3.2 CSS布局相關屬性
3.3.3 CSS布局相關屬性值設置
3.3.4 margm和padding
3.3.5 float浮動屬性
3.3.6 網(wǎng)頁添加背景圖片
3.3.7 背景圖片的定位
3.3.8 實例操作
本章小結
課后習題

第4章 首頁頭部元素制作
4.1 Logo制作
4.1.1 img圖片標簽
4.1.2 圖片標簽CSS設置
4.1.3 實例操作
4.2 文字鏈接制作
4.2.1 超鏈接標簽
4.2.2 偽類
4.2.3 超鏈接CSS設置
4.2.4 絕對定位和相對定位
4.2.5 去除超鏈接下劃線
4.2.6 實例操作
4.3 表單制作
4.3.1 表單的定義
4.3.2 表單的CSS設置
4.3.3 實例操作
本章小結
課后習題

第5章 首頁主體和底部制作
5.1 添加主體部分文字
5.1.1 標題標簽的用法
5.1.2 行高屬性
5.1.3 對齊屬性
5.1.4 實例操作
5.2 添加網(wǎng)頁底部元素
5.2.1 網(wǎng)頁底部常見設計樣式
5.2.2 實例操作
本章小結
課后習題

第6章 功能頁導航菜單制作
6.1 橫向主菜單
6.1.1 列表的HTM1結構
6.1.2 列表的CSS設置
6.1.3 制作樹狀列表
6.1.4 實例操作
6.2 側向導航菜單
6.2.1 列表整體使用背景色
6.2.2 列表項文字縮進
6.2.3 實例操作
6.3 Tab式菜單
本章小結
課后習題

第7章 功能頁主體部分制作
7.1 表格布局制作主體內容
7.1.1 表格的HTML結構
7.1.2 拆分單元格
7.1.3 表格屬性
7.1.4 表格的CSS設置
7.1.5 制作“斑馬效果”表格
7.1.6 制作“滾動條”表格
7.1.7 實例操作
7.2 分頁導航制作
7.2.1 分頁導航
7.2.2 分頁導航設計注意事項
7.2.3 實例操作
本章小結
課后習題

第8章 功能頁右側部分制作
8.1 地圖
8.1.1 網(wǎng)頁地圖定義和類型
8.1.2 實例操作
8.2 拓展媒體
8.2.1 拓展媒體的定義
8.2.2 實例操作
8.3 圖片畫廊
8.3.1 使用圖片畫廊
8.3.2 常見的圖片畫廊效果
8.3.3 實例操作
8.4 日歷
實例操作
本章小結
課后習題
參考文獻