事實(shí)上,在使用Dreamweaver等軟件進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)制作時(shí),已經(jīng)開(kāi)始使用Web標(biāo)準(zhǔn)技術(shù)。在Dreamweaver或者其他網(wǎng)頁(yè)編輯器環(huán)境中進(jìn)行網(wǎng)站設(shè)計(jì),實(shí)際上網(wǎng)頁(yè)編輯器會(huì)自動(dòng)為我們編寫(xiě)符合Web標(biāo)準(zhǔn)中各種技術(shù)的代碼段。雖然我們一直在使用編輯器或其他方式編寫(xiě)網(wǎng)頁(yè)標(biāo)準(zhǔn),但這并不意味著我們制作的網(wǎng)頁(yè)就符合標(biāo)準(zhǔn)。真正符合標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì),是指能夠靈活運(yùn)用Web標(biāo)準(zhǔn),將Web內(nèi)容的結(jié)構(gòu)、表現(xiàn)和行為分離——即表現(xiàn)和內(nèi)容的分離。采用最科學(xué)合理的結(jié)構(gòu)搭建網(wǎng)站,使網(wǎng)站易于使用??煽壳乙子诰S護(hù),這是標(biāo)準(zhǔn)設(shè)計(jì)的最終目標(biāo)。本書(shū)的主要目的就是為讀者帶來(lái)一種新的符合該標(biāo)準(zhǔn)的網(wǎng)站編碼設(shè)計(jì)方法。
表現(xiàn)和內(nèi)容分離技術(shù)是當(dāng)前Web標(biāo)準(zhǔn)制定的核心目的。
內(nèi)容是指具體的信息,僅指信息的正文。文本通過(guò)XHTML結(jié)構(gòu)化語(yǔ)言標(biāo)記成各個(gè)部分,如左欄、右欄、新聞列表等。
性能是指信息的表現(xiàn)形式,如字號(hào)、字體、布局等的設(shè)計(jì),稱(chēng)為性能。使用性能和內(nèi)容分離技術(shù)的好處主要在于以下幾個(gè)方面:1.高效率的開(kāi)發(fā)與簡(jiǎn)單維護(hù)
在網(wǎng)站設(shè)計(jì)過(guò)程中,開(kāi)發(fā)者最希望的是高效的開(kāi)發(fā)和簡(jiǎn)單的維護(hù),這是網(wǎng)站開(kāi)發(fā)運(yùn)營(yíng)成本的關(guān)鍵。表現(xiàn)與內(nèi)容分離帶來(lái)的高效開(kāi)發(fā),是指通過(guò)內(nèi)容與表現(xiàn)分離技術(shù),將具體的內(nèi)容與風(fēng)格設(shè)計(jì)分離,使同一個(gè)設(shè)計(jì)可以復(fù)用。在界面上定義了一個(gè)元素的設(shè)計(jì)風(fēng)格后,通過(guò)設(shè)計(jì)和內(nèi)容的分離,設(shè)計(jì)風(fēng)格代碼可以在另一個(gè)信息內(nèi)容中復(fù)用。直接套用或繼承此代碼進(jìn)行擴(kuò)展,達(dá)到復(fù)用設(shè)計(jì)風(fēng)格的理念是的,這樣可以減少重復(fù)的代碼編寫(xiě),加快開(kāi)發(fā)效率。
樣式代碼復(fù)用方式在維護(hù)上也起到了事半功倍的作用。通過(guò)修改同一個(gè)代碼段,可以同時(shí)改變復(fù)用代碼所有區(qū)域的樣式,從而使維護(hù)變得簡(jiǎn)單高效。值得注意的是,由于內(nèi)容和表現(xiàn)的分離,風(fēng)格設(shè)計(jì)者可以專(zhuān)注于風(fēng)格的表現(xiàn),而無(wú)需重復(fù)定義風(fēng)格內(nèi)容,大大提高了可讀性和可維護(hù)性。
樣式代碼復(fù)用方式在維護(hù)上也起到了事半功倍的作用。通過(guò)修改同一個(gè)代碼段,可以同時(shí)改變復(fù)用代碼所有區(qū)域的樣式,從而使維護(hù)變得簡(jiǎn)單高效。值得注意的是,由于內(nèi)容和表現(xiàn)的分離,風(fēng)格設(shè)計(jì)者可以專(zhuān)注于風(fēng)格的表現(xiàn),而無(wú)需重復(fù)定義風(fēng)格內(nèi)容,大大提高了可讀性和可維護(hù)性。2.信息跨平臺(tái)的可用性
通過(guò)將內(nèi)容與設(shè)計(jì)分開(kāi),我們可以使信息以更低的成本跨平臺(tái)轉(zhuǎn)換。
由于內(nèi)容和設(shè)計(jì)已經(jīng)分離,樣式可以替換為其他設(shè)備,例如掌上電腦或游戲控制臺(tái)終端。我們只需要更換一個(gè)樣式設(shè)計(jì)文件就可以在另一臺(tái)設(shè)備上有不同的樣式來(lái)適應(yīng)不同的樣式。設(shè)備的屏幕要求。網(wǎng)頁(yè)內(nèi)容無(wú)需更改。
我們專(zhuān)注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!