網頁DIV+CSS布局和動畫美化全程實例

第1章 動感網頁動畫的實現技術
1.1 網頁動畫的重要性
1.1.1 成功的網站所具備的特點
1.1.2 快速發(fā)展的網頁特效動畫技術
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 創(chuàng)建嵌套層
2.1.4 層屬性面板
2.2 CSS層疊樣式表
2.2.1 CSS的作用、類型與沖突
2.2.2 編輯CSS層疊樣式表
2.2.3 層疊樣式表規(guī)則意義
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 元素的非常規(guī)定位方式
2.6.1 CSS絕對定位
2.6.2 CSS固定定位
2.6.3 CSS相對定位
2.6.4 CSS程序簡化
第3章 全程實例一：清新風格的攝影網站
3.1 攝影網站的美工創(chuàng)意
3.1.1 首頁的功能模塊
3.1.2 規(guī)劃首頁的版面
3.2 首頁的布局設計
3.2.1 Photoshop分割圖片
3.2.2 網站文件夾規(guī)劃
3.2.3 搭建網站服務器平臺
3.2.4 創(chuàng)建編輯站點
3.2.5 轉換首頁布局結構
3.2.6 CSS標準化網頁
3.3 實例的動畫效果
3.3.1 使用的動畫技術
3.3.2 鏈接注釋動畫
3.3.3 狀態(tài)欄跑馬燈
3.3.4 隨機文本顏色
3.3.5 滴水特效動畫
第4章 全程實例二：個性化的博客網站
4.1 博客網站美工設計
4.2 網站的首頁布局
4.2.1 圖片的分割
4.2.2 配置本地站點
4.2.3 創(chuàng)建編輯站點
4.2.4 轉換首頁布局結構
4.2.5 DIV+CSS布局首頁
4.2.6 二級頁面的設計
4.3 日記翻頁的動畫效果
……
第5章 全程實例三：精致風格的美容網站
第6章 全程實例四：天真的樂園網站
第7章 全程實例五：水墨風格的餐飲網站
第8章 全程實例六：淳樸風格的辦公用品網站
第9章 全程實例七：傳統(tǒng)風格的酒業(yè)網站
第10章 全程實例八：溫馨風格的家俱網站