變幻之美：Div+CSS網(wǎng)頁布局揭秘（案例實戰(zhàn)篇）

定　價：￥45.00

作　者：	金峰編著
出版社：	人民郵電出版社
叢編項：
標　簽：	網(wǎng)頁設(shè)計

購買這本書可以去

ISBN：	9787115210753	出版時間：	2009-09-01	包裝：	平裝
開本：	16開	頁數(shù)：	235	字數(shù)：

內(nèi)容簡介

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

作者簡介

　　金峰，具有10年以上Web開發(fā)經(jīng)驗，參與、主持過多個大型Web項目開發(fā)。對Web標準、CSS網(wǎng)頁布局、JavaScript、PHP及數(shù)據(jù)庫開發(fā)等內(nèi)容有深入研究。對Web界面設(shè)計、用戶體驗、搜索引擎優(yōu)化、網(wǎng)絡(luò)營銷和Web開發(fā)項目管理等有豐富的實踐經(jīng)驗。創(chuàng)辦52CSS．corn網(wǎng)站及W3Cbbs．com論壇，匯集數(shù)千名CSS學(xué)習(xí)者及前端開發(fā)人員共同學(xué)習(xí)、探討Web開發(fā)的各類熱門技術(shù)。

圖書目錄

第1章　從Hello World開始　
　1.1　案例效果圖分析　
　1.2　布局規(guī)劃及切圖　
　　1.2.1　頁面布局規(guī)劃　
　　1.2.2　切割及導(dǎo)出圖片　
　1.3　XHTML編碼　
　　1.3.1　頁面XHTML主體結(jié)構(gòu) 　
　　1.3.2　頭部與底部XHTML編碼　
　　1.3.3　主體內(nèi)容XHTML編碼　
　1.4　應(yīng)用CSS樣式組建網(wǎng)頁　
　　1.4.1　頁面布局CSS樣式　
　　1.4.2　頭部與底部CSS樣式　
　　1.4.3　首頁主體內(nèi)容CSS樣式　
　　1.4.4　內(nèi)頁主體內(nèi)容CSS樣式　
　1.5　CSS編碼精簡與合并　
第2章　簡潔布局之變幻的CSS　
　2.1　案例效果圖分析　
　2.2　布局規(guī)劃及切圖　
　　2.2.1　頁面布局規(guī)劃　
　　2.2.2　切割及導(dǎo)出圖片　
　2.3　XHTML編碼　
　　2.3.1　頁面主體元素XHTML編碼　
　　2.3.2　頁面頭部與導(dǎo)航菜單XHTML編碼　
　　2.3.3　頁面內(nèi)容區(qū)與底部版權(quán)XHTML編碼　
　　2.3.4　側(cè)邊欄元素XHTML編碼　
　2.4　應(yīng)用CSS樣式組建網(wǎng)頁　
　　2.4.1　頁面布局CSS樣式　
　　2.4.2　頁面頭部LOGO、標語和搜索表單CSS樣式　
　　2.4.3　頁面頭部橫向?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　通過修改CSS樣式重構(gòu)網(wǎng)頁　
　　2.7.1　調(diào)整頁面布局CSS樣式　
　　2.7.2　調(diào)整頁面頭部與導(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è)計　
　3.1　案例效果圖分析　
　3.2　布局規(guī)劃與切圖　
　　3.2.1　頁面布局規(guī)劃　
　　3.2.2　切割及導(dǎo)出圖片　
　3.3　XHTML編碼　
　　3.3.1　頁面主體元素XHTML編碼　
　　3.3.2　頁面共有元素XHTML編碼　
　　3.3.3　網(wǎng)站首頁中部內(nèi)容區(qū)XHTML編碼　
　　3.3.4　欄目列表頁中部內(nèi)容區(qū)XHTML編碼　
　　3.3.5　內(nèi)容終端頁中部內(nèi)容區(qū)XHTML編碼　
　3.4　應(yīng)用CSS樣式組建網(wǎng)頁　
　　3.4.1　頁面布局CSS樣式　
　　3.4.2　頁面共有元素column層CSS樣式　
　　3.4.3　頁面共有元素main層CSS樣式　
　　3.4.4　頁面共有元素sider層CSS樣式　
　　3.4.5　網(wǎng)站首頁中部內(nèi)容區(qū)CSS樣式　
　　3.4.6　欄目列表頁中部內(nèi)容區(qū)CSS樣式　
　　3.4.7　內(nèi)容終端頁中部內(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è)計　
　4.1　案例效果圖分析　
　4.2　布局規(guī)劃與切圖　
　　4.2.1　頁面布局規(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　頁面主體布局XHTML編碼　
　　4.4.2　頁頭header層與頁腳footer層XHTML編碼　
　　4.4.3　頁面共有元素XHTML編碼　
　　4.4.4　網(wǎng)站首頁XHTML編碼完善　
　　4.4.5　欄目列表頁XHTML編碼完善　
　　4.4.6　內(nèi)容終端頁XHTML編碼完善　
　4.5　應(yīng)用CSS樣式組建網(wǎng)頁　
　　4.5.1　頁面布局CSS樣式　
　　4.5.2　頁頭header層CSS樣式　
　　4.5.3　頁腳footer層CSS樣式　
　　4.5.4　共有元素“最近更新”與“推薦圖片”CSS樣式　
　　4.5.5　共有元素“推薦閱讀”與“旗幟廣告”CSS樣式　
　　4.5.6　網(wǎng)站首頁CSS樣式完善　
　　4.5.7　欄目列表頁CSS樣式完善　
　　4.5.8　內(nèi)容終端頁CSS樣式完善　
　4.6　網(wǎng)站文件成型與調(diào)整　
　　4.6.1　HTML文件成型與保存　
　　4.6.2　應(yīng)用CSS樣式實現(xiàn)“當(dāng)前頁”效果