高校門戶網(wǎng)站設(shè)計(jì)中DIV與CSS布局技術(shù)的應(yīng)用研究

申永芳

（山西國(guó)際商務(wù)職業(yè)學(xué)院 山西·太原 030031）

高校作為人才培養(yǎng)的搖籃，門戶網(wǎng)站的設(shè)計(jì)水平直接關(guān)系到整個(gè)高校的自身形象，也在一定程度上反映了高校的辦學(xué)水平和教學(xué)特色。在門戶網(wǎng)站設(shè)計(jì)工作中，需要確保對(duì)門戶網(wǎng)站中的各個(gè)模塊進(jìn)行合理的布局，通過合理的布局，不僅能夠給人們帶來耳目一新的感受，而且能幫助人們更加方便的訪問與瀏覽高校的門戶網(wǎng)站，從而更加便捷、直觀的獲取到所需信息。DIV 與CSS 技術(shù)是高校門戶網(wǎng)站設(shè)計(jì)中的重要布局工具，通過布局技術(shù)的應(yīng)用，可使網(wǎng)站的代碼設(shè)計(jì)變得更加簡(jiǎn)潔，從而便于網(wǎng)站的維護(hù)，顯著提高網(wǎng)站頁面的下載速度，提高用戶的體驗(yàn)度及網(wǎng)站信息的宣傳作用。以下便對(duì)DIV與CSS的概念、應(yīng)用優(yōu)勢(shì)及具體應(yīng)用進(jìn)行相應(yīng)的研究。

一、DIV與CSS的概念

（一）DIV簡(jiǎn)介

DIV 是區(qū)塊容器，它能夠?qū)υ貐^(qū)域進(jìn)行封閉，可將其理解為行級(jí)區(qū)域的范疇，它類似于一種容器、盒子，該容器能夠?qū)⒈砀?、圖片、段落、文本等元素容納于其中，在高校門戶網(wǎng)站設(shè)計(jì)中，常常利用DIV 技術(shù)來對(duì)網(wǎng)站頁面的整體進(jìn)行分塊布局，即每個(gè)網(wǎng)頁可以分割為多個(gè)DIV 盒子進(jìn)行布局。

（二）CSS技術(shù)

CSS 又被叫做層疊樣式表，它作為一種擴(kuò)展樣式標(biāo)準(zhǔn)，能夠有效補(bǔ)充HTML 的樣式編排功能，從而擴(kuò)充HTML 標(biāo)記屬性，并可利用JavaScript 程序來控制HTML 的樣式編排功能，進(jìn)而實(shí)現(xiàn)對(duì)網(wǎng)頁的合理布局與外觀設(shè)計(jì)，使網(wǎng)頁更具美觀性。

CSS 通?？梢允褂萌N方式引入到HTML 文檔中，其中最常用的是內(nèi)嵌式和外鏈?zhǔn)健Ｓ捎跒g覽器是從上到下解析代碼的，因此要將CSS 代碼放到頭部，以方便解析和下載。內(nèi)嵌式主要通過的HTML的頭部標(biāo)記中加入