別具光芒

前言

CSS和HTML一樣，是一個(gè)非?；A(chǔ)性的規(guī)范，是任何一個(gè)Web站點(diǎn)設(shè)計(jì)過程中都離不開的“基礎(chǔ)技術(shù)”，因此無論是作為設(shè)計(jì)師，還是作為開發(fā)人員，都應(yīng)該很好地掌握(；SS這個(gè)不可或缺的“武器”。本書就是希望給讀者一個(gè)掌握CSs的階梯，幫助讀者更快捷地掌握CSS。本書的由來編寫出版這本書，很大程度上可以說是讀者給我們的“命題作文”。在2006和2008年，我們分別出版了《精通CSS+DIV網(wǎng)頁樣式與布局》和《CSS設(shè)計(jì)徹底研究》這兩本書，受到很多讀者的厚愛，令我們非常欣喜和感謝。在我們的網(wǎng)站上，收到了近萬條讀者留言，這也令我們十分感動(dòng)。同時(shí)，有很多讀者在我們的網(wǎng)站上留言，希望能夠有更多的實(shí)際案例的講解，使讀者可以跟隨著這樣的講解，“完整地”、“全過程地”、“非常實(shí)際地”、“詳細(xì)地”看一看一個(gè)CSS布局的頁面是如何從無到有制作出來的。本書正是按照這個(gè)思路來設(shè)計(jì)的，每章各自獨(dú)立地介紹一個(gè)完整的案例，每個(gè)案例都是從零開始，直至制作出最后的效果來。希望這本書能給予讀者一些實(shí)際的幫助。本書的特點(diǎn)本書主要突出了兩個(gè)特點(diǎn)。1．知其然，更知其所以然以“案例”為線索的書是很受讀者歡迎的，因此市面上也有很多講解“案例”的書，而此類書最容易出現(xiàn)的問題是把書變成了操作過程的簡單記錄，這樣的結(jié)果是讀者往往做過之后不明白為什么，遇到實(shí)際問題時(shí)，還是不知道該如何人手，這是因?yàn)闆]有把道理真正講清楚?！鞍咐敝皇且粋€(gè)講解的手段，而更重要的目的是使廣大讀者能夠真正理解為什么要這么做，只有這樣，才能使讀者真正掌握。

內(nèi)容概要

　　本書以七大完整案例為線索，緊密圍繞在使用CSS+DIV布局制作網(wǎng)頁過程中遇到的實(shí)際需要和應(yīng)該掌握的技術(shù)，全面介紹了CSS布局網(wǎng)頁的各方面內(nèi)容和技巧。　　書中摒棄了案例書常見的一味羅列步驟，輕視技術(shù)原理的做法，把案例作為學(xué)習(xí)手段，不但側(cè)重講解CSS盒子模型、標(biāo)準(zhǔn)流、浮動(dòng)、定位等四大核心技術(shù)原理，更側(cè)重講解如何在實(shí)踐中應(yīng)用它們。讀者通過案例，既可以掌握CSS的核心技術(shù)要點(diǎn)，也可以了解相關(guān)技術(shù)和工作流程，使讀者不但知其然，還知其所以然?！　〈送?，本書還結(jié)合了流行的CMS內(nèi)容管理系統(tǒng)，講解了使用CSS進(jìn)行模板設(shè)計(jì)的方法，使讀者可以舉一反三地掌握為各種內(nèi)容管理系統(tǒng)設(shè)計(jì)模板的方法?！　”緯m合具備一定HTML和網(wǎng)頁設(shè)計(jì)制作基礎(chǔ)的需要使用CSS的愛好者、Web設(shè)計(jì)人員和開發(fā)人員閱讀。

書籍目錄

第1章　從基礎(chǔ)開始　　1.1　(X)HTML與CSS　　　1.1.1　DOCTYPE(文檔類型)的含義與選擇　　　1.1.2　XHTML與HTML的重要區(qū)別　　　1.1.3　CSS的基本思想　　　1.1.4　CSS的引入　　　1.1.5　瀏覽器與CSS　　1.2　基本CSS選擇器　　　　　1.2.1　理解CSS選擇器的思想　　　1.2.2　標(biāo)記選擇器　　　1.2.3　類別選擇器　　　1.2.4　ID選擇器　　1.3　在HTML中引入CSS的方法　　　1.3.1　行內(nèi)樣式　　　1.3.2　內(nèi)嵌式　　　1.3.3　外部樣式表　　　1.3.4　鏈接式　　　1.3.5　各種方式的優(yōu)先級(jí)問題　　1.4　動(dòng)手體驗(yàn)CSS　　　1.4.1　從零開始　　　1.4.2　使用CSS設(shè)置標(biāo)題　　　1.4.3　控制圖片　　　1.4.4　設(shè)置正文　　　1.4.5　設(shè)置整體頁面　　　1.4.6　對(duì)段落分別進(jìn)行設(shè)置　　　1.4.7　兼容性檢查　　　1.4.8　CSS的注釋　　1.5　網(wǎng)頁使用的編輯軟件　　　1.5.1　可視化網(wǎng)頁制作軟件的優(yōu)點(diǎn)　　　1.5.2　可視化軟件的局限性　　　1.5.3　善于使用代碼視圖的功能　　1.6　CSS的復(fù)合選擇器　　　1.6.1　“交集”選擇器　　　1.6.2　“并集”選擇器　　　1.6.3  “后代”選擇器　　1.7　CSS的繼承特性　　　1.7.1　繼承關(guān)系　　　1.7.2　CSS繼承的運(yùn)用　　1.8　CSS的層疊特性　　1.9　本章小結(jié)　第2章　攝影師個(gè)人網(wǎng)站布局　　2.1　案例描述　　2.2　內(nèi)容分析　　2.3　HTML結(jié)構(gòu)設(shè)計(jì)　　2.4　原型設(shè)計(jì)　　2.5　頁面方案設(shè)計(jì)　　2.6　布局設(shè)計(jì)　　2.7　CSS技術(shù)準(zhǔn)備——盒子模型　　2.8　設(shè)置頁面的整體背景　　2.9　制作照片展示區(qū)域　　2.10　設(shè)置網(wǎng)頁標(biāo)題的圖像替換　　2.11　CSS技術(shù)準(zhǔn)備——定位　　　2.11.1　理解標(biāo)準(zhǔn)文檔流　　　2.11.2　認(rèn)識(shí)定位屬性　　　2.11.3　絕對(duì)定位　　2.12　設(shè)置網(wǎng)頁標(biāo)題的位置　　2.13　設(shè)置網(wǎng)頁文本內(nèi)容　　2.14　本章小結(jié)　第3章　生物研究中心網(wǎng)站布局　　3.1　案例描述　　3.2　內(nèi)容分析　　3.3　原型設(shè)計(jì)　　3.4　頁面方案設(shè)計(jì)　　3.5　CSS技術(shù)準(zhǔn)備——盒子的浮動(dòng)　　　3.5.1　設(shè)置浮動(dòng)　　　3.5.2　浮動(dòng)的方向　　　3.5.3　使用clear屬性清除浮動(dòng)的影響　　　3.5.4　擴(kuò)展盒子的高度　　3.6　布局設(shè)計(jì)　　3.7　CSS技術(shù)準(zhǔn)備——在CSS中設(shè)置邊框　　　3.7.1　對(duì)不同的邊框設(shè)置不同的屬性值　　　3.7.2　在一行中同時(shí)設(shè)置邊框的寬度、顏色和樣式　　　3.7.3　對(duì)一條邊框設(shè)置與其他邊框不同的屬性　　　3.7.4　同時(shí)指定一條邊框的一種屬性　　3.8　制作頁頭部分　　3.9　制作主體部分　　　3.9.1　主體的左側(cè)部分　　　3.9.2　主要內(nèi)容區(qū)　　3.10　CSS技術(shù)擴(kuò)展——擴(kuò)充布局　　3.11　本章小結(jié)　第4章　教育公司網(wǎng)站布局 　　4.1　兩列布局　　4.2　案例描述　　4.3　內(nèi)容分析　　4.4　原型設(shè)計(jì)　　4.5　CSS技術(shù)準(zhǔn)備——在CSS中使用背景圖像　　　4.5.1　設(shè)置平鋪方式　　　4.5.2　設(shè)置背景圖像的位置　　　4.5.3　背景的簡寫　　　4.5.4　圖片的固定設(shè)置　　4.6　制作標(biāo)題圖像　　4.7　CS3技術(shù)準(zhǔn)備——實(shí)現(xiàn)圓角設(shè)計(jì)　　4.8　制作頁頭部分　　　4.8.1　搭建頁頭部分的HTML結(jié)構(gòu)　　　4.8.2　頁面標(biāo)題的圖像替換　　　4.8.3　頂部菜單　　　4.8.4　主菜單　　　4.8.5　搜索框　　　4.8.6　頁頭部分的圓角框　　4.9　制作主體部分　　　4.9.1　結(jié)構(gòu)分析　　　4.9.2　“面包屑”導(dǎo)航　　　4.9.3　設(shè)置正文標(biāo)題　　　4.9.4　設(shè)置頁腳　　　4.9.5　添加頁面內(nèi)容　　4.10　本章小結(jié)　第5章　網(wǎng)上書店布局 　第6章　汽車服務(wù)公司網(wǎng)站布局第7章　橘汁仙劍游戲網(wǎng)站(靜態(tài))布局 第8章　橘汁仙劍游戲網(wǎng)站(動(dòng)態(tài))布局

章節(jié)摘錄

插圖：

編輯推薦

《別具光芒:CSS網(wǎng)頁布局案例剖析》：逐步拆分講解，輕松實(shí)現(xiàn)布局每個(gè)案例均由作者原創(chuàng)，講解時(shí)從原型設(shè)汁到各個(gè)局部細(xì)節(jié)，逐步拆分講解，即使是新手，也可以一步步輕松實(shí)現(xiàn)css頁面布局。剖析核心技術(shù)，結(jié)合案例應(yīng)用將不可或缺的CSS核心技術(shù)融會(huì)在各個(gè)原創(chuàng)案例中，直達(dá)技術(shù)的精髓，幫助學(xué)爿者真正做到理論與實(shí)際的結(jié)合，提高頁面布局的能力。近萬讀者反饋，問題——作答通過整理近萬條讀者反饋，歸納了css＋DIV進(jìn)行網(wǎng)頁布局時(shí)易于碰到的種種問題，并在阱解案例時(shí)逐一作答，學(xué)爿者在學(xué)爿過程中就可輕松解決問題。作者專業(yè)網(wǎng)站，提供技術(shù)支持學(xué)習(xí)者可以在這里提出問題或相互交流，必能事半功倍全類型原創(chuàng)案例全剖析核心技術(shù)全過程拆分講解全配套在線支持

圖書封面

圖書標(biāo)簽Tags

無

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

---

    別具光芒 PDF格式下載

---