變幻之美 DivCSS網(wǎng)頁(yè)布局揭秘 - 案例實(shí)戰(zhàn)篇(彩印)
在當(dāng)當(dāng)網(wǎng)購(gòu)買此書(36.00元) 在卓越網(wǎng)購(gòu)買此書(33.80元)
書 名:變幻之美——Div+CSS網(wǎng)頁(yè)布局揭秘(案例實(shí)戰(zhàn)篇) 國(guó)際書號(hào):ISBN 9787115210753 作 者:金峰 出 版 社:人民郵電出版社 定 價(jià):45
本書特點(diǎn):
100%作者原創(chuàng)案例 | 100%詳細(xì)拆分講解 | CSS布局不再神秘
- Step by step輕松上手:
每個(gè)案例均按照效果圖切割、頁(yè)面效果分析、HTML代碼編寫,最終CSS頁(yè)面布局實(shí)現(xiàn)進(jìn)行講解,即使是剛?cè)腴T的新手,也可以一步步輕松實(shí)現(xiàn)復(fù)雜的CSS頁(yè)面布局。
- HTML&CSS編碼實(shí)戰(zhàn):
不需要理解復(fù)雜的理論知識(shí);不再懼怕CSS屬性與HTML標(biāo)簽;通過作者的原創(chuàng)經(jīng)典案例,學(xué)習(xí)者可以親自實(shí)戰(zhàn)編寫代碼,學(xué)習(xí)過程變得充滿樂趣。
- CSS技巧融會(huì)貫通:
沒有教條式地羅列各種屬性知識(shí),而是針對(duì)實(shí)際開發(fā)中最可能遇到的問題,給出針對(duì)性地詳細(xì)解答,將多種CSS技巧融會(huì)貫通于其中,讓你順利地從新手過渡到高手。
普及Web標(biāo)準(zhǔn)與CSS技術(shù)已成為一種技術(shù)潮流和趨勢(shì),而通過Div CSS進(jìn)行Web開發(fā)則是其中的關(guān)鍵所在。網(wǎng)頁(yè)設(shè)計(jì)人員需要不斷提高自己的技能以適應(yīng)這種變化,學(xué)會(huì)通過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)化的意義所在。
關(guān)鍵知識(shí)點(diǎn):
本書講解了多個(gè)案例,涵蓋單列式、兩列式和多列式等多種頁(yè)面布局形式。主要涉及的知識(shí)點(diǎn)如下:
- 合理地應(yīng)用XHTML標(biāo)簽建立良好的頁(yè)面結(jié)構(gòu);
- 單列式與兩列式頁(yè)面布局的CSS技巧;
- 三行兩列式頁(yè)面布局的CSS技巧;
- 多列式CSS頁(yè)面布局的實(shí)現(xiàn);
- 應(yīng)用“反向浮動(dòng)”將主要內(nèi)容置于文檔前面部分;
- 應(yīng)用無(wú)序列表ul構(gòu)建水平橫向菜單;
- 應(yīng)用無(wú)序列表ul制作多種菜單元素;
- 標(biāo)題標(biāo)簽h1-h4在頁(yè)面中的使用;
- 定義列表dl的應(yīng)用實(shí)例及組織頁(yè)面元素的實(shí)例;
- 有序列表ol的應(yīng)用實(shí)例;
- CSS Sprites工作原理;
- 制作圖文混排的頁(yè)面元素;
- 通過修改CSS文件實(shí)現(xiàn)頁(yè)面重構(gòu);
- 在頁(yè)面中插入Flash文件;
- class與id同時(shí)配合使用;
- “代碼重用”的編碼思路;
- 應(yīng)用CSS實(shí)現(xiàn)“當(dāng)前頁(yè)”效果;
- 以CSS實(shí)現(xiàn)截字效果;
- 自適應(yīng)高度的滑動(dòng)背景圖片及背景圖片設(shè)置技巧;
- 如何解決IE6雙倍邊距bug;
- 認(rèn)識(shí)IE6、IE7特定選擇器;
- margin-bottom失效情況的解決;
- 將icon圖標(biāo)集成于一個(gè)圖片文件;
- 設(shè)置鏈接變換小圖標(biāo)的樣式;
- 一張圖片實(shí)現(xiàn)菜單的多種狀態(tài);
- 相對(duì)單位em在文本縮進(jìn)中的應(yīng)用;
- 浮動(dòng)屬性的靈活運(yùn)用;
- 網(wǎng)站文件與目錄規(guī)劃;
- CSS樣式規(guī)劃與組織;
- 關(guān)于clear清除浮動(dòng)屬性。
本書通過作者原創(chuàng)的4個(gè)案例,細(xì)致地介紹了基于Web標(biāo)準(zhǔn)的Div CSS網(wǎng)頁(yè)布局的實(shí)現(xiàn)方法。每個(gè)案例均按照效果圖設(shè)計(jì)、效果圖切割、HTML代碼編寫、頁(yè)面效果分析,以及最終CSS頁(yè)面布局實(shí)現(xiàn)進(jìn)行講解,即使是剛?cè)腴T的新手,也可以按照書中介紹一步步輕松實(shí)現(xiàn)復(fù)雜的CSS頁(yè)面布局。
書中每個(gè)案例都是獨(dú)立設(shè)計(jì)的,案例中又包含多種結(jié)構(gòu)的網(wǎng)頁(yè)布局與頁(yè)面模塊,讀者在學(xué)習(xí)過程中既可以直接參考,又可以根據(jù)實(shí)際情況靈活進(jìn)行修改。通過反復(fù)學(xué)習(xí)和實(shí)踐,最終快速掌握Div+CSS的應(yīng)用精髓。
本書案例設(shè)計(jì)精美、內(nèi)容豐富、文字簡(jiǎn)潔、代碼清晰,可以幫助讀者在不知不覺中,掌握CSS網(wǎng)頁(yè)布局精華,融會(huì)貫通HTML標(biāo)簽與CSS屬性的應(yīng)用。
學(xué)習(xí)建議:
- 注重基礎(chǔ)知識(shí)的學(xué)習(xí)
想要學(xué)出成績(jī),基礎(chǔ)知識(shí)的學(xué)習(xí)必不可少,各種XHTML標(biāo)簽及CSS屬性雖然看似簡(jiǎn)單,不涉及算法,也需要編程,但要想靈活地運(yùn)用各種標(biāo)簽與屬性,需要付出一定的時(shí)間和精力。只有對(duì)它們熟悉了,才能在頁(yè)面布局時(shí)運(yùn)用自如,以合適的標(biāo)簽建立具有語(yǔ)義的文檔。 對(duì)于div與span的使用、id與class的使用與命名、網(wǎng)站CSS文件的組織等重點(diǎn)和難點(diǎn),應(yīng)平時(shí)注重積累,用筆記記錄下自己的學(xué)習(xí)心得。
- 深刻理解Web標(biāo)準(zhǔn)的意義
Web標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)的集合,可以用一句話簡(jiǎn)單的理解Web標(biāo)準(zhǔn):將頁(yè)面的結(jié)構(gòu)、表現(xiàn)和行為各自獨(dú)立實(shí)現(xiàn)。Web標(biāo)準(zhǔn)就是Web標(biāo)準(zhǔn),任何其他的叫法都不正確,不要認(rèn)為Div CSS就是Web標(biāo)準(zhǔn)的通俗叫法。Web標(biāo)準(zhǔn)包含的是一種思想、一種方式,并非是一種形式。只有不斷地汲取新思維,多看、多想才能適應(yīng)這樣變化,跟上Web發(fā)展的步伐。
- 勤練習(xí)多編碼善于思考
任何時(shí)候都不要以為看書就足夠了,要多練習(xí)。本書雖然提供源代碼的下載,但建議學(xué)習(xí)者從零開始親自動(dòng)手編寫代碼。編寫代碼確實(shí)有些枯燥,但不要心急,水平正是在不斷實(shí)踐中慢慢提高的。不要放過任何一個(gè)看上去非常簡(jiǎn)單的問題,有些小問題往往并不簡(jiǎn)單,可以伸延出許多知識(shí)點(diǎn),學(xué)會(huì)舉一反三才能更加自如的運(yùn)用各種技術(shù)。
在線交流:
作者創(chuàng)辦的CSS技術(shù)網(wǎng)站,里面包含很多介紹CSS基礎(chǔ)知識(shí)和Web標(biāo)準(zhǔn)的文章:http://www.52css.com/
作者建立的CSS專業(yè)學(xué)習(xí)論壇,其中有專門針對(duì)本書的學(xué)習(xí)交流版塊: http://www.w3cbbs.com/
本書所有案例的源代碼下載: http://www.52css.com/book/
在當(dāng)當(dāng)網(wǎng)購(gòu)買此書(36.00元) 在卓越網(wǎng)購(gòu)買此書(33.80元)
本文鏈接:http://m.95time.cn/news/book/2009/7041.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
|