變幻之美 Div+CSS網(wǎng)頁(yè)布局揭秘通過(guò)作者原創(chuàng)的4個(gè)案例，細(xì)致地介紹了基于Web標(biāo)準(zhǔn)的Div CSS網(wǎng)頁(yè)布局的實(shí)現(xiàn)方法。每個(gè)案例均按照效果圖設(shè)計(jì)、效果圖切割、HTML代碼編寫(xiě)、頁(yè)面效果分析，以及最終CSS頁(yè)面布局實(shí)現(xiàn)進(jìn)行講解，即使是剛?cè)腴T(mén)的新手，也可以按照書(shū)中介紹一步步輕松實(shí)現(xiàn)復(fù)雜的CSS頁(yè)面布局。
　　書(shū)中每個(gè)案例都是獨(dú)立設(shè)計(jì)的，案例中又包含多種結(jié)構(gòu)的網(wǎng)頁(yè)布局與頁(yè)面模塊，讀者在學(xué)習(xí)過(guò)程中既可以直接參考，又可以根據(jù)實(shí)際情況靈活進(jìn)行修改。通過(guò)反復(fù)學(xué)習(xí)和實(shí)踐，最終快速掌握Div+CSS的應(yīng)用精髓。
　　本書(shū)案例設(shè)計(jì)精美、內(nèi)容豐富、文字簡(jiǎn)潔、代碼清晰，可以幫助讀者在不知不覺(jué)中，掌握CSS網(wǎng)頁(yè)布局精華，融會(huì)貫通HTML標(biāo)簽與CSS屬性的應(yīng)用。
　　本書(shū)適合從事網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、Web程序開(kāi)發(fā)、Web標(biāo)準(zhǔn)化的人員閱讀和使用，還可作為高等院校相關(guān)專(zhuān)業(yè)的教學(xué)和參考用書(shū)，以及各類(lèi)社會(huì)培訓(xùn)機(jī)構(gòu)的培訓(xùn)用書(shū)。

目錄:

第1章 從Hello World開(kāi)始
1.1 案例效果圖分析
1.2 布局規(guī)劃及切圖
1.2.1 頁(yè)面布局規(guī)劃
1.2.2 切割及導(dǎo)出圖片
1.3 XHTML編碼
1.3.1 頁(yè)面XHTML主體結(jié)構(gòu)
1.3.2 頭部與底部XHTML編碼
1.3.3 主體內(nèi)容XHTML編碼
1.4 應(yīng)用CSS樣式組建網(wǎng)頁(yè)
1.4.1 頁(yè)面布局CSS樣式
1.4.2 頭部與底部CSS樣式
1.4.3 首頁(yè)主體內(nèi)容CSS樣式
1.4.4 內(nèi)頁(yè)主體內(nèi)容CSS樣式
1.5 CSS編碼精簡(jiǎn)與合并
第2章 簡(jiǎn)潔布局之變幻的CSS
2.1 案例效果圖分析
2.2 布局規(guī)劃及切圖
2.2.1 頁(yè)面布局規(guī)劃
2.2.2 切割及導(dǎo)出圖片
2.3 XHTML編碼
2.3.1 頁(yè)面主體元素XHTML編碼
2.3.2 頁(yè)面頭部與導(dǎo)航菜單XHTML編碼
2.3.3 頁(yè)面內(nèi)容區(qū)與底部版權(quán)XHTML編碼
2.3.4 側(cè)邊欄元素XHTML編碼
2.4 應(yīng)用CSS樣式組建網(wǎng)頁(yè)
2.4.1 頁(yè)面布局CSS樣式
2.4.2 頁(yè)面頭部LOGO、標(biāo)語(yǔ)和搜索表單CSS樣式
2.4.3 頁(yè)面頭部橫向?qū)Ш讲藛蜟SS樣式
2.4.4 內(nèi)容區(qū)域與底部版權(quán)CSS樣式
2.4.5 側(cè)邊欄元素CSS樣式
2.5 變幻之美——風(fēng)格調(diào)整
2.6 分析變化與切圖
2.7 通過(guò)修改CSS樣式重構(gòu)網(wǎng)頁(yè)
2.7.1 調(diào)整頁(yè)面布局CSS樣式
2.7.2 調(diào)整頁(yè)面頭部與導(dǎo)航菜單CSS樣式
2.7.3 調(diào)整內(nèi)容區(qū)域與底部版權(quán)CSS樣式
2.7.4 調(diào)整側(cè)邊欄元素CSS樣式
第3章 古色古香的古典風(fēng)格網(wǎng)站設(shè)計(jì)
3.1 案例效果圖分析
3.2 布局規(guī)劃與切圖
3.2.1 頁(yè)面布局規(guī)劃
3.2.2 切割及導(dǎo)出圖片
3.3 XHTML編碼
3.3.1 頁(yè)面主體元素XHTML編碼
3.3.2 頁(yè)面共有元素XHTML編碼
3.3.3 網(wǎng)站首頁(yè)中部?jī)?nèi)容區(qū)XHTML編碼
3.3.4 欄目列表頁(yè)中部?jī)?nèi)容區(qū)XHTML編碼
3.3.5 內(nèi)容終端頁(yè)中部?jī)?nèi)容區(qū)XHTML編碼
3.4 應(yīng)用CSS樣式組建網(wǎng)頁(yè)
3.4.1 頁(yè)面布局CSS樣式
3.4.2 頁(yè)面共有元素column層CSS樣式
3.4.3 頁(yè)面共有元素main層CSS樣式
3.4.4 頁(yè)面共有元素sider層CSS樣式
3.4.5 網(wǎng)站首頁(yè)中部?jī)?nèi)容區(qū)CSS樣式
3.4.6 欄目列表頁(yè)中部?jī)?nèi)容區(qū)CSS樣式
3.4.7 內(nèi)容終端頁(yè)中部?jī)?nèi)容區(qū)CSS樣式
3.5 網(wǎng)站文件與CSS樣式規(guī)劃整理
3.5.1 網(wǎng)站文件與目錄結(jié)構(gòu)
3.5.2 CSS樣式規(guī)劃與樣式組織
第4章 活力四射的熱情風(fēng)格網(wǎng)站設(shè)計(jì)
4.1 案例效果圖分析
4.2 布局規(guī)劃與切圖
4.2.1 頁(yè)面布局規(guī)劃
4.2.2 切割與導(dǎo)出表現(xiàn)層圖片
4.2.3 切割與導(dǎo)出內(nèi)容層圖片
4.3 網(wǎng)站文件與CSS樣式規(guī)劃
4.3.1 網(wǎng)站文件規(guī)劃
4.3.2 CSS樣式規(guī)劃
4.4 XHTML編碼
4.4.1 頁(yè)面主體布局XHTML編碼
4.4.2 頁(yè)頭header層與頁(yè)腳footer層X(jué)HTML編碼
4.4.3 頁(yè)面共有元素XHTML編碼
4.4.4 網(wǎng)站首頁(yè)XHTML編碼完善
4.4.5 欄目列表頁(yè)XHTML編碼完善
4.4.6 內(nèi)容終端頁(yè)XHTML編碼完善
4.5 應(yīng)用CSS樣式組建網(wǎng)頁(yè)
4.5.1 頁(yè)面布局CSS樣式
4.5.2 頁(yè)頭header層CSS樣式
4.5.3 頁(yè)腳footer層CSS樣式
4.5.4 共有元素“最近更新”與“推薦圖片”CSS樣式
4.5.5 共有元素“推薦閱讀”與“旗幟廣告”CSS樣式
4.5.6 網(wǎng)站首頁(yè)CSS樣式完善
4.5.7 欄目列表頁(yè)CSS樣式完善
4.5.8 內(nèi)容終端頁(yè)CSS樣式完善
4.6 網(wǎng)站文件成型與調(diào)整
4.6.1 HTML文件成型與保存
4.6.2 應(yīng)用CSS樣式實(shí)現(xiàn)“當(dāng)前頁(yè)”效果