張萍 柳州市第一職業(yè)技術(shù)學(xué)校

1 引言

互聯(lián)網(wǎng)的發(fā)明將人類帶入信息化時(shí)代，人們物質(zhì)水平獲得極大豐富之后，開始追求精神方面的生活，而互聯(lián)網(wǎng)成為日常生活工作的必需品，甚至影響了人們的溝通交流，信息查詢。網(wǎng)頁(yè)設(shè)計(jì)是互聯(lián)網(wǎng)應(yīng)用的模塊之一，也是人們重要的工作生活工具應(yīng)用。但是傳統(tǒng)的技術(shù)手段存在著種種的弊端和問(wèn)題，嚴(yán)重阻礙了互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)向前，進(jìn)而影響了人們暢快上網(wǎng)體驗(yàn)。因此我們要對(duì)DIV+CSS 技術(shù)布局予以充分重視，進(jìn)行準(zhǔn)確市場(chǎng)定位，加快網(wǎng)頁(yè)開發(fā)，提升網(wǎng)頁(yè)傳輸和下載使用速度，增強(qiáng)開發(fā)人員對(duì)網(wǎng)頁(yè)的管理力度，讓人們?cè)诟煜ず透鲿车牧鞒坍?dāng)中，體驗(yàn)上網(wǎng)的快樂(lè)。

DIV+CSS技術(shù)布局對(duì)于網(wǎng)頁(yè)設(shè)計(jì)非常關(guān)鍵。DIV和CSS在網(wǎng)頁(yè)布局當(dāng)中有著不同的含義，也發(fā)揮著不同的作用。

前者是整體布局的重要組成部分，同時(shí)也是運(yùn)用語(yǔ)言和標(biāo)記的關(guān)鍵元素，為設(shè)計(jì)過(guò)程當(dāng)中應(yīng)需的文檔提供了結(jié)構(gòu)化的背景，也形成了相關(guān)定位技術(shù)。而它在這過(guò)程當(dāng)中發(fā)揮了重要標(biāo)記作用，提供了約束配置和控制，以及保護(hù)文檔的服務(wù)。

后者的含義是層疊樣式表，主要在網(wǎng)頁(yè)設(shè)計(jì)開發(fā)中，是信息標(biāo)記語(yǔ)言，可以準(zhǔn)確控制網(wǎng)頁(yè)頁(yè)面顏色、布局、背景，使得網(wǎng)頁(yè)設(shè)計(jì)更豐富多彩，觸發(fā)設(shè)計(jì)者的靈感，使用戶體驗(yàn)更加明顯而簡(jiǎn)易，增加人們上網(wǎng)的興趣。

二者的結(jié)合，在技術(shù)布局上，更反映了網(wǎng)頁(yè)設(shè)計(jì)的需要，使得網(wǎng)頁(yè)在結(jié)構(gòu)設(shè)計(jì)中，得到了一定程度的規(guī)范，通過(guò)元素分離，讓樣式和內(nèi)容單獨(dú)呈現(xiàn)，依靠?jī)煞N技術(shù)手段，實(shí)現(xiàn)了最終的靈活性，易操作性和美觀性、便捷性。

2 DIV+CSS技術(shù)布局的設(shè)計(jì)作用

2.1 融合于搜索引擎中

搜索引擎在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中的作用毋庸置疑，可隨意也在其中查閱自己想要查閱的內(nèi)容，這是相關(guān)程序設(shè)計(jì)的結(jié)果，可以由少到多地進(jìn)行內(nèi)容查找，當(dāng)內(nèi)容全部查找掃描完畢之后，網(wǎng)頁(yè)會(huì)自動(dòng)跳轉(zhuǎn)為給他網(wǎng)頁(yè)，進(jìn)行下一輪的查找掃描，直到相關(guān)內(nèi)容出現(xiàn)為止。數(shù)據(jù)代碼的使用過(guò)程當(dāng)中，瀏覽和操作比較復(fù)雜，而且還存在多余代碼，這并不利于人們的使用習(xí)慣，自然會(huì)影響人們的使用，而 DIV+CSS技術(shù)可以避免這種情況發(fā)生。因?yàn)樗旧砣ズ?jiǎn)單化，易操作，與搜索引擎融為一體的優(yōu)勢(shì)，極大地提升了網(wǎng)頁(yè)設(shè)計(jì)的便捷程度，以及網(wǎng)頁(yè)運(yùn)行速度，提升了執(zhí)行效率，也為網(wǎng)頁(yè)設(shè)計(jì)提供多樣化開發(fā)思路。

