變幻之美

前言

　　普及Web標(biāo)準(zhǔn)與CSS技術(shù)已成為一種技術(shù)潮流和趨勢(shì)，而通過(guò)：Div CSS進(jìn)行Web開(kāi)發(fā)則是其中的關(guān)鍵所在。網(wǎng)頁(yè)設(shè)計(jì)人員需要不斷提高自己的技能以適應(yīng)這種變化，學(xué)會(huì)通過(guò)XHTML建立良好的語(yǔ)義化結(jié)構(gòu)，并結(jié)合CSS，最大程度地使“表現(xiàn)”與“內(nèi)容”相分離。切不可簡(jiǎn)單地認(rèn)為Web標(biāo)準(zhǔn)即是以Div CSS進(jìn)行網(wǎng)頁(yè)布局。面對(duì)學(xué)習(xí)中的疑惑與困難，要靜下心來(lái)認(rèn)真思考，真正體會(huì)Web標(biāo)準(zhǔn)化的意義所在?！　”緯?shū)特色　　·所有案例全部是作者原創(chuàng)設(shè)計(jì)與手工編碼，非常具有代表性?！　　っ總€(gè)案例均按照效果圖切割、HTML代碼編寫(xiě)、頁(yè)面效果分析，以及最終CSS頁(yè)面布局實(shí)現(xiàn)進(jìn)行講解，即使是剛?cè)腴T(mén)的新手，也可以輕松按照書(shū)中介紹一步步實(shí)現(xiàn)復(fù)雜的CSS頁(yè)面布局。　　·不再對(duì)理論與屬性知識(shí)進(jìn)行系統(tǒng)介紹，而是通過(guò)案例引出各章節(jié)，更強(qiáng)調(diào)實(shí)戰(zhàn)性、實(shí)用性?！　　げ辉賹?duì)各種屬性知識(shí)進(jìn)行教條式的羅列，而是針對(duì)實(shí)際開(kāi)發(fā)中最可能遇到的問(wèn)題，穿插在案例中進(jìn)行詳細(xì)解答。

內(nèi)容概要

　　《變幻之美：Div+CSS網(wǎng)頁(yè)布局揭秘(案例實(shí)戰(zhàn)篇)》通過(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)用精髓。《變幻之美：Div+CSS網(wǎng)頁(yè)布局揭秘(案例實(shí)戰(zhàn)篇)》案例設(shè)計(jì)精美、內(nèi)容豐富、文字簡(jiǎn)潔、代碼清晰，可以幫助讀者在不知不覺(jué)中，掌握CSS網(wǎng)頁(yè)布局精華，融會(huì)貫通HTML標(biāo)簽與CSS屬性的應(yīng)用?！蹲兓弥溃篋iv+CSS網(wǎng)頁(yè)布局揭秘(案例實(shí)戰(zhàn)篇)》適合從事網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、Web程序開(kāi)發(fā)、Web標(biāo)準(zhǔn)化的人員閱讀和使用，還可作為高等院校相關(guān)專業(yè)的教學(xué)和參考用書(shū)，以及各類社會(huì)培訓(xùn)機(jī)構(gòu)的培訓(xùn)用書(shū)。

作者簡(jiǎn)介

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

書(shū)籍目錄

第1章 從HelloWorld開(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)潔布局之變幻的CSS2.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è)”效果

編輯推薦

　　100％作者原創(chuàng)案例，100％詳細(xì)拆分講解，CSS布局不再神秘。　　Step by step輕松上手　　每個(gè)案例均按照效果圖切割、頁(yè)面效果分析、HTML代碼編寫(xiě)，最終CSS頁(yè)面布局實(shí)現(xiàn)進(jìn)行講解、即使剛?cè)腴T(mén)的新手，也可以一步步輕松實(shí)現(xiàn)復(fù)雜的CSS頁(yè)面布局?！　TML＆CSS編碼實(shí)戰(zhàn)　　不需要理解復(fù)雜的理論知識(shí)，不再懼怕CSS屬性與HTML標(biāo)簽，通過(guò)作者的原創(chuàng)經(jīng)典案例，　　學(xué)習(xí)者可以親自實(shí)戰(zhàn)編寫(xiě)代碼，學(xué)習(xí)過(guò)程變得充滿樂(lè)趣　　CSS技巧融會(huì)貫通　　沒(méi)有教條式地羅列各種屬性知識(shí)，而是針對(duì)實(shí)際開(kāi)發(fā)中最可能遇到的問(wèn)題，給出針對(duì)性地詳　　細(xì)解答，將多種CSS技巧融會(huì)貫通于其中，讓你順利地從新手過(guò)渡到高手。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    變幻之美 PDF格式下載

---