CSS標(biāo)準(zhǔn)網(wǎng)頁布局開發(fā)指南前言摘要

時(shí)間：2023-02-23 15:39:02 | 來源：營銷百科

時(shí)間：2023-02-23 15:39:02 來源：營銷百科

CSS標(biāo)準(zhǔn)網(wǎng)頁布局開發(fā)指南前言摘要：隨著Web技術(shù)的不斷發(fā)展，互聯(lián)網(wǎng)已經(jīng)由被動(dòng)接受型的Web 1.0向主動(dòng)參與型的Web 2.0過渡了。越來越多的技術(shù)需要Web頁面具有清晰的語義和嚴(yán)格的結(jié)構(gòu)。傳統(tǒng)的采用表格布局的頁面所帶來的缺點(diǎn)表現(xiàn)得越來越明顯。隨著Web 2.0技術(shù)的逐漸成熟，以及更多的基于XML技術(shù)的出現(xiàn)，使得用CSS進(jìn)行網(wǎng)頁布局的技術(shù)顯得越來越重要，同時(shí)也是未來互聯(lián)網(wǎng)的發(fā)展趨勢。如今，已經(jīng)有越來越多的新建網(wǎng)站使用了CSS布局技術(shù)，同時(shí)也有很多的大型門戶網(wǎng)站采用CSS布局對原有網(wǎng)站進(jìn)行了重構(gòu)。

為了讓廣大的網(wǎng)頁設(shè)計(jì)師和即將加入到網(wǎng)頁制作這個(gè)行列的初學(xué)者們，筆者特編寫了本書，力求讓讀者在學(xué)完本書之后，能夠獨(dú)立使用CSS進(jìn)行網(wǎng)頁布局。

本書特色

1．技術(shù)全面，內(nèi)容充實(shí)

本書詳細(xì)地講解了當(dāng)前網(wǎng)頁布局中經(jīng)常使用的CSS屬性。全書將所有屬性分成布局屬性、容器屬性、文本屬性和其他屬性等幾個(gè)部分，同時(shí)詳細(xì)地講解了每個(gè)屬性取值的具體含義和應(yīng)用。

2．注重實(shí)踐，聯(lián)系實(shí)際

由于CSS中屬性很多，取值復(fù)雜，很多讀者了解了某個(gè)CSS屬性語法和取值后并不知道如何在制作頁面時(shí)靈活應(yīng)用。本書通過示例對各個(gè)屬性的具體應(yīng)用方法和需要注意的問題進(jìn)行了詳細(xì)的講解，讀者可以通過本書的學(xué)習(xí)，掌握各個(gè)CSS屬性在頁面中的應(yīng)用技巧和注意事項(xiàng)。

3．注重觀念，把握本質(zhì)

本書力求建立起對網(wǎng)頁布局的新觀念，使讀者通過對本書的學(xué)習(xí)，了解CSS布局頁面的本質(zhì)思想，而不是單純進(jìn)行技術(shù)層面的講解，努力做到知其然同時(shí)知其所以然。因?yàn)椴粡母旧辖⑵鹦碌牟季钟^念，就不能在實(shí)際制作中更好地應(yīng)用，同時(shí)也不能達(dá)到應(yīng)用CSS布局的根本目的。

4．實(shí)例經(jīng)典，舉一反三

Web頁面千變?nèi)f化，其布局和修飾方式千差萬別，不可能把每一個(gè)頁面的制作方法都一一介紹。本書將通過幾個(gè)具體的實(shí)例和一些單獨(dú)的示例，講解利用CSS進(jìn)行頁面布局的技巧。力求在實(shí)例和示例的制作過程中讓讀者了解CSS布局的原理，了解CSS布局的核心內(nèi)容，方便以后實(shí)際應(yīng)用中制作各種布局的頁面。

5．圖文并茂，重點(diǎn)突出

