網(wǎng)頁(yè)DIV+CSS布局和動(dòng)畫美化全程實(shí)例（第2版）

第1章 動(dòng)感網(wǎng)頁(yè)動(dòng)畫的實(shí)現(xiàn)技術(shù)
1.1 網(wǎng)頁(yè)動(dòng)畫的重要性
1.1.1 成功的網(wǎng)站所具備的特點(diǎn)
1.1.2 快速發(fā)展的網(wǎng)頁(yè)特效動(dòng)畫技術(shù)
1.1.3 網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)師必需掌握的技術(shù)
1.2 掌握Web網(wǎng)頁(yè)標(biāo)準(zhǔn)的基礎(chǔ)
1.2.1 網(wǎng)頁(yè)標(biāo)準(zhǔn)化的優(yōu)點(diǎn)
1.2.2 現(xiàn)階段使用的Web標(biāo)準(zhǔn)
1.2.3 使用Web標(biāo)準(zhǔn)改善現(xiàn)有網(wǎng)站
1.3 嵌入網(wǎng)頁(yè)的動(dòng)畫技術(shù)
1.3.1 GIF圖片動(dòng)畫
1.3.2 CSS樣式動(dòng)畫
1.3.3 JavaScript特效動(dòng)畫
1.3.4 Flash動(dòng)畫
第2章 DIV+CSS網(wǎng)頁(yè)布局基礎(chǔ)知識(shí)
2.1 DIV的基礎(chǔ)知識(shí)和操作
2.1.1 層的基本知識(shí)
2.1.2 在頁(yè)面中插入層
2.1.3 創(chuàng)建嵌套層
2.1.4 層屬性面板
2.2 CSS層疊樣式表
2.2.1 CSS的作用、類型與沖突
2.2.2 編輯CSS層疊樣式表
2.3 DIV+CSS布局方法
2.3.1 DIV標(biāo)簽控制方法
2.3.2 XHTML中的元素
2.3.3 元素的樣式設(shè)置
2.3.4 網(wǎng)頁(yè)寬度的設(shè)置
2.3.5 水平居中的設(shè)置
2.3.6 DIV的嵌套設(shè)置
2.3.7 DIV的浮動(dòng)方法
2.3.8 網(wǎng)頁(yè)布局的實(shí)例
2.4 列表元素布局
2.4.1 使用列表元素布局導(dǎo)航
2.4.2 導(dǎo)航條的超級(jí)鏈接
2.4.3 導(dǎo)航條的互動(dòng)設(shè)計(jì)
2.5 CSS盒模型
2.5.1 CSS盒模型概念
2.5.2 外邊距的控制
2.5.3 邊框的樣式設(shè)置
2.5.4 內(nèi)邊距的設(shè)置
2.5.5 盒模型兼容問題
2.6 元素的非常規(guī)定位方式
2.6.1 CSS絕對(duì)定位
2.6.2 CSS固定定位
2.6.3 CSS相對(duì)定位
2.6.4 CSS程序簡(jiǎn)化
第3章 清新風(fēng)格的攝影網(wǎng)站
3.1 攝影網(wǎng)站的美工創(chuàng)意
3.1.1 首頁(yè)的功能模塊
3.1.2 規(guī)劃首頁(yè)的版面
3.2 首頁(yè)的布局設(shè)計(jì)
3.2.1 Photoshop切片圖片
3.2.2 網(wǎng)站文件夾規(guī)劃
3.2.3 搭建網(wǎng)站服務(wù)器平臺(tái)
3.2.4 創(chuàng)建編輯站點(diǎn)
3.2.5 了解布局結(jié)構(gòu)
3.2.6 CSS標(biāo)準(zhǔn)化網(wǎng)頁(yè)
3.3 實(shí)例的動(dòng)畫效果
3.3.1 動(dòng)畫技術(shù)的使用
3.3.2 鏈接注釋動(dòng)畫
3.3.3 狀態(tài)欄跑馬燈
3.3.4 隨機(jī)文本顏色
3.3.5 滴水特效動(dòng)畫
第4章 個(gè)性化的博客網(wǎng)站
4.1 博客網(wǎng)站美工設(shè)計(jì)
4.2 網(wǎng)站的首頁(yè)布局
4.2.1 圖片的切片操作
4.2.2 配置本地站點(diǎn)
4.2.3 創(chuàng)建編輯站點(diǎn)
4.2.4 分析布局結(jié)構(gòu)
4.2.5 DIV+CSS布局首頁(yè)
4.2.6 二級(jí)頁(yè)面的設(shè)計(jì)
4.3 日記翻頁(yè)的動(dòng)畫效果
4.3.1 實(shí)現(xiàn)的動(dòng)畫技術(shù)
4.3.2 素材圖片的整理
4.3.3 圖形元件的制作
4.3.4 按鈕元件的制作
4.3.5 日記頁(yè)面的制作
4.3.6 向右翻頁(yè)的動(dòng)畫
4.3.7 向左翻頁(yè)的動(dòng)畫
4.3.8 圖層合成影片
4.3.9 加入翻頁(yè)的聲音
4.3.10 加入動(dòng)作命令
4.3.11 嵌入網(wǎng)頁(yè)并應(yīng)用
第5章 精致風(fēng)格的美容網(wǎng)站
5.1 雅麗美容網(wǎng)站的設(shè)計(jì)
5.1.1 網(wǎng)站的欄目設(shè)計(jì)
5.1.2 設(shè)計(jì)首頁(yè)的版面
5.2 網(wǎng)站首頁(yè)布局設(shè)計(jì)
5.2.1 切片網(wǎng)頁(yè)圖片
5.2.2 搭建本地站點(diǎn)
5.2.3 創(chuàng)建編輯站點(diǎn)
5.2.4 分析布局結(jié)構(gòu)
5.2.5 DIV+CSS布局網(wǎng)頁(yè)
5.3 首頁(yè)加入動(dòng)畫效果
5.3.1 首頁(yè)的動(dòng)畫效果
5.3.2 滑動(dòng)二級(jí)菜單
5.3.3 Flash特效動(dòng)畫
第6章 兒童樂園網(wǎng)站
6.1 兒童樂園網(wǎng)站的設(shè)計(jì)
6.1.1 網(wǎng)站的欄目設(shè)計(jì)
6.1.2 首頁(yè)的版面設(shè)計(jì)
6.2 首頁(yè)的布局設(shè)計(jì)
6.2.1 使用Photoshop切片圖片
6.2.2 配置本地站點(diǎn)服務(wù)器
6.2.3 創(chuàng)建編輯站點(diǎn)
6.2.4 分析布局結(jié)構(gòu)
6.2.5 DIV+CSS布局網(wǎng)頁(yè)
6.3 加入的動(dòng)畫效果
6.3.1 動(dòng)畫效果的使用
6.3.2 DIV+CSS滑動(dòng)菜單
6.3.3 Flash特效動(dòng)畫效果
6.3.4 顯示訪問時(shí)間
第7章 水墨風(fēng)格的餐飲網(wǎng)站
7.1 水墨風(fēng)格網(wǎng)站的美工設(shè)計(jì)
7.1.1 餐飲網(wǎng)站欄目設(shè)計(jì)
7.1.2 網(wǎng)站首頁(yè)的設(shè)計(jì)
7.2 網(wǎng)站首頁(yè)的布局設(shè)計(jì)
7.2.1 使用Photoshop切片圖片
7.2.2 配置本地站點(diǎn)服務(wù)器
7.2.3 創(chuàng)建編輯站點(diǎn)
7.2.4 分析布局結(jié)構(gòu)
7.2.5 DIV+CSS布局網(wǎng)頁(yè)
7.3 首頁(yè)加入動(dòng)畫效果
7.3.1 動(dòng)畫效果的使用
7.3.2 逐字變化文本顏色
7.3.3 變化菜品的動(dòng)畫效果
7.3.4 發(fā)光的燈籠和動(dòng)畫菜單
第8章 純樸風(fēng)格的辦公用品網(wǎng)站
8.1 辦公用品網(wǎng)站的美工設(shè)計(jì)
8.1.1 網(wǎng)站的欄目設(shè)計(jì)
8.1.2 設(shè)計(jì)首頁(yè)的版面
8.2 網(wǎng)站首頁(yè)的布局設(shè)計(jì)
8.2.1 Photoshop切片圖片
8.2.2 配置本地站點(diǎn)
8.2.3 創(chuàng)建編輯站點(diǎn)
8.2.4 分析布局結(jié)構(gòu)
8.2.5 DIV+CSS布局首頁(yè)
8.3 加入動(dòng)畫效果
8.3.1 動(dòng)畫效果的使用
8.3.2 狀態(tài)欄時(shí)間顯示
8.3.3 壁燈的動(dòng)畫設(shè)計(jì)
8.3.4 Flash滑動(dòng)菜單
第9章 傳統(tǒng)風(fēng)格的酒業(yè)網(wǎng)站
9.1 葡萄酒網(wǎng)站的美工設(shè)計(jì)
9.1.1 設(shè)計(jì)酒業(yè)網(wǎng)站欄目
9.1.2 設(shè)計(jì)首頁(yè)的版面
9.2 首頁(yè)的布局設(shè)計(jì)
9.2.1 Photoshop切片圖片
9.2.2 配置本地站點(diǎn)
9.2.3 建立酒業(yè)編輯站點(diǎn)
9.2.4 分析布局結(jié)構(gòu)
9.2.5 DIV+CSS布局首頁(yè)
9.3 首頁(yè)加入動(dòng)畫效果
9.3.1 動(dòng)畫的使用
9.3.2 滾動(dòng)的字幕廣告
9.3.3 Logo的發(fā)光動(dòng)畫
9.3.4 發(fā)光酒杯動(dòng)畫
第10章 溫馨風(fēng)格的家具網(wǎng)站
10.1 溫馨風(fēng)格的家具網(wǎng)站美工
10.1.1 家具網(wǎng)站欄目設(shè)計(jì)
10.1.2 設(shè)計(jì)首頁(yè)的版面
10.2 家具首頁(yè)的布局設(shè)計(jì)
10.2.1 首頁(yè)圖片的切片
10.2.2 配置家具站點(diǎn)服務(wù)器
10.2.3 創(chuàng)建編輯站點(diǎn)
10.2.4 分析布局結(jié)構(gòu)
10.2.5 DIV+CSS布局網(wǎng)頁(yè)
10.3 首頁(yè)加入動(dòng)畫效果
10.3.1 動(dòng)畫技術(shù)的使用
10.3.2 圖片的自動(dòng)切換
10.3.3 滑動(dòng)的導(dǎo)航菜單