網(wǎng)頁設(shè)計(jì)中DlV+CSS布局技術(shù)的應(yīng)用實(shí)踐探討

劉小艮

摘要：隨著我國(guó)經(jīng)濟(jì)的不斷發(fā)展，我國(guó)的IT行業(yè)得到了有效的發(fā)展。網(wǎng)頁設(shè)計(jì)是IT行業(yè)領(lǐng)域中發(fā)展中重要的組成部分，其中DIV+CSS布局技術(shù)是網(wǎng)頁設(shè)計(jì)和開發(fā)過程中重要的技術(shù)組成部分。文章對(duì)網(wǎng)頁設(shè)計(jì)中DIV+CSS布局技術(shù)的應(yīng)用和實(shí)踐進(jìn)行了分析和闡述，并且對(duì)DIV+CSS布曷技術(shù)的表現(xiàn)、內(nèi)容、代碼、搜索等形式進(jìn)行了一定程度的研究，以此促進(jìn)IT行業(yè)領(lǐng)域中網(wǎng)頁設(shè)計(jì)、開發(fā)的長(zhǎng)遠(yuǎn)發(fā)展。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；DIV+CSS布局技術(shù)；應(yīng)用

在進(jìn)入21世紀(jì)以后，我國(guó)逐漸向信息化發(fā)展，人們的日常生活水平也得到了有效的提高，互聯(lián)網(wǎng)也成為人們?cè)谌粘Ｉ睢⒐ぷ髦斜夭豢缮俚墓ぞ撸蔀槿藗冊(cè)诮涣鳌⑿畔⒉檎业闹匾緩街甠。在互聯(lián)網(wǎng)的發(fā)展過程中，網(wǎng)頁設(shè)計(jì)、開發(fā)是人們使用互聯(lián)網(wǎng)工作和生活的重要工具，其中DIV+CSS的布局技術(shù)在網(wǎng)頁設(shè)計(jì)和開發(fā)的過程中占有重要的地位。但是在傳統(tǒng)的網(wǎng)頁布局技術(shù)運(yùn)用的過程中，出現(xiàn)了很多隱藏的弊端，并在發(fā)展的過程中逐漸顯現(xiàn)出來。同時(shí)，在這樣的情況下，IT行業(yè)在網(wǎng)頁設(shè)計(jì)、開發(fā)過程中，對(duì)DIV+CSS布局技術(shù)給予了高度的重視，并且也得到IT行業(yè)的廣泛應(yīng)用。DIV+CSS布局技術(shù)也是網(wǎng)頁設(shè)計(jì)、開發(fā)過程中一種較為流行的技術(shù)和術(shù)語，開發(fā)人員通過利用DIV+CSS布局技術(shù)對(duì)網(wǎng)頁設(shè)計(jì)過程中的對(duì)象進(jìn)行準(zhǔn)確的定位，從而增加了網(wǎng)頁在使用過程中的效果和傳輸、下載速度，也在最大程度上方便了開發(fā)人員對(duì)網(wǎng)頁維護(hù)和更新的操作流程。

1網(wǎng)頁設(shè)計(jì)中DIV+CSS布局技術(shù)的含義

在網(wǎng)頁開發(fā)的過程中，DIV+CSS技術(shù)布局占有重要的地位。其實(shí)DIV+CSS技術(shù)也可以分開來說，DIV，CSS在網(wǎng)頁布局的過程中，所代表的含義和意義也是不一樣的，下面對(duì)DIV+CSS布局技術(shù)的含義進(jìn)行了分析：

第一，DIV是DIV+CSS布局技術(shù)中的重要組成部分，也是網(wǎng)頁設(shè)計(jì)和開發(fā)過程中重要的應(yīng)用語言和標(biāo)記元素，為網(wǎng)頁設(shè)計(jì)、開發(fā)過程中的文檔，提供了網(wǎng)頁中的布局結(jié)構(gòu)和網(wǎng)頁的背景，在網(wǎng)頁設(shè)計(jì)、開發(fā)的過程中也可以將DIV稱為定位技術(shù)。DIV在起始和結(jié)束的過程中都進(jìn)行了一定標(biāo)記，并且都是網(wǎng)頁設(shè)計(jì)、開發(fā)過程中的文檔構(gòu)成服務(wù)的，DIV對(duì)網(wǎng)頁設(shè)計(jì)和開發(fā)過程中的一些元素進(jìn)行了有效的控制。

第二，CSS的全稱是Cascading Style Sheet，按照中文翻譯為層疊樣式表，是在網(wǎng)頁設(shè)計(jì)、開發(fā)過程中，網(wǎng)頁形式和網(wǎng)頁信息之間的一種標(biāo)記語言。在網(wǎng)頁設(shè)計(jì)的過程中，DIV+CSS布局技術(shù)中的CSS技術(shù)可以準(zhǔn)確控制網(wǎng)頁中的頁面的顏色、布局、背景等，網(wǎng)頁中的頁面效果更加的豐富，并且開發(fā)人員在進(jìn)行網(wǎng)頁設(shè)計(jì)的過程中，操作流程也相對(duì)簡(jiǎn)單，也使網(wǎng)頁中的語言更加簡(jiǎn)潔化。

第三，DIV+CSS布局技術(shù)在某種程度上將也是XHTMDCSS技術(shù)。人們?cè)谑褂镁W(wǎng)頁文檔的過程中，對(duì)網(wǎng)頁中的結(jié)構(gòu)也在進(jìn)行了一定程度上的規(guī)范。DIV+CSS布局技術(shù)將網(wǎng)頁設(shè)計(jì)中的結(jié)構(gòu)進(jìn)行了一定的規(guī)范化，將頁面中元素進(jìn)行了一定的規(guī)整，使頁面中的樣式和內(nèi)容分離，成為一個(gè)單獨(dú)的個(gè)體。并且在將2種技術(shù)合為1種技術(shù)的過程中，可以使網(wǎng)頁在操作的過程中，更加靈活、方便。

2 DIV+CSS布局技術(shù)在網(wǎng)頁設(shè)計(jì)中的作用

2.1和搜索引擎可以相互融合

搜索引擎在網(wǎng)頁設(shè)計(jì)的過程中起到了重要的作用，是根據(jù)Spider程序查找互聯(lián)網(wǎng)中的內(nèi)容。Spider程序一般是由少到多地進(jìn)行網(wǎng)頁內(nèi)容的查找，等到將所有的內(nèi)容查找掃描后，引入到其他網(wǎng)頁中，然后訪問網(wǎng)頁頁面，重復(fù)掃描、更新，直到內(nèi)容出現(xiàn)為止。在使用傳統(tǒng)的數(shù)據(jù)代碼的過程中，在內(nèi)容瀏覽和操作時(shí)不僅復(fù)雜，多余的代碼也較多，但是在DIV+CSS布局技術(shù)中，可以將瀏覽和操作的流程相對(duì)地簡(jiǎn)單化，并且在搜索內(nèi)容的過程中，時(shí)間也相對(duì)較短，其執(zhí)行的效率也相應(yīng)提高。另外，在DIV+CSS布局技術(shù)的應(yīng)用過程中，將代碼也進(jìn)行了一定程度的簡(jiǎn)化，和搜索引擎配合良好。這樣，不僅提高了網(wǎng)頁設(shè)計(jì)中的執(zhí)行的效率，也有效提高了網(wǎng)頁設(shè)計(jì)、開發(fā)過程中的質(zhì)量。

2.2簡(jiǎn)化了網(wǎng)頁維護(hù)、更新等操作流程

設(shè)計(jì)人員在對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)、開發(fā)的過程中，利用Table對(duì)網(wǎng)頁進(jìn)行版本的更新設(shè)計(jì)時(shí)，需要對(duì)網(wǎng)頁中所有的代碼進(jìn)行一定程度上的整合，這樣造成網(wǎng)頁維護(hù)和更新的工作效率在一定程度上的降低。但是，隨著時(shí)代的不斷發(fā)展，我國(guó)IT行業(yè)將DIV+CSS布局技術(shù)有效地應(yīng)用到網(wǎng)頁設(shè)計(jì)。更新、維護(hù)的過程中，在一定程度上降低了網(wǎng)頁中的內(nèi)容，并利用DIV+CSS布局技術(shù)進(jìn)行一定程度上的控制。當(dāng)設(shè)計(jì)人員對(duì)網(wǎng)頁中的某一個(gè)部分進(jìn)行一定程度上的更新時(shí)，可以有效地提出這部分內(nèi)容和代碼，設(shè)計(jì)該區(qū)域代碼，設(shè)計(jì)人員利用DIV+CSS布局技術(shù)對(duì)網(wǎng)頁進(jìn)行設(shè)St.維護(hù)、更新，對(duì)其他部位也不會(huì)造成任何的損傷。

2.3加強(qiáng)了傳輸?shù)男?/p>

在傳統(tǒng)的網(wǎng)頁設(shè)計(jì)的過程中，往往只注重網(wǎng)頁頁面的效果和帶給人們的視覺沖擊，在這種情況下，設(shè)計(jì)人員在網(wǎng)頁中的傳輸效率較慢，也給網(wǎng)頁使用帶來一定程度上的影響。但是設(shè)計(jì)人員在使用DIV+CSS布局技術(shù)進(jìn)行網(wǎng)頁設(shè)計(jì)、開發(fā)的過程中，可以對(duì)網(wǎng)頁中的代碼、文字、圖片進(jìn)行靈活的設(shè)計(jì)，設(shè)計(jì)人員利用網(wǎng)頁中的過濾軟件，取代了圖片帶給網(wǎng)頁的視覺沖擊。同時(shí)，DIV+CSS布局技術(shù)也將網(wǎng)頁中的中體布局分為不同的層次，在網(wǎng)頁開始使用的過程中，無需將網(wǎng)頁的內(nèi)容儲(chǔ)存到一個(gè)較大的表格中，這樣在一定程度上加快了網(wǎng)頁的傳輸效率，在人們的日常生活、工作使用的過程中最大程度地提高了便利性。

2.4有效地提高了網(wǎng)頁設(shè)計(jì)中的視覺效果

軟件設(shè)計(jì)人員在進(jìn)行網(wǎng)頁設(shè)計(jì)、開發(fā)的過程中，利用傳統(tǒng)的Table對(duì)代碼進(jìn)行整合，在網(wǎng)頁的頁面中，圖片、文字等效果的分辨率并不高，頁面的效果并不是很好，同時(shí)在設(shè)計(jì)的過程中，需要大量的設(shè)計(jì)人員。不同的設(shè)計(jì)人員所設(shè)計(jì)的網(wǎng)頁形式也是不同的，這樣對(duì)人們使用的網(wǎng)頁造成了一定程度上的影響。但是，在DIV+CSS布局技術(shù)對(duì)網(wǎng)頁設(shè)計(jì)、開發(fā)的背景下，DIV+CSS布局技術(shù)能夠有效地統(tǒng)一設(shè)計(jì)人員的設(shè)計(jì)理念、風(fēng)格、特點(diǎn)等，并且DIV+CSS布局技術(shù)可以有效控制網(wǎng)頁中的結(jié)構(gòu)，提高了頁面中圖片、文字的分辨率，也給人們?cè)谑褂镁W(wǎng)頁的過程中帶來一定程度上的視覺沖擊。