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

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