DIV+CSS商業(yè)案例與網(wǎng)頁(yè)布局開(kāi)發(fā)精講

前言

隨著Web2.0的發(fā)展，利用表格進(jìn)行頁(yè)面制作的弊端越來(lái)越顯現(xiàn)出來(lái)，而Web標(biāo)準(zhǔn)的重要性也越來(lái)越被人們所重視。網(wǎng)頁(yè)主要由3部分構(gòu)成，分別是結(jié)構(gòu)、表現(xiàn)和行為，對(duì)應(yīng)的標(biāo)準(zhǔn)分別是結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言、表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言和行為標(biāo)準(zhǔn)。在使用表格制作網(wǎng)頁(yè)的時(shí)候，結(jié)構(gòu)和樣式不分離，在制作上比較簡(jiǎn)單，但是使得頁(yè)面在更新和維護(hù)上變得異常煩瑣，往往為了修改一點(diǎn)內(nèi)容需要改動(dòng)整個(gè)頁(yè)面的布局。隨著Web技術(shù)的發(fā)展，特別是DIV+CSS布局的發(fā)展，使得網(wǎng)頁(yè)在制作方法上有了突飛猛進(jìn)的發(fā)展。CSS是最主要的表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言，使用DIV+CSS技術(shù)制作的網(wǎng)頁(yè)完全使結(jié)構(gòu)和樣式相分離，因此，網(wǎng)頁(yè)在維護(hù)與制作上更為簡(jiǎn)便，而且在制作中精簡(jiǎn)了結(jié)構(gòu)代碼量，使得程序開(kāi)發(fā)更為簡(jiǎn)潔。同時(shí)，CSS所特有的樣式定義也使得頁(yè)面可以制作得更為美觀。作為網(wǎng)頁(yè)制作人員的必修課，我們精心編寫(xiě)了本書(shū)，通過(guò)系統(tǒng)的知識(shí)講解和翔實(shí)的實(shí)例分析，能使對(duì)網(wǎng)頁(yè)制作有興趣的讀者迅速成為專業(yè)人士。本書(shū)的特點(diǎn)本書(shū)通過(guò)CSS層疊樣式表技術(shù)在網(wǎng)頁(yè)中的應(yīng)用實(shí)例，深入淺出地講解了DIV+CSS布局的應(yīng)用。在部分章節(jié)結(jié)尾，我們還精心制作了相關(guān)的綜合實(shí)例，以輔助讀者在掌握了本章基礎(chǔ)理論后能夠?qū)⑵涑浞謶?yīng)用到實(shí)踐中。本書(shū)的特點(diǎn)主要體現(xiàn)在以下幾個(gè)方面：1.采用循序漸進(jìn)的方式，適合初級(jí)、中級(jí)讀者逐步掌握DIV+CSS布局制作的精髓，系統(tǒng)講解了一類CSS層疊樣式表的基礎(chǔ)知識(shí)，以及相關(guān)的樣式值，以方便讀者學(xué)習(xí)、查詢。而且在每一章中配合該類樣式循序漸進(jìn)地制作了相關(guān)的實(shí)例，并對(duì)樣式加以注釋，以幫助讀者理解樣式的應(yīng)用，做到不僅知其然，而且知其所以然。2.應(yīng)用了大量的實(shí)例，在奠定基礎(chǔ)的同時(shí)強(qiáng)調(diào)了技術(shù)的靈活運(yùn)用，在實(shí)例中結(jié)合編者長(zhǎng)期制作頁(yè)面的經(jīng)驗(yàn)，拋磚引玉式地進(jìn)行啟發(fā)，使讀者真正做到學(xué)以致用。3.使用了大量篇幅來(lái)制作例子，以求讀者能通過(guò)實(shí)例掌握DIV+CSS的布局方法和制作技巧，以掌握DIV+CSS最核心的知識(shí)，并精選了4個(gè)常見(jiàn)類型的綜合實(shí)例，包括博客網(wǎng)站、企業(yè)網(wǎng)站、網(wǎng)店類網(wǎng)站和門戶類網(wǎng)站，以幫助讀者總結(jié)知識(shí)并提高綜合應(yīng)用的能力。在綜合實(shí)例部分，編者還制作了相關(guān)網(wǎng)站的二級(jí)頁(yè)面，是希望讀者能夠深刻地體會(huì)CSS層疊樣式表的重復(fù)應(yīng)用性，熟悉并清楚DIV+CSS技術(shù)的強(qiáng)大功能。

內(nèi)容概要

隨著Web標(biāo)準(zhǔn)的推廣應(yīng)用以及傳統(tǒng)的表格布局的退出，網(wǎng)頁(yè)標(biāo)準(zhǔn)化的DIV+CSS布局方式也越來(lái)越被廣泛地應(yīng)用，所以對(duì)于DIV+CSS的學(xué)習(xí)成了網(wǎng)頁(yè)設(shè)計(jì)制作人員的必修課。本書(shū)系統(tǒng)地介紹了CSS層疊樣式表的理論基礎(chǔ)和實(shí)際應(yīng)用，通過(guò)大量翔實(shí)的例子對(duì)DIV+CSS布局進(jìn)行了深入淺出的分析，注重實(shí)際操作，使讀者能夠充分掌握DIV+CSS布局的精髓所在。最后，本書(shū)還詳細(xì)介紹了4種主要類型的網(wǎng)站首頁(yè)及其二級(jí)頁(yè)面的制作，使得讀者在進(jìn)一步鞏固知識(shí)的同時(shí)，能夠熟悉DIV+CSS的強(qiáng)大重復(fù)應(yīng)用性。    本書(shū)理論部分內(nèi)容翔實(shí)，實(shí)例部分涉獵甚廣，循序漸進(jìn)，并注重章節(jié)之間的呼應(yīng)對(duì)照。本書(shū)適合作為DIV+CSS布局設(shè)計(jì)人員的入門級(jí)教材，也可作為中、高級(jí)讀者的參考資料。

