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

第1章 網(wǎng)頁制作基礎(chǔ)
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)頁基本結(jié)構(gòu)
1.2.2 實例操作
1.3 添加CSS樣式表
1.3.1 CSS的定義
1.3.2 CSS基本結(jié)構(gòu)
1.3.3 網(wǎng)頁添加CSS的方式
1.3.4 實例操作
本章小結(jié)
課后習(xí)題

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

第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標(biāo)簽
3.3.2 CSS布局相關(guān)屬性
3.3.3 CSS布局相關(guān)屬性值設(shè)置
3.3.4 margm和padding
3.3.5 float浮動屬性
3.3.6 網(wǎng)頁添加背景圖片
3.3.7 背景圖片的定位
3.3.8 實例操作
本章小結(jié)
課后習(xí)題

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

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

第6章 功能頁導(dǎo)航菜單制作
6.1 橫向主菜單
6.1.1 列表的HTM1結(jié)構(gòu)
6.1.2 列表的CSS設(shè)置
6.1.3 制作樹狀列表
6.1.4 實例操作
6.2 側(cè)向?qū)Ш讲藛?br /> 6.2.1 列表整體使用背景色
6.2.2 列表項文字縮進
6.2.3 實例操作
6.3 Tab式菜單
本章小結(jié)
課后習(xí)題

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

第8章 功能頁右側(cè)部分制作
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 日歷
實例操作
本章小結(jié)
課后習(xí)題
參考文獻