|
|
|
近年來，網站的建站技術有了飛速的發展，網頁的布局與動畫特效技術層出不窮，建設網站已經從簡單的技術支持時代，進入到完全視覺美化時代。如何讓你設計的網頁更加高人一籌，達到讓人過目不忘的境界；如何以最簡單的特效讓網頁「亮」起來，成了 新一代網頁設計者最關心的話題。
陳益材編著的《網 頁DIV+CSS布局和動畫美化全程實例（第2版）》詳細介紹了如何使用DIV+CSS布局網頁的方法，精選了國內外站點中關於網頁特效實現的精華，以及由資深的網頁設計師們結合實際的開發經驗，加以歸納、綜 合而成的網頁布局設計等精彩實例。
無論是具有Web編程經驗的中高級開發人員，還是網頁設計的初學者，本書都能向讀者提供Web編程 的基礎知識、開發技術和高級動畫特效的制作方法， 讓它成為你設計網頁真正的好幫手。
本書適用於網頁 設計與制作人員、網站建設與開發人員、網頁設計與 制作初學者，也可以作為高等院校相關專業和相關培 訓機構的培訓教學用書。
第1章 動感網頁動畫的實現技術
1.1 網頁動畫的重要性
1.1.1 成功的網站所具備的特點
1.1.2 快速發展的網頁特效動畫技術
1.1.3 網頁動畫設計師必需掌握的技術
1.2 掌握Web網頁標准的基礎
1.2.1 網頁標准化的優點
1.2.2 現階段使用的Web標准
1.2.3 使用Web標准改善現有網站
1.3 嵌入網頁的動畫技術
1.3.1 GIF圖片動畫
1.3.2 CSS樣式動畫
1.3.3 JavaScript特效動畫
1.3.4 Flash動畫
第2章 DIV+CSS網頁布局基礎知識
2.1 DIV的基礎知識和操作
2.1.1 層的基本知識
2.1.2 在頁面中插入層
2.1.3 創建嵌套層
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 網頁寬度的設置
2.3.5 水平居中的設置
2.3.6 DIV的嵌套設置
2.3.7 DIV的浮動方法
2.3.8 網頁布局的實例
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 元素的非常規定位方式
2.6.1 CSS絕對定位
2.6.2 CSS固定定位
2.6.3 CSS相對定位
2.6.4 CSS程序簡化
第3章 清新風格的攝影網站
3.1 攝影網站的美工創意
3.1.1 首頁的功能模塊
3.1.2 規划首頁的版面
3.2 首頁的布局設計
3.2.1 Photoshop切片圖片
3.2.2 網站文件夾規划
3.2.3 搭建網站服務器平台
3.2.4 創建編輯站點
3.2.5 了解布局結構
3.2.6 CSS標准化網頁
3.3 實例的動畫效果
3.3.1 動畫技術的使用
3.3.2 鏈接注釋動畫
3.3.3 狀態欄跑馬燈
3.3.4 隨機文本顏色
3.3.5 滴水特效動畫
第4章 個性化的博客網站
4.1 博客網站美工設計
4.2 網站的首頁布局
4.2.1 圖片的切片操作
4.2.2 配置本地站點
4.2.3 創建編輯站點
4.2.4 分析布局結構
4.2.5 DIV+CSS布局首頁
4.2.6 二級頁面的設計
4.3 日記翻頁的動畫效果
4.3.1 實現的動畫技術
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 嵌入網頁並應用
第5章 精致風格的美容網站
5.1 雅麗美容網站的設計
5.1.1 網站的欄目設計
5.1.2 設計首頁的版面
5.2 網站首頁布局設計
5.2.1 切片網頁圖片
5.2.2 搭建本地站點
5.2.3 創建編輯站點
5.2.4 分析布局結構
5.2.5 DIV+CSS布局網頁
5.3 首頁加入動畫效果
5.3.1 首頁的動畫效果
5.3.2 滑動二級菜單
5.3.3 Flash特效動畫
第6章 兒童樂園網站
6.1 兒童樂園網站的設計
6.1.1 網站的欄目設計
6.1.2 首頁的版面設計
6.2 首頁的布局設計
6.2.1 使用Photoshop切片圖片
6.2.2 配置本地站點服務器
6.2.3 創建編輯站點
6.2.4 分析布局結構
6.2.5 DIV+CSS布局網頁
6.3 加入的動畫效果
6.3.1 動畫效果的使用
6.3.2 DIV+CSS滑動菜單
6.3.3 Flash特效動畫效果
6.3.4 顯示訪問時間
第7章 水墨風格的餐飲網站
7.1 水墨風格網站的美工設計
7.1.1 餐飲網站欄目設計
7.1.2 網站首頁的設計
7.2 網站首頁的布局設計
7.2.1 使用Photoshop切片圖片
7.2.2 配置本地站點服務器
7.2.3 創建編輯站點
7.2.4 分析布局結構
7.2.5 DIV+CSS布局網頁
7.3 首頁加入動畫效果
7.3.1 動畫效果的使用
7.3.2 逐字變化文本顏色
7.3.3 變化菜品的動畫效果
7.3.4 發光的燈籠和動畫菜單
第8章 純朴風格的辦公用品網站
8.1 辦公用品網站的美工設計
8.1.1 網站的欄目設計
8.1.2 設計首頁的版面
8.2 網站首頁的布局設計
8.2.1 Photoshop切片圖片
8.2.2 配置本地站點
8.2.3 創建編輯站點
8.2.4 分析布局結構
8.2.5 DIV+CSS布局首頁
8.3 加入動畫效果
8.3.1 動畫效果的使用
8.3.2 狀態欄時間顯示
8.3.3 壁燈的動畫設計
8.3.4 Flash滑動菜單
第9章 傳統風格的酒業網站
9.1 葡萄酒網站的美工設計
9.1.1 設計酒業網站欄目
9.1.2 設計首頁的版面
9.2 首頁的布局設計
9.2.1 Photoshop切片圖片
9.2.2 配置本地站點
9.2.3 建立酒業編輯站點
9.2.4 分析布局結構
9.2.5 DIV+CSS布局首頁
9.3 首頁加入動畫效果
9.3.1 動畫的使用
9.3.2 滾動的字幕廣告
9.3.3 Logo的發光動畫
9.3.4 發光酒杯動畫
第10章 溫馨風格的家具網站
10.1 溫馨風格的家具網站美工
10.1.1 家具網站欄目設計
10.1.2 設計首頁的版面
10.2 家具首頁的布局設計
10.2.1 首頁圖片的切片
10.2.2 配置家具站點服務器
10.2.3 創建編輯站點
10.2.4 分析布局結構
10.2.5 DIV+CSS布局網頁
10.3 首頁加入動畫效果
10.3.1 動畫技術的使用
10.3.2 圖片的自動切換
10.3.3 滑動的導航菜單