書(shū)籍目錄

第1章  網(wǎng)頁(yè)的構(gòu)成與Web標(biāo)準(zhǔn)  1.1  什么是網(wǎng)頁(yè)  1.2  網(wǎng)頁(yè)的構(gòu)成    1.2.1  頁(yè)面顯示的信息    1.2.2  構(gòu)成頁(yè)面的代碼    1.2.3  顯示網(wǎng)頁(yè)的瀏覽器  1.3  關(guān)于Web標(biāo)準(zhǔn)    1.3.1  什么是Web標(biāo)準(zhǔn)    1.3.2  頁(yè)面的內(nèi)容    1.3.3  頁(yè)面的結(jié)構(gòu)    1.3.4  頁(yè)面的表現(xiàn)  1.4  Web標(biāo)準(zhǔn)網(wǎng)站欣賞第2章  使用CSS構(gòu)建頁(yè)面的原理  2.1  什么是CSS  2.2  CSS的語(yǔ)法  2.3  CSS應(yīng)該定義在哪里    2.3.1  元素內(nèi)部的CSS    2.3.2  頁(yè)面頭部的CSS    2.3.3  外部的CSS  2.4  應(yīng)用樣式的優(yōu)先級(jí)  2.5  DOCTYPE的選擇    2.5.1  什么是DOCTYPE    2.5.2  選擇什么樣的DOCTYPE  2.6  使用CSS控制表現(xiàn)效果的好處第3章  Web標(biāo)準(zhǔn)中的兼容問(wèn)題  3.1  兼容問(wèn)題的由來(lái)    3.1.1  瀏覽器的版本問(wèn)題    3.1.2  瀏覽器的兼容問(wèn)題  3.2  需要兼容的瀏覽器    3.2.1  常用瀏覽器介紹    3.2.2  瀏覽器顯示的差異  3.3  兼容問(wèn)題的解決原理    3.3.1  避免使用會(huì)產(chǎn)生兼容問(wèn)題的屬性    3.3.2  使用CSS hack解決兼容問(wèn)題    3.3.3  其他兼容的方法  3.4  CSS hack的使用    3.4.1  針對(duì)IE的CSS hack    3.4.2  針對(duì)Firefox的CSS hack第4章  制作背景  4.1  網(wǎng)頁(yè)背景的相關(guān)知識(shí)    4.1.1  背景的分類    4.1.2  使用CSS控制背景顏色    4.1.3  使用CSS控制背景圖片    4.1.4  使用Css控制背景圖片的重復(fù)    4.1.5  固定背景圖片    4.1.6  設(shè)置背景圖片的顯示位置  4.2  設(shè)置多個(gè)背景  4.3  制作漸變背景    4.3.1  效果圖分析    4.3.2  背景圖片的制作    4.3.3  頁(yè)面文件的制作    ……第5章  制作Logo和Banner第6章  制作站點(diǎn)導(dǎo)航欄第7章  制作列表和表單第8章  制作頁(yè)面內(nèi)容的版式第9章  制作超鏈接第10章  制作頁(yè)面底部信息第11章  制作博客類網(wǎng)頁(yè)第12章  制作企業(yè)宣傳類網(wǎng)頁(yè)第13章  制作網(wǎng)店類網(wǎng)頁(yè)第14章  制作門戶網(wǎng)頁(yè)

章節(jié)摘錄

插圖：

編輯推薦

《DIV+CSS商業(yè)案例與網(wǎng)頁(yè)布局開(kāi)發(fā)精講》：一練代講：讓您在不知不覺(jué)間掌握CSS網(wǎng)頁(yè)布局的精髓；注重CSS布局的原理舉一反三地對(duì)各種典型效果進(jìn)行了詳細(xì)分析和闡述；與時(shí)俱進(jìn)全書(shū)案例均為最流行的實(shí)現(xiàn)方法緊跟時(shí)代的腳步；隨書(shū)贈(zèng)送290多分鐘教學(xué)視頻手把手教您學(xué)通網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)；光盤(pán)中配有詳盡的隨書(shū)源代碼讓您學(xué)習(xí)輕松操作方便。光盤(pán)中為《DIV+CSS商業(yè)案例與網(wǎng)頁(yè)布局開(kāi)發(fā)精講》各章的實(shí)例文件。包括程序代碼頁(yè)面、相關(guān)素材文件等。同時(shí)光盤(pán)中還配有書(shū)中實(shí)例的教學(xué)視頻，記錄了每個(gè)實(shí)例的完整制作過(guò)程，以及在制作過(guò)程中需要注意的問(wèn)題和知識(shí)點(diǎn)?！禗IV+CSS商業(yè)案例與網(wǎng)頁(yè)布局開(kāi)發(fā)精講》適用對(duì)象：希望進(jìn)入網(wǎng)絡(luò)行業(yè)的新手迫切希望提高個(gè)人測(cè)試技能和水平的初級(jí)網(wǎng)頁(yè)制作人員；具備一定的測(cè)試?yán)碚撝R(shí)但是缺乏實(shí)踐的網(wǎng)頁(yè)制作人員；掌握了一定網(wǎng)頁(yè)制作技巧但是希望進(jìn)一步提高的中高級(jí)網(wǎng)頁(yè)制作人員。

圖書(shū)封面

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

---

    DIV+CSS商業(yè)案例與網(wǎng)頁(yè)布局開(kāi)發(fā)精講 PDF格式下載

---