本書對每個(gè)CSS屬性的應(yīng)用效果都用圖片的方式展示出來，做到明確直觀。同時(shí)對每個(gè)示例中需要特別注意和說明的地方都使用了單獨(dú)的格式，使讀者能夠快速把握知識的重點(diǎn)。

6．與時(shí)俱進(jìn)，注重知識更新

互聯(lián)網(wǎng)的發(fā)展速度很快，瀏覽器不斷更新?lián)Q代，而每次更新后的瀏覽器所支持的CSS屬性將會有所區(qū)別。本書中不但講述了現(xiàn)在大多數(shù)人使用的瀏覽器中CSS的使用效果，同時(shí)也介紹了最新發(fā)布的瀏覽器的特性，使讀者通過本書學(xué)習(xí)到的知識有更好的時(shí)效性。

本書內(nèi)容

第1章：主要講述使用CSS布局頁面的本質(zhì)，即表現(xiàn)和結(jié)構(gòu)相分離。本章是利用CSS布局頁面的思想基礎(chǔ)，很好地理解本章的內(nèi)容，將有助于后面知識的學(xué)習(xí)。

第2章：詳細(xì)介紹XHTML的書寫規(guī)范。雖然本書主要講解關(guān)于CSS屬性和應(yīng)用的知識，但是良好的XHTML結(jié)構(gòu)是CSS控制頁面表現(xiàn)的橋梁。掌握XHTML書寫規(guī)范是應(yīng)用CSS布局頁面不可缺少的內(nèi)容。

第3章：從宏觀上對CSS的各個(gè)部分做一個(gè)比較詳細(xì)的介紹，讓讀者能夠?qū)SS有一個(gè)整體的了解，同時(shí)還介紹關(guān)于CSS語法結(jié)構(gòu)等基礎(chǔ)知識。

第4章：主要講解網(wǎng)頁頭部標(biāo)簽的詳細(xì)定義，包括制作網(wǎng)頁頭部時(shí)要注意的問題和各個(gè)頭部標(biāo)簽的詳細(xì)設(shè)置。

第5章：重點(diǎn)介紹CSS基本布局屬性，包括怎樣使用浮動(dòng)屬性和布局屬性更改元素的默認(rèn)排列方式和進(jìn)行布局的基礎(chǔ)知識。

第6章：主要講解CSS容器屬性，包括關(guān)于容器屬性的詳細(xì)知識和怎樣通過容器屬性進(jìn)一步控制元素精確位置的知識。

第7章：主要介紹CSS定義文本屬性，包括使用CSS控制文本的顯示方式、鏈接的修飾，以及內(nèi)容的水平和垂直居中顯示等。

第8章：主要講解怎樣對頁面中各種元素進(jìn)行修飾，同時(shí)講解了頁面中導(dǎo)航部分的詳細(xì)修飾方法。

第9章：由于存在著不同的瀏覽器，所以在CSS的應(yīng)用中一定存在兼容問題，本章將對現(xiàn)在使用最多的IE瀏覽器和FIREFOX瀏覽器中的兼容問題進(jìn)行詳細(xì)介紹，同時(shí)將介紹最新版本的IE 7.0的特性。

第10章：主要講解關(guān)于整站樣式表的分析，包括怎樣規(guī)劃整站的CSS樣式表和頁面中二級頁面的制作。

第11章：主要介紹關(guān)于標(biāo)準(zhǔn)的校驗(yàn)問題，包括標(biāo)準(zhǔn)校驗(yàn)的方法和標(biāo)準(zhǔn)校驗(yàn)中會遇到的問題。

第12章：主要用一個(gè)英文網(wǎng)站的實(shí)例，講解通過編寫代碼的方式進(jìn)行CSS布局的步驟。

第13章：主要講解使用可視化開發(fā)工具Dreamweaver進(jìn)行標(biāo)準(zhǔn)網(wǎng)站開發(fā)的步驟，包括制作結(jié)構(gòu)、添加樣式、重復(fù)樣式的調(diào)用以及兼容性等內(nèi)容。