2.2 簡(jiǎn)化網(wǎng)頁(yè)維護(hù)，便于操作

設(shè)計(jì)人員對(duì)網(wǎng)頁(yè)的設(shè)計(jì)采用了原始的辦法，如果要對(duì)網(wǎng)頁(yè)進(jìn)行再版，必須要將原有代碼重新整合，這無(wú)形當(dāng)中，降低了工作效率，增加了網(wǎng)頁(yè)運(yùn)行和維護(hù)的難度，并不利于網(wǎng)頁(yè)設(shè)計(jì)向前發(fā)展。而DIV+CSS技術(shù)對(duì)網(wǎng)頁(yè)設(shè)計(jì)的貢獻(xiàn)率很大，可以實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)更新和重新設(shè)計(jì)的控制，設(shè)計(jì)人員可以利用它對(duì)于部分需要更改的代碼直接設(shè)計(jì)維護(hù)更新，不需要對(duì)整體做改動(dòng)，更不會(huì)對(duì)其他部分造成損害，這就大大提升了工作效率，也為網(wǎng)頁(yè)設(shè)計(jì)布局打下了結(jié)實(shí)的基礎(chǔ)。

2.3 提升傳輸效率

互聯(lián)網(wǎng)的數(shù)據(jù)傳輸比較迅速，但在過(guò)去發(fā)展當(dāng)中，并非如此。傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)只注重頁(yè)面效果，而未注意到數(shù)據(jù)傳輸?shù)乃俣?，網(wǎng)頁(yè)在一定程度上受到了速度影響。DIV+CSS技術(shù)可以使網(wǎng)頁(yè)中的代碼、數(shù)字、文字都能以較快的速度實(shí)現(xiàn)傳輸，并且可過(guò)濾無(wú)效軟件以及不合規(guī)范的信息，在提高視覺沖擊的同時(shí)也加快了數(shù)據(jù)傳播的速度。并且它讓網(wǎng)頁(yè)的布局更具有層次感，提高人們使用的便捷程度。

2.4 增強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)視覺效果

設(shè)計(jì)師利用傳統(tǒng)代碼編輯，造成頁(yè)面圖片文字分辨率較低，視覺效果不佳，并且對(duì)人力的需求更大，而不同設(shè)計(jì)者的設(shè)計(jì)也會(huì)導(dǎo)致網(wǎng)頁(yè)形式存在千差萬(wàn)別，這樣對(duì)網(wǎng)頁(yè)的視覺效果就造成了嚴(yán)重阻礙。DIV+CSS技術(shù)能協(xié)助設(shè)計(jì)師進(jìn)行更合理的網(wǎng)頁(yè)布局，在理念、思想、風(fēng)格、特點(diǎn)方面予以一定的把控，更好地對(duì)網(wǎng)頁(yè)布局作出安排，同時(shí)也提高了相關(guān)視覺信息的分辨率，對(duì)人們視覺化的沖擊帶來(lái)了積極影響。

3 DIV+CSS技術(shù)的具體應(yīng)用

在過(guò)去的網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，因?yàn)樵摷夹g(shù)并不成熟，而我們互聯(lián)網(wǎng)才剛剛萌發(fā)，因此對(duì)于該技術(shù)的使用屬于盲區(qū)，也未發(fā)現(xiàn)該技術(shù)的先進(jìn)性。實(shí)踐證明設(shè)計(jì)者想要進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，必須要對(duì)DIV+CSS技術(shù)加以充分利用，并要對(duì)其優(yōu)勢(shì)有所了解。因?yàn)樵摷夹g(shù)在網(wǎng)頁(yè)結(jié)構(gòu)當(dāng)中做到了一定程度的規(guī)劃，只有充分的了解，才能對(duì)網(wǎng)頁(yè)源代碼進(jìn)行高技術(shù)分析，對(duì)于構(gòu)成要素的影響才會(huì)深遠(yuǎn)，實(shí)現(xiàn)大眾化的設(shè)計(jì)需求，從而對(duì)網(wǎng)頁(yè)的大框架，以及設(shè)計(jì)思路起到一定的控制作用。網(wǎng)頁(yè)設(shè)計(jì)對(duì)網(wǎng)頁(yè)內(nèi)容分析做了有效規(guī)劃，應(yīng)結(jié)合該技術(shù)不斷完善。

3.1 DIV+CSS技術(shù)對(duì)網(wǎng)頁(yè)內(nèi)容規(guī)劃的影響

設(shè)計(jì)者要對(duì)網(wǎng)頁(yè)構(gòu)成要素分析，明確網(wǎng)頁(yè)組成結(jié)構(gòu)。盡管設(shè)計(jì)者有自己的思路，但是在傳統(tǒng)技術(shù)操作起來(lái)并不能滿足大眾的需要，而且越是簡(jiǎn)單的、清晰的內(nèi)容模塊規(guī)劃，更能吸引人群注意力，也是網(wǎng)頁(yè)設(shè)計(jì)的重要環(huán)節(jié)。網(wǎng)頁(yè)內(nèi)容主要存在網(wǎng)頁(yè)頭部、主體、頁(yè)腳和版權(quán)區(qū)域，每一個(gè)部分承擔(dān)不同的作用，呈現(xiàn)不同的內(nèi)容。 而DIV+CSS技術(shù)可以讓設(shè)計(jì)者更清晰地看到網(wǎng)頁(yè)結(jié)構(gòu)，并能準(zhǔn)確把握網(wǎng)頁(yè)布局，獲得更合理的網(wǎng)頁(yè)構(gòu)架，更容易使設(shè)計(jì)者在最短時(shí)間內(nèi)將網(wǎng)頁(yè)設(shè)計(jì)出一目了然的風(fēng)格和效果，提升網(wǎng)頁(yè)設(shè)計(jì)效率，增加網(wǎng)頁(yè)美感。

3.2 DIV+CSS技術(shù)對(duì)網(wǎng)頁(yè)設(shè)計(jì)的影響

該技術(shù)可幫助設(shè)計(jì)者對(duì)于同類信息進(jìn)行合理化的處理，避免冗余信息給人們帶來(lái)視覺疲勞，相反可以將有效的設(shè)計(jì)內(nèi)容呈現(xiàn)出來(lái)，給人們以視覺化的美感沖擊。網(wǎng)頁(yè)設(shè)計(jì)要把握網(wǎng)頁(yè)信息元素，合理安排網(wǎng)頁(yè)信息模塊，簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)，開發(fā)具體流程，并有效地減少設(shè)計(jì)人員的工作量，是該技術(shù)所能提供的最有力的作用支撐。在有效設(shè)計(jì)下，網(wǎng)頁(yè)布局更合理，空間更自然，人們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候，更能方便的看到自己想要看到的信息，實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的最初目的。

3.3 對(duì)網(wǎng)頁(yè)設(shè)計(jì)鏈接的影響

設(shè)計(jì)者在網(wǎng)頁(yè)鏈接設(shè)計(jì)時(shí)，該技術(shù)發(fā)揮了重要作用，不論是靜態(tài)鏈接還是動(dòng)態(tài)鏈接上都有優(yōu)勢(shì)體現(xiàn)。通過(guò)具體操作，讓網(wǎng)頁(yè)開發(fā)更加合理，設(shè)計(jì)更加科學(xué)，工作效率也更加高效，便于人們?cè)诰W(wǎng)絡(luò)上查詢信息，與此同時(shí)也節(jié)約了網(wǎng)頁(yè)的大量空間，并避免了信息遺漏，最大程度提高了網(wǎng)頁(yè)設(shè)計(jì)的效率，進(jìn)而帶動(dòng)了IT產(chǎn)業(yè)發(fā)展。

4 小結(jié)

以上綜述，提到了DIV+CSS技術(shù)對(duì)于網(wǎng)頁(yè)的設(shè)計(jì)開發(fā)，以及網(wǎng)頁(yè)數(shù)據(jù)、鏈接等方面的重要影響。文章一方面對(duì)于該技術(shù)做了闡釋性的介紹，增加了人們對(duì)其的認(rèn)知；另一方面，描述了該技術(shù)在我國(guó)當(dāng)下計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用中的具體作用和影響，并從真實(shí)的網(wǎng)頁(yè)設(shè)計(jì)角度，做了詳細(xì)的分析。其對(duì)互聯(lián)網(wǎng)設(shè)計(jì)人員工作效率的提升，以及設(shè)計(jì)理念的改變，都發(fā)揮著巨大的作用，為我們互聯(lián)網(wǎng)產(chǎn)業(yè)的快速發(fā)展提供了支援性力量，進(jìn)一步方便了人們的生活、工作、學(xué)習(xí)，滿足了時(shí)代發(fā)展需要，促進(jìn)了科技進(jìn)步，也帶動(dòng)了經(jīng)濟(jì)發(fā)展。