CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用
定 價(jià):25 元
叢書名:面向21世紀(jì)高等院校規(guī)劃教材
- 作者:周蘆燕 ,等 著 孔璐 ,袁玨 編
- 出版時(shí)間:2010/6/1
- ISBN:9787118069198
- 出 版 社:國(guó)防工業(yè)出版社
- 中圖法分類:TP393.092
- 頁(yè)碼:168
- 紙張:膠版紙
- 版次:1
- 開本:16開
《CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用》對(duì)CSs+DIV技術(shù)應(yīng)用于各種網(wǎng)頁(yè)元素的方法和過程進(jìn)行了深入地剖析與介紹,系統(tǒng)地講述了如何利用CSS+DIV技術(shù)控制文字、圖片、表格、背景以及導(dǎo)航菜單等網(wǎng)頁(yè)元素的方法,結(jié)合實(shí)際網(wǎng)頁(yè)制作中可能遇到的問題,提供解決的思路、方法和技巧。書中重點(diǎn)講解了幾種典型的布局方式,從實(shí)際案例入手,讓讀者在學(xué)習(xí)CSS+DIV應(yīng)用技術(shù)的同時(shí)掌握其精髓。各案例與實(shí)例按照由淺入深、由易到難的順序編排,即使是初學(xué)者也可以輕松掌握CSS+DIV技術(shù)的布局方式,制作出精美實(shí)用的網(wǎng)頁(yè)作品。
全書中所有的案例與實(shí)例都是編譯通過的!禖SS+DIV網(wǎng)頁(yè)設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用》所有源代碼與相關(guān)素材均可以在國(guó)防工業(yè)出版社網(wǎng)站免費(fèi)下載。《CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用》適合從事網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作等相關(guān)工作的專業(yè)人員學(xué)習(xí)和使用,還可作相關(guān)專業(yè)的教材使用。
CSS是Cascading Style Sheets(層疊樣式表單)的簡(jiǎn)稱,它可以使網(wǎng)頁(yè)更加美觀、簡(jiǎn)練和便于維護(hù)。CSS技術(shù)已經(jīng)被廣泛應(yīng)用于網(wǎng)頁(yè)與網(wǎng)站開發(fā),使用任何瀏覽器瀏覽網(wǎng)頁(yè)都要與CSS打交道;無論使用什么工具制作網(wǎng)頁(yè),都必須掌握CSS技術(shù)。CSS是一門在網(wǎng)頁(yè)與網(wǎng)站開發(fā)應(yīng)用中必須要掌握和使用的重要技術(shù)。DIV的全稱為Division意為“區(qū)分”,稱為區(qū)隔標(biāo)記,它的作用是為了設(shè)定字、畫和表格等HTML元素的擺放位置,為HTML文檔中的內(nèi)容提供框架結(jié)構(gòu),通過CSS樣式配合來定義不同DIV區(qū)域中的各元素屬性,可以方便快捷地完成網(wǎng)頁(yè)樣式的定義。學(xué)會(huì)使用CSS+DIV網(wǎng)頁(yè)布局,是網(wǎng)頁(yè)設(shè)計(jì)和制作人員必需掌握的技能之一。
本書以提高讀者綜合運(yùn)用CSS+DIV技術(shù)進(jìn)行網(wǎng)頁(yè)與網(wǎng)站開發(fā)的應(yīng)用能力為目的,系統(tǒng)地講解了CSS層疊樣式表的基礎(chǔ)理論和實(shí)際運(yùn)用技術(shù),結(jié)合大量案例與實(shí)例對(duì)CSS進(jìn)行深入淺出地分析,詳細(xì)地描述了各案例與實(shí)例的開發(fā)過程和方法,對(duì)CSS的基本語(yǔ)法和概念有著更簡(jiǎn)明的闡述和說明,并且通過CSS盒子模型詳細(xì)地講述了CSS+DIV布局的精髓所在。本書緊密結(jié)合經(jīng)典開發(fā)案例,系統(tǒng)講述了如何利用CSS控制文字、圖片、表格、背景以及導(dǎo)航菜單等網(wǎng)頁(yè)元素方法,并詳細(xì)介紹了圓角矩形框、凹陷文字、滑動(dòng)門和多級(jí)下拉菜單等常用技術(shù)。書中重點(diǎn)講解了幾種典型的布局方式,分別對(duì)不同的CSS+DIV布局模式進(jìn)行了細(xì)致地比較。此外,書中還給出了CSS+DIV網(wǎng)站應(yīng)用綜合實(shí)例,讓讀者進(jìn)一步鞏固學(xué)到的知識(shí),提高工程應(yīng)用開發(fā)能力。本書還介紹了網(wǎng)頁(yè)設(shè)計(jì)中常遇到的技術(shù)問題,指導(dǎo)讀者制作出符合Web標(biāo)準(zhǔn)的網(wǎng)頁(yè),使從事或即將從事網(wǎng)站設(shè)計(jì)開發(fā)專業(yè)工作的讀者提升專業(yè)技術(shù)水平和同行競(jìng)爭(zhēng)能力。
本書由孔璐和袁玨作為主編,本書的第五章是由中北大學(xué)機(jī)械工程與自動(dòng)化學(xué)院崔寶珍編寫。本書適合從事網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、Web程序開發(fā)和Web標(biāo)準(zhǔn)化等人員學(xué)習(xí)和使用,也可作為高等院校相關(guān)專業(yè)的教學(xué)和參考用書以及各類社會(huì)培訓(xùn)機(jī)構(gòu)的培訓(xùn)用書。
第一章 CSS基礎(chǔ)
1.1 CSS概述
1.1.1 CSS的定義
1.1.2 CSS的基本語(yǔ)法
1.2 CSS選擇器
1.2.1 標(biāo)簽選擇器
1.2.2 選擇器組
1.2.3 類選擇器
1.2.4 ID選擇器
1.2.5 相鄰選擇器
1.2.6 后代選擇器
1.3 CSS的繼承
1.4 CSS優(yōu)先級(jí)
1.4.1 原則
1.4.2 原則二
1.4.3 原則三
1.4.4 原則四
1.5 CSS鏈接
1.5.1 內(nèi)嵌式樣式表
1.5.2 鏈接式樣式表
1.5.3 輸入樣式表
1.5.4 行內(nèi)樣式表
第二章 文字效果
2.1 文字的基本樣式
2.1.1 字體樣式
2.1.2 字體顏色
2.1.3 字體大小
2.1.4 字體加粗
2.1.5 字體傾斜
2.1.6 字體下劃線、頂劃線、刪除線
2.2 文本效果
2.2.1 行距
2.2.2 文字與單詞間距
2.2.3 首行縮進(jìn)
2.2.4 水平對(duì)齊方式
2.2.5 垂直對(duì)齊方式
2.2.6 首字下沉
2.3 偽類
2.4 文字實(shí)例
第三章 背景效果
3.1 背景色的定義
3.2 自定義背景圖
3.3 重復(fù)背景
3.4 背景位置
3.5 背景實(shí)例
第四章 邊框設(shè)計(jì)
4.1 邊框的定義
4.1.1 邊框樣式
4.1.2 邊框顏色
4.1.3 邊框?qū)挾?br> 4.1.4 邊框?qū)傩?br> 4.1.5 獨(dú)立邊框
4.2 表格邊框
第五章 DIV層
5.1 DIV概述
5.1.1 使用DIV
5.1.2 定~LDIV
5.1.3 決級(jí)標(biāo)簽
5.1.4 行級(jí)標(biāo)簽
5.2 盒子模型
5.2.1 盒子模型概述
5.2.2 外補(bǔ)丁
5.2.3 內(nèi)補(bǔ)丁
5.2.4 浮動(dòng)
5.3 網(wǎng)頁(yè)布局模式
5.3.I網(wǎng)頁(yè)布局概述
5.3.2 一列布局
5.3.3 兩列布局
5.3.4 三列布局
第六章 圖片效果
6.1 圖片邊框
6.2 自適應(yīng)大小
6.3 陰影效果
第七章 溢出和剪切
7.1 overflow的使用
7.2 text-overflow的使用
第八章 CSS濾鏡
8.1 Alpha濾鏡
8.2 Chroma濾鏡
8.3 Glow濾鏡
8.4 Shadow濾鏡
8.5 Wave濾鏡
第九章 菜單導(dǎo)航制作
9.1 橫向?qū)Ш讲藛?br> 9.2 豎向?qū)Ш讲藛?br> 9.3 變換顏色的導(dǎo)航菜單
9.4 滑動(dòng)門菜單
9.5 CSS圓角菜單
9.6 下拉菜單
第十章 實(shí)例應(yīng)用
10.1 按鈕的制作
10.2 CSS分頁(yè)效果
10.3 CSS相冊(cè)滑動(dòng)瀏覽效果
10.4 博客列表制作
10.5 圖文混排CSS列表
第十一章 個(gè)人博客網(wǎng)站設(shè)計(jì)
11.1 整體布局構(gòu)思
11.2 網(wǎng)站TOP制作
11.3 網(wǎng)站Content制作
11.4 網(wǎng)站Bottom制作
附錄 CSS書寫規(guī)范
參考文獻(xiàn)
第一章CSS基礎(chǔ)
在網(wǎng)頁(yè)上使用HTML定位文字和圖像比較復(fù)雜,必須用表格標(biāo)簽和隱式GIF圖像,但即使這樣也不能準(zhǔn)確定位,因?yàn)椴煌臑g覽器和操作平臺(tái)的顯示結(jié)果也不同。通過學(xué)習(xí)CSS的屬性,可以精確地設(shè)定要素位置,并將定位的要素進(jìn)行疊加。CSS可以同時(shí)控制多重頁(yè)面的樣式和布局,能夠?yàn)槊總(gè)HTML元素定義樣式,并將其應(yīng)用于頁(yè)面設(shè)計(jì)中。
1.1 CSS概述
網(wǎng)頁(yè)的主要組成可分為三個(gè)部分:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior),對(duì)應(yīng)的標(biāo)準(zhǔn)也分三個(gè)方面:結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)。結(jié)構(gòu)標(biāo)準(zhǔn)的語(yǔ)言主要是指XHTML和XML;表現(xiàn)標(biāo)準(zhǔn)的語(yǔ)言主要是指CSS;行為標(biāo)準(zhǔn)的語(yǔ)言主要是指對(duì)象模型如W3C DOM,ECMAScript等。
1.1.1 CSS的定義
網(wǎng)頁(yè)設(shè)計(jì)最初是用HTML標(biāo)記來定義頁(yè)面文檔及格式,例如標(biāo)題
、段落
、表格
和鏈接等,但這些標(biāo)記不能滿足更多的文檔樣式需求。為了解決這個(gè)問題,在1997年W3C(The World Wide Web Consortium)頒布HTML4標(biāo)準(zhǔn)的同時(shí)也發(fā)布了有關(guān)樣式表的第一個(gè)標(biāo)準(zhǔn)CSS1之后,又在1998年5月發(fā)布了CSS2版本,樣式表得到了更多的充實(shí)。W3C把DHTML(Dynamic HTML)分為三個(gè)部分來實(shí)現(xiàn):腳本語(yǔ)言(包括JavaScript和Vbscript等)、支持動(dòng)態(tài)效果的瀏覽器(包括Interact Explorer和NetscapeNavigator等)和CSS樣式表。
CSS(Cascading Style Sheet,可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”)是一組格式設(shè)置規(guī)則,用于控制Web頁(yè)面的外觀。通過使用CSS樣式設(shè)置頁(yè)面的格式,可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。頁(yè)面內(nèi)容存放在HTML文檔中,而用于定義表現(xiàn)形式的CSS規(guī)則存放在另一個(gè)文件中或作為HTML文檔的某一部分,通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離,不僅可使維護(hù)站點(diǎn)的外觀更加便捷,而且還可以使HTML文檔代碼更加簡(jiǎn)練,縮短瀏覽器的加載時(shí)間。