網(wǎng)頁DIV+CSS布局和動(dòng)畫美化全程實(shí)例

第1章 動(dòng)感網(wǎng)頁動(dòng)畫的實(shí)現(xiàn)技術(shù)
1.1 網(wǎng)頁動(dòng)畫的重要性
1.1.1 成功的網(wǎng)站所具備的特點(diǎn)
1.1.2 快速發(fā)展的網(wǎng)頁特效動(dòng)畫技術(shù)
1.1.3 網(wǎng)頁動(dòng)畫設(shè)計(jì)師必須掌握的技術(shù)
1.2 掌握Web網(wǎng)頁標(biāo)準(zhǔn)的基礎(chǔ)
1.2.1 網(wǎng)頁標(biāo)準(zhǔ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)頁的動(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)頁布局基礎(chǔ)知識(shí)
2.1 DIV的基礎(chǔ)知識(shí)和操作
2.1.1 層的基礎(chǔ)知識(shí)
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標(biāo)簽控制方法
2.3.2 XHTML中的元素
2.3.3 元素的樣式設(shè)置
2.3.4 網(wǎng)頁寬度的設(shè)置
2.3.5 水平居中的設(shè)置
2.3.6 DIV的嵌套設(shè)置
2.3.7 DIV的浮動(dòng)方法
2.3.8 網(wǎng)頁布局的實(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程序簡化
第3章 全程實(shí)例一：清新風(fēng)格的攝影網(wǎng)站
3.1 攝影網(wǎng)站的美工創(chuàng)意
3.1.1 首頁的功能模塊
3.1.2 規(guī)劃首頁的版面
3.2 首頁的布局設(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 轉(zhuǎn)換首頁布局結(jié)構(gòu)
3.2.6 CSS標(biāo)準(zhǔn)化網(wǎng)頁
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章 全程實(shí)例二：個(gè)性化的博客網(wǎng)站
4.1 博客網(wǎng)站美工設(shè)計(jì)
4.2 網(wǎng)站的首頁布局
4.2.1 圖片的分割
4.2.2 配置本地站點(diǎn)
4.2.3 創(chuàng)建編輯站點(diǎn)
4.2.4 轉(zhuǎn)換首頁布局結(jié)構(gòu)
4.2.5 DIV+CSS布局首頁
4.2.6 二級(jí)頁面的設(shè)計(jì)
4.3 日記翻頁的動(dòng)畫效果
……
第5章 全程實(shí)例三：精致風(fēng)格的美容網(wǎng)站
第6章 全程實(shí)例四：天真的樂園網(wǎng)站
第7章 全程實(shí)例五：水墨風(fēng)格的餐飲網(wǎng)站
第8章 全程實(shí)例六：淳樸風(fēng)格的辦公用品網(wǎng)站
第9章 全程實(shí)例七：傳統(tǒng)風(fēng)格的酒業(yè)網(wǎng)站
第10章 全程實(shí)例八：溫馨風(fēng)格的家俱網(wǎng)站