第一篇：DIV CSS在計算機網(wǎng)頁設(shè)計中的運用

DIV+CSS在計算機網(wǎng)頁設(shè)計中的運用

【摘 要】互聯(lián)網(wǎng)發(fā)展至今，網(wǎng)絡(luò)已經(jīng)成為人們生活的重要部分，各色網(wǎng)站層出不窮，眾多網(wǎng)頁各有千秋。本文從計算機網(wǎng)頁設(shè)計中的布局入手，分析了傳統(tǒng)網(wǎng)頁布局的局限性，介紹了計算機網(wǎng)頁中典型的 “DIV+CSS”布局方式。通過對DIV 和CSS 技術(shù)的研究，介紹了DIV+CSS布局方法及其優(yōu)勢，為計算機網(wǎng)頁設(shè)計提供思路。

【關(guān)鍵詞】DIV；CSS；計算機網(wǎng)頁；布局

一、前言

傳統(tǒng)的計算機網(wǎng)頁布局的方法主要有框架布局和表格布局?？蚣懿季直容^靈活，若有效運用，則能使網(wǎng)頁更整潔、清晰。但是，對于內(nèi)容多、布局復(fù)雜的網(wǎng)站，不宜采用框架布局，因為，過多的框架會影響網(wǎng)頁下載所需的時間，影響網(wǎng)頁的讀取速度，而且瀏覽器對框架結(jié)構(gòu)的兼容性也不是很好。

表格是計算機網(wǎng)頁設(shè)計制作中的一個重要網(wǎng)頁元素，用來對網(wǎng)頁進行排版，使頁面的信息布局合理、簡潔。但是表格排版也存在以下的問題：

1.用表格排版的頁面很難再修改或升級。當頁面制作完成后，如果要將其中的某些位置對調(diào)，那么表格排版的工作量相當于重新制作一個頁面。而CSS排版利用position和float屬性可以輕松地移動和重新定位各個塊，實現(xiàn)讓用戶動態(tài)選擇界面的功能。

2.用表格排版的頁面在下載時必須等整個表格的內(nèi)容都下載完畢后才會一次性顯示出來，而利用DIV+CSS排版的頁面在下載時，各個子塊可以分別下載顯示，從而提高了頁面的下載速度。

3.復(fù)雜的表格設(shè)計使得設(shè)計極為不易，修改更為復(fù)雜，最后生成的網(wǎng)頁代碼除了表格本身的代碼，還有許多沒有任何意義的圖像占位符及其他元素，文件量龐大，最終導(dǎo)致瀏覽器下載及解析速度變慢，網(wǎng)站的維護和更新困難。

二、DIV和CSS的具體內(nèi)容

DIV元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供布局的結(jié)構(gòu)和背景。它是HTML中的一個標簽，此標簽的作用就是定位網(wǎng)頁內(nèi)容中的圖片、文字、視頻等相關(guān)信息。一般我們也叫為DIV層定位。

CSS（cascading style sheet），層疊樣式表，是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁分離的一種標識性語言。CSS 是 1996由W3C 審核通過，并且推薦使用的。CSS 的引入就是為了使 HTML語言更好的適應(yīng)頁面的美工設(shè)計。它以 HTML語言為基礎(chǔ)，提供了豐富的格式化功能，如字體、顏色、背景和整體排版等，并且網(wǎng)頁設(shè)計者可以針對各種可視化瀏覽器（包括顯示器、打印機、打字機、投影儀和 PDA 等）來設(shè)置不同的樣式風(fēng)格。CSS的引入引發(fā)了網(wǎng)頁設(shè)計一個又一個的新高潮。使用CSS設(shè)計的優(yōu)秀頁面層出不窮。

DIV+CSS布局方式使網(wǎng)頁結(jié)構(gòu)和外觀相分離，極大地簡化了代碼，而且使站點加載的速度變得快捷、維護也更加方便，無疑對傳統(tǒng)布局的網(wǎng)頁方式造成了極大的沖擊。除此之外，DIV+ CSS布局方式的使用，使傳統(tǒng)的網(wǎng)頁布局的不足得到很好的彌補，當前國內(nèi)多數(shù)比較著名的網(wǎng)站都利用此類方式方法進布局，給用戶帶來了全新的體驗?zāi)Ｊ健?/p>

三、DIV+CSS設(shè)計計算機網(wǎng)頁布局

采取DIV和CSS的網(wǎng)頁布局結(jié)構(gòu)，首先需要用DIV來分塊，定義語義結(jié)構(gòu)；然后用CSS來定位和添加樣式，如浮動、位置、對齊屬性、加入背景等；最后在這個CSS定義的各個塊中添加相應(yīng)的樣式，如文字、圖片等。下面通過一個布局實例介紹使用DIV+CSS布局網(wǎng)頁的基本方法。

首先，把網(wǎng)頁區(qū)分成不同的三個區(qū)塊，包括header、content（其中有main主體區(qū)域，并將main主體部分分為兩個區(qū)域lside和rside）、footer三個區(qū)域，分別作為網(wǎng)頁的頭部、內(nèi)容和版權(quán)區(qū)域。編寫HTML部分文檔代碼如下：

第二篇：平面構(gòu)成在網(wǎng)頁設(shè)計中的運用

平面構(gòu)成在網(wǎng)頁設(shè)計中的運用

易 星

目前，中國互聯(lián)網(wǎng)的發(fā)展已經(jīng)形成相當規(guī)模，據(jù)中國互聯(lián)網(wǎng)網(wǎng)絡(luò)信息中心（CNNIC）報告顯示，預(yù)計中國網(wǎng)民數(shù)量在未來5年后將要超過美國，互聯(lián)網(wǎng)已是繼報紙、廣播、電視等之后的第六大媒介。

隨著互聯(lián)網(wǎng)的發(fā)展，各類網(wǎng)站有如雨后春筍般。然而，有的站點日訪問量高達幾千萬人次，而有的站點訪問者寥寥無幾。究其原因，訪問量大的站點，除資源豐富外，網(wǎng)站的策劃和精美的外觀也是吸引訪問者的重要因素。所以將美的形式規(guī)律和平面構(gòu)成的手法結(jié)合到網(wǎng)頁設(shè)計中，是當前網(wǎng)頁設(shè)計的重要理論依據(jù)。

一、當網(wǎng)頁設(shè)計遇上平面構(gòu)成

（一）了解網(wǎng)頁設(shè)計

網(wǎng)頁有如門面，小到個人主頁，大到政府及國際組織等，是構(gòu)成一個網(wǎng)站的最基本單位。而網(wǎng)頁實際上只是一個純文本文件，它通過各種標記對頁面上的元素進行描述（如顏色、大?。?，網(wǎng)頁上傳到互聯(lián)網(wǎng)之后再由用戶的瀏覽器對這些標記進行解釋并生成頁面，于是便有了現(xiàn)在千姿百態(tài)、百花齊放的互聯(lián)網(wǎng)絡(luò)。

打開一個網(wǎng)站，首先映入眼簾的是該網(wǎng)頁的界面，如按鈕的擺放、文字的組合、色彩的應(yīng)用等等，這些都是網(wǎng)頁設(shè)計的范疇。其實在網(wǎng)絡(luò)剛興起時，沒有太多視覺設(shè)計的概念，很多網(wǎng)站都是程序員用HTML語言設(shè)計出只有功能取向的網(wǎng)頁，那時候網(wǎng)頁無法一邊寫一邊觀看，只能寫好后到瀏覽器上執(zhí)行，所以程式設(shè)計常常無法和基本的美觀結(jié)合在一起。然而，在一個個可視化的網(wǎng)頁編輯器相繼問世，特別是許多平面設(shè)計師投入網(wǎng)頁設(shè)計的行列后，整個網(wǎng)頁視覺設(shè)計的行業(yè)起了重大的變化！

隨著這幾年網(wǎng)絡(luò)的飛速發(fā)展及人們對美的不斷追求，網(wǎng)頁設(shè)計逐漸受到人們的重視，形式了一門新興的學(xué)科。簡單的講，網(wǎng)頁設(shè)計就是從審美入手，結(jié)合平面設(shè)計的特點，運用平面構(gòu)成中的基本形式到網(wǎng)頁中，讓網(wǎng)頁更加富有美感。例如將平面構(gòu)成中的節(jié)奏與韻律、骨格與肌理溶入到網(wǎng)頁中，會使內(nèi)容繁多的頁面更加有條理、主次分明，因此對平面構(gòu)成的掌握與了解是關(guān)系到網(wǎng)頁成功與否的重要基礎(chǔ)。

（二）了解平面構(gòu)成

藝術(shù)設(shè)計是人類文明的重要部分，涵蓋了當代人類生活的各個領(lǐng)域。構(gòu)成是一個近代造型概念，含義是指將不同或相同形態(tài)的幾個單元重新組合成為一個新的單元，是以研究視覺語言的特性、構(gòu)成原理以及審美規(guī)律為目的，重在研究和分析視覺的形態(tài)、空間、運動、比例等因素的變化和形式。

平面構(gòu)成的認識源于自然科學(xué)和哲學(xué)認識論的發(fā)展，是建立在量子力學(xué)基礎(chǔ)之上的微觀認識論，這種由宏觀到微觀認識的深化，逐漸影響了造型藝術(shù)的發(fā)展。構(gòu)成觀念早在西方繪畫中就可見其影子，如立體主義繪畫、俄國的構(gòu)成主義、荷蘭的新造型主義，到后來的德國包毫斯設(shè)計學(xué)院的不斷完善發(fā)展，形成一個完整的現(xiàn)代設(shè)計基礎(chǔ)的教學(xué)體系，奠定了構(gòu)成設(shè)計觀念在現(xiàn)代設(shè)計應(yīng)用中的地位和作用。二十世紀七十年代以來，平面構(gòu)成作為一門設(shè)計基礎(chǔ)課程，已廣泛應(yīng)用于工業(yè)設(shè)計、建筑設(shè)計、平面設(shè)計等領(lǐng)域。

（三）何為網(wǎng)頁平面構(gòu)成

平面設(shè)計在網(wǎng)頁設(shè)計中占有相當大的比重，而平面設(shè)計的重要理論基礎(chǔ)則是平面構(gòu)成，所以說，平面構(gòu)成也是網(wǎng)頁設(shè)計的重要理論依據(jù)和知識基礎(chǔ)。

在一堆雜志中，人們往往會拿起色彩豐富、圖片艷麗、結(jié)構(gòu)清晰的那本。同樣，一個布局合理、重點突出、富有美感的網(wǎng)頁，它不但能吸引用戶點擊，更能夠完美表達網(wǎng)頁的創(chuàng)意思維。所以，平面構(gòu)成的出現(xiàn)，不得不讓我們對單調(diào)、乏味、缺乏美感的HTML頁面進行反思，為了拓展網(wǎng)頁設(shè)計的藝術(shù)視覺，豐富網(wǎng)頁設(shè)計的思維及表現(xiàn)手段，我們引進了網(wǎng)頁平面構(gòu)成的理論，這有點類似于傳統(tǒng)平面設(shè)計中的構(gòu)成理論，一般包含風(fēng)格策劃、頁面構(gòu)圖、布局與色彩等方面，我們不妨將平面構(gòu)成理論作為網(wǎng)頁設(shè)計的理論指導(dǎo)，即“網(wǎng)頁平面構(gòu)成”。把網(wǎng)頁設(shè)計看成是平面設(shè)計的一種審美方式的延伸，而點線面作為平面構(gòu)成中的基本元素，在網(wǎng)頁中巧妙地互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果，完美表達設(shè)計意境。因此，網(wǎng)頁設(shè)計作為一種視覺設(shè)計，特別講究編排和布局，雖然主頁設(shè)計不同于平面設(shè)計，但它們有著許多相近之處，如：對比、漸變和節(jié)奏美、韻律美，圖/底關(guān)系或通過文字與圖形的組合形成空間上的立體感。所以，靈活運用平面構(gòu)成中的各種手法，通過頁面各元素之間的有序排列使瀏覽者達到某種共鳴產(chǎn)生一種和諧的美感。

平面構(gòu)成是一種設(shè)計語言，已為當今社會各個藝術(shù)設(shè)計領(lǐng)域所應(yīng)用，它以一個全新的造型觀念，給我們的網(wǎng)頁設(shè)計注入新鮮的血液。

二、為網(wǎng)頁設(shè)計注入新的血液

（一）人性化的網(wǎng)頁設(shè)計與策劃

“人們總以為設(shè)計有三維：美學(xué)、技術(shù)和經(jīng)濟，然而更重要是第四維：人性?！?-----美國設(shè)計師普羅斯

人類的藝術(shù)設(shè)計是一種審美活動，設(shè)計的任務(wù)是要實現(xiàn)設(shè)計者或用戶的意圖。網(wǎng)頁設(shè)計是指設(shè)計師將客戶要表現(xiàn)的主題和達到的效果，組合頁面元素，通過藝術(shù)手法創(chuàng)造出符合大眾審美觀的界面。開始進行網(wǎng)頁設(shè)計前，需要做很多調(diào)查，如客戶的需求、站點的性質(zhì)等，這些要求的不同設(shè)計出的網(wǎng)頁也會不同，用現(xiàn)在最時髦的話來講就是更具有人性化。

在網(wǎng)絡(luò)的虛擬世界，互聯(lián)網(wǎng)提供了天下大同的機會，充斥著無數(shù)站點，然而大多數(shù)網(wǎng)站的設(shè)計都缺乏靈魂和主旨，頁面結(jié)構(gòu)都比較松散、混亂，其原因就在于缺乏有效的策劃。因此要想使你的網(wǎng)站從那些數(shù)不清的站點中脫穎而出，就必須對整個站點作好統(tǒng)籌規(guī)劃，對所有的內(nèi)容進行斟酌，再合理組織頁面結(jié)構(gòu)與色彩。

首先，了解一下同類站點的風(fēng)格、特色，吸取他們的長處，找出自己的優(yōu)勢，做好市場調(diào)查，明確自己網(wǎng)站的主題、規(guī)模、主要特色及主要受眾目標，再確定整個網(wǎng)站的整體風(fēng)格。其次，網(wǎng)頁的制作，設(shè)計者先要在紙上用筆畫出大概的設(shè)計草圖，等待客戶確認后，才用計算機繪圖軟件畫出平面效果圖（色彩與頁面結(jié)構(gòu)），之后才能投入實際的制作。

（二）網(wǎng)頁平面構(gòu)成手法

平面構(gòu)成是一種視覺形象的構(gòu)成，其形態(tài)的抽象性特征和產(chǎn)生不同視覺引導(dǎo)作用的構(gòu)成形式，組成嚴謹而富有節(jié)奏和動感的畫面，營造一種秩序之美、理性之美和抽象之美。其構(gòu)成形式主要有重復(fù)、近似、浙變、變異、對比、集結(jié)、發(fā)射、特異、空間、分割、肌理及錯視等等。它的研究對象主要是在平面設(shè)計中，如何構(gòu)造形象，怎樣處理形象與形象之間的關(guān)系，如何掌握美的形式規(guī)律，并按照美的形式法則，構(gòu)成設(shè)計所需要的圖形。

平面構(gòu)成中最基本的形態(tài)要素是點、線、面，其構(gòu)成要素有大小、方向、明暗、色彩等，以這些基本要素為條件，加以組合構(gòu)成，便會創(chuàng)造出無數(shù)理想的抽象造型。

網(wǎng)頁上的所有元素都可以看作構(gòu)成的基本要素。在一幅成功的作品里，需要點、線、面的共同組合來構(gòu)造整個頁面。通過三者的組合，可以突出頁面上的重要元素，突出設(shè)計的主題，增強美感，讓訪問者在感受美的過程中領(lǐng)會設(shè)計的主旨。

1、構(gòu)成的基本元素點、線、面及其在網(wǎng)頁設(shè)計中的運用

在頁面構(gòu)圖中凡是表現(xiàn)視覺圖形或文字，都可以簡化或趨近于點、線、面的視覺感受。網(wǎng)頁版面中的各種視覺元素正是以點、線、面的形式相互依存、相互作用，組合成各種視覺信息，形成千變?nèi)f化的視覺空間和感受。因此，只有協(xié)調(diào)處理好點、線、面之間的相互關(guān)系，才能設(shè)計出最佳視覺效果的網(wǎng)頁。

（1）點的運用

點是可見的最小的形式單元。在網(wǎng)頁中，點是相互比較而言的，任何一個單獨的細小的形象都可稱之為點：按鈕、字符、小色塊等等。在網(wǎng)頁中合理的安排點的布局，或者在頁面設(shè)計中將某些視覺形象進行點化處理，并運用恰當?shù)臉?gòu)成手法進行版面布局，不但可以協(xié)調(diào)畫面，甚至可以起以畫龍點 睛的作用。圖1為個人主頁，所以在形式上比較輕松活潑。網(wǎng)頁中大面積的空白與中間的四個點形成強烈的對比，而且在點的處理上采用傳統(tǒng)的中國水墨畫的手法，更富有意境。在點的位置安排上也體現(xiàn)了一種節(jié)奏與韻律，形成視覺上的跳躍。

圖１．點的運用（來自004km.cn）

由這兩個典型的例子可以看出，無論是什么樣的法則都源自設(shè)計者本能的審美觀的驅(qū)使，再應(yīng)用到實際當中，當然在設(shè)計時不必十分刻意追求什么法則。應(yīng)該從日常生活中，從自然界的事物中觀察美的規(guī)律，培養(yǎng)構(gòu)圖的藝術(shù)美感。

（五）網(wǎng)頁色彩構(gòu)成

1、色彩的基礎(chǔ)知識

“接天連葉無窮碧，映日荷花別樣紅?！?------楊萬里

每次讀這首詩，閉上眼睛仿佛就能看到：碧波萬頃，微風(fēng)吹拂，滿塘荷葉輕輕搖曳，艷陽下的荷花鮮紅欲滴。這句詩里的“碧”、“紅”其實就是色彩。所以色彩對我們來講是不陌生的，因為我們生活的世界中無處不存在著色彩。色彩以一種特別的方式傳達信息，這些信息會影響觀看者的心理和感受，左右他們的判斷和選擇，色彩對于設(shè)計而言實在太重要。

首先熟悉一下色彩的基本概念，三原色——紅、黃、藍，三間色——橙、綠、紫，三種間色互為“補色”。將圖10中圓環(huán)中的任意一種顏色和黑色、白色、灰色按照不同比例混合就可以得到更多的顏色。例如，當色彩RGB值為（0，0，255）時為純藍色，飽和度100%。隨著飽和度的逐漸降低，顏色會越來越接近灰色。

2、色彩心理

色彩，在不知不覺中作用于人的心理，據(jù)說倫敦泰姆士河附近有一座黑色的橋，它因每年在橋上自殺的人數(shù)驚人而著名，后來人們將 它改成了綠色，自殺人數(shù)劇減。有專家分析，如果將它改成粉紅色、天藍色等更明亮的色彩就可能使自殺人數(shù)將趨于零。圖10．色環(huán)

當你看到色彩時，首先會勾引起對生活的聯(lián)想與情感作用。藍色來自天空和大海，它給人一種心胸開闊，文靜大方的情操。綠色是大自然的顏色，它能令人充滿青春活力。黃色飽含智慧與生命力，讓人顯得年輕有朝氣?？吹桨咨?，使人覺得純潔可愛，而紫色卻有著神秘高雅的感覺，這些對于網(wǎng)頁設(shè)計而言特別重要。我們經(jīng)常說“第一印象最重要”，用戶在訪問網(wǎng)站時的第一印象實際上是來自整個網(wǎng)頁的色彩！

所以色彩具有一定的含義和感情上的象征作用，人類確實存在色彩聯(lián)想的共通性。在炎熱的夏天人們更容易接收藍色的“百事可樂”，而在較為冷的天氣喝紅色的“可口可樂”人是不是更多一點。在我們談到這種象征印象時，不能過于主觀、片面地看問題，人們對色彩的聯(lián)想是相對，不同的色彩組合在一起也會起到不同的效果。

3、合理搭配色彩

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，設(shè)計師根據(jù)和諧、均衡和重點突出的原則，及色彩對人們心理的影響，合理地加以運用。將不同的色彩進行組合、搭配來構(gòu)成豐富的頁面。單純的顏色 并沒有實際的意義，和不同的顏色搭配，它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。但也要考慮到網(wǎng)頁的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁安全色。不同網(wǎng)站應(yīng)當使用不同的色彩方案，與站點的主題相吻合的色彩方案決不僅僅可以讓網(wǎng)站 “更加好看”，更重要的是在訪問者心目中建立對這個網(wǎng)站的感性認識。所以，色彩方案的選擇決不能草率，是網(wǎng)站建設(shè)的第一步。

按照色彩方案中色彩使用方式的不同，可以將色彩方案劃分為幾種常用類型，單色方案、相似色方案、對比色方案等。

（1）單色方案，是指在網(wǎng)頁設(shè)計中使用一種基本顏色，通過調(diào)整這種基本顏色的灰度和亮度來得到更多的顏色。單色方案是一種比較穩(wěn)重的方案，或者說比較保守的方案。給人整潔、經(jīng)典的感覺，商業(yè)網(wǎng)站也比較適合使用此種顏色方案，使訪問者容易建立對網(wǎng)站的信任感。

（2）相似色方案，在色彩圓環(huán)上彼此相鄰的幾種顏色構(gòu)成的配色方案就是相似色方案。例如橙色、橙紅色以及橙黃色就可以組成一個相似色方案。通常，相似色配色方案可以給人非常協(xié)調(diào)的感覺，因此在網(wǎng)站設(shè)計中非常實用。典型的運用方法就是，用一種顏色作為頁面背景，而另外一種在顏色環(huán)中與其相鄰的顏色作為前景色。

（3）對比色方案，把一個顏色和它補色的左右邊的色彩配合起來，可以得到強烈的視覺效果。運用這種方式容易塑造活潑、運動的網(wǎng)頁效果，在設(shè)計時要注意主體色彩的運用，即以一種或兩種色彩為主，其他色彩為輔。

4、色彩構(gòu)成在網(wǎng)頁設(shè)計中的細節(jié)體現(xiàn)

-----中國移動網(wǎng)與MTV網(wǎng)之色彩比較

圖11．中國移動網(wǎng)（來自004km.cn）

圖12．MTV網(wǎng)（來自004km.cn）由兩幅圖比較可以看出，企業(yè)的不同性質(zhì)決定了網(wǎng)頁的用色，首先，中國移動是一家面向全國用戶的大型企業(yè)，他所服務(wù)的對象決定了網(wǎng)頁用色必須考慮到所有用戶的接受能力，必須穩(wěn)重大方，可以看出整個界面采用冷靜開闊的藍色調(diào)，但是頁面色彩卻不單調(diào)，當用戶將鼠標移動到導(dǎo)航欄上，藍色的橫線變成了明快的翠綠色，就這一點小小的細微動作卻增強了用戶的交互性。但整體而言，色彩還是比較單一，穩(wěn)重有余而活力不足，作為一家年輕的企業(yè)，應(yīng)該要有年輕人的活力。所以在大片的藍色中夾雜了鮮艷的橘紅色作為點綴，立刻整個頁面就會顯得比較活潑，再用漸變色豐富了色彩的層次。整體來看是一個比較成功的功能與美感并存的企業(yè)網(wǎng)站。

另外再來看看第二幅圖，感覺立即不一樣了，全黑的底與白色的文字形成視覺上的沖擊力，而頁面中間被等分成四塊，分別用了淡、淺、深三種灰色引起視覺上的分割。并且在色彩上明顯比第一幅圖豐富，有桔色、黃色、綠色、青綠色、紫色等等。這是一家以娛樂服務(wù)為主的網(wǎng)站，他所面向的用戶是以年輕人為主，符合潮流，走在時尚前沿。在用色上也大膽出位，全黑色的底，象征年輕人的叛逆與不羈，以及時尚感較強的紫色和青綠色的搭配更能吸引人的視線。

在細節(jié)上的設(shè)計與處理最能體現(xiàn)一個網(wǎng)站是否成功，可以看出來兩個網(wǎng)頁都是比較注重在這方面 的用色，總的主色調(diào)不變，以豐富多彩的小色塊點綴，起到畫龍點睛的作用。所以一幅比較成功的網(wǎng)頁在色彩的設(shè)計上也要獨具匠心，充分合理的利用細節(jié)，結(jié)合色彩的感情，才可以使作品具有更加深刻的藝術(shù)文化內(nèi)涵，才能夠讓網(wǎng)頁設(shè)計的個性創(chuàng)造和審美意識得到淋漓盡致的展現(xiàn)，設(shè)計出的網(wǎng)頁會更加富有生命力。

三、不同審美文化中的網(wǎng)頁設(shè)計

（一）文化背景對網(wǎng)頁設(shè)計的影響

美學(xué)(Aesthetics)，德文原義為“感性學(xué)”，是一門研究人類審美活動的學(xué)科?！皩彙闭?，看也。通俗地說，就是人們對現(xiàn)實生活中各種美好現(xiàn)象的感受和欣賞，是人類最基本的精神文化活動，因而也最通俗、最具大眾化，在東西方都有著極為悠久的歷史。

21世紀是一個經(jīng)濟飛速發(fā)展的時代，是一個時時事事講求審美格調(diào)的時代，其實審美就是一個民族精神世界的流露。中國的審美觀是中國人的人格、修養(yǎng)、品行、文化、藝術(shù)的高度統(tǒng)一的綜合表現(xiàn)。具有時代的、民族的和階級的烙印。也就是說不同時代、不同民族和不同階級在文化藝術(shù)審美格調(diào)的追求上有著不盡相同的傾向和標準。且不說漢代人如何會在盧浮宮不屑一顧；古希臘人如何會在故宮拂袖而去，就是同為中國的唐漢兩代對美的欣賞都不一致。所以說，各國的地域環(huán)境、氣候條件、經(jīng)濟情況、人文思想不同所形成的審美觀也會不同，從網(wǎng)頁設(shè)計方面來看，各國都有自己的特色。

1、歐美風(fēng)格的網(wǎng)頁設(shè)計

歐美國家進行工業(yè)化比較早，經(jīng)濟相對比亞洲發(fā)達。美國早在二十年代就已經(jīng)是世界上工業(yè)化程度化最高的國家，特別是二戰(zhàn)后，更成為世界上的經(jīng)濟大國。隨后進入90年代，計算機業(yè)迅速發(fā)展，高度的工業(yè)機械化對其網(wǎng)頁設(shè)計也有一定影響，除注重實用性之外特別在細節(jié)元素上的處理更顯精致，網(wǎng)頁的藝術(shù)表現(xiàn)更是別具一格，其中肌理的表現(xiàn)形式獨具特色。另外，美國是一個移民國家，有著一個多元化的社會，其短暫的歷史，自由的人性，在網(wǎng)頁設(shè)計中表現(xiàn)出豐富的幽默感與創(chuàng)造性。圖13中所示：整個網(wǎng)頁由機械化式的線條相互組合構(gòu)成，剛強有力，將金屬的質(zhì)感充分的表現(xiàn)出來。

圖13．歐美網(wǎng)頁中肌理的表現(xiàn)形式（來自004km.cn/fr）

德國則不同，氣候干燥而寒冷，地形復(fù)雜多山的自然環(huán)境造就了嚴肅的德國人，因而，德國設(shè)計更加體現(xiàn)其科學(xué)性和邏輯性，德國網(wǎng)站設(shè)計也充分體現(xiàn)了 “實用”和“簡潔就是美”的觀點，如圖15所示。

圖15．簡單實用的德國網(wǎng)頁（來自004km.cn）20），對字體、字型及字號的選擇除要符合審美標準 外還要考慮到顯示屏的大小，及整個頁面結(jié)構(gòu)的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手機上使用多媒體技術(shù)，使得網(wǎng)頁藝術(shù)設(shè)計的表現(xiàn)力更加豐富。

在未來，網(wǎng)頁的顯示模式將會發(fā)生翻天覆地的變化，不論是在電腦、手機、手表抑或是電視上，我們看到的網(wǎng)頁對美的追求會更加徹底，平面構(gòu)成中的重復(fù)、變異、韻律、連續(xù)以及圖/底關(guān)系處理等，是任何一種設(shè)計的基本原理，盡管處于不同文化背景中的設(shè)計師在運用這些視覺構(gòu)成元素時都不經(jīng)相同，但是，所有的文化都涉及到這些視覺基本要素，都離不開形式美的法則。美與技術(shù)并存將會在未來完美體現(xiàn)，所以，在未來網(wǎng)頁設(shè)計將真正走進每個人的生活，設(shè)計將會不再不拘于形式，更加的靈活，看重的是網(wǎng)頁設(shè)計的靈魂。因而，平面構(gòu)成也就必然成為網(wǎng)頁設(shè)計的重要基礎(chǔ)。

五、主要參考資料

①．毛溪，2003．平面構(gòu)成(第一版)．上海：上海人民美術(shù)出版社，122． ②．李凇，2000．中外美術(shù)對談錄（第一版）．中國工人出版社，2 ③．姜偉，2004．網(wǎng)頁美工傳奇（第一版）．機械工業(yè)出版社，2 ④．徐希景、陳筍，2003．網(wǎng)頁平面構(gòu)成的創(chuàng)意手法分析．福建商業(yè)高等專科學(xué)校學(xué)報，47 ⑤．劉永翔、唐良瑞，2004．網(wǎng)頁設(shè)計中的視覺構(gòu)成分析．北京工商大學(xué)學(xué)報，58 ⑥．楊萍，2005．抽象形、空間、肌理——平面構(gòu)成在教學(xué)實踐中的思考．黔南民族師范學(xué)院學(xué)報，78 15

第三篇：計算機網(wǎng)頁設(shè)計畢業(yè)論文（范文）

計算機網(wǎng)頁設(shè)計畢業(yè)論文

計算機網(wǎng)頁設(shè)計畢業(yè)論文

asp技術(shù)在交互式網(wǎng)頁設(shè)計中的運用

一、asp技術(shù)簡介

asp技術(shù) asp（active server pages動態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代cgi（common gateway interface通用網(wǎng)關(guān)接口）的技術(shù)。目前，internet上的許多基于windows平臺的web站點已開始應(yīng)用asp來替換cgi。簡單地講，asp是一個位于服務(wù)器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式web服務(wù)器應(yīng)用程序，如交互式動態(tài)網(wǎng)頁，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前internet 上的許多站點，仍然提供'靜態(tài)'（static）的主頁內(nèi)容。所謂'靜態(tài)'，指的就是站點的主頁內(nèi)容是'固定不變'的。當瀏覽器通過internet 的http(hypertext transport protocol)協(xié)議，向站點服務(wù)器(web server)要求提供主頁的內(nèi)容時，站點服務(wù)器收到要求后，就傳送原已設(shè)計好的靜態(tài)的html 的文件數(shù)據(jù)給瀏覽器。一個'靜態(tài)'的站點，若要更新主頁的內(nèi)容，必須手動的來更新其html的文件數(shù)據(jù)。而隨著web應(yīng)用的發(fā)展，用戶希望能夠看到根據(jù)要求而動態(tài)生成的主頁，例如響應(yīng)用戶查詢數(shù)據(jù)庫的要求、生成報表等。當在瀏覽器上填好表單(form)的輸入數(shù)據(jù)，以提供http要求時，可以在站點服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個html 文件。

站點服務(wù)器收到要求執(zhí)行的應(yīng)用程序，分析表單(form)的輸入數(shù)據(jù)，將執(zhí)行的結(jié)果以html的格式傳送給瀏覽器。根據(jù)用戶請求生成動態(tài)主頁的傳統(tǒng)方法有cgi、isapi等。cgi是根據(jù)瀏覽器端的http請求激活響應(yīng)進程，每一個請求對應(yīng)一個進程。當同時有很多請求時，程序擠占系統(tǒng)資源，造成效率低下；isapi針對這一缺點進行改進，利用dll（動態(tài)鏈接庫）技術(shù)，以線程代替進程，提高了性能和速度，但要考慮線程的同步問題，而且開發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動態(tài)網(wǎng)頁的技術(shù)java都還存在著另外一個問題，那就是開發(fā)困難，程序的開發(fā)和html寫作是兩個完全不同的過程，需要專門的程序員開發(fā)。而較簡單的開發(fā)技術(shù)如javascript和idc(internet database connector)等功能有限，不敷使用。

asp使用的activex技術(shù)基于開放設(shè)計環(huán)境，用戶可以自己定義和制作組件加入其中，使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴充能力，這是傳統(tǒng)的cgi等程序所遠遠不及的地方。asp與常見的在client端實現(xiàn)動態(tài)主頁的技術(shù)如java applet、activex control、vbscript、javascript等不同，asp中的命令和script語句都是由服務(wù)器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的web頁面并送到瀏覽器；而client端技術(shù)的script命令則是由瀏覽器來解釋執(zhí)行。由于asp是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持asp；同時由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必擔(dān)心別人下載程序從而竊取編程邏輯。

asp通過后綴名為.asp的asp文件來實現(xiàn)，一個.asp文件相當于一個可執(zhí)行文件，因此必須放在web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個url請求發(fā)給web server，如果web server上裝了asp，就調(diào)用asp。asp讀出相應(yīng).asp文件，解釋并執(zhí)行命令，動態(tài)生成一個html頁面回傳web server，然后web server再把結(jié)果發(fā)送給瀏覽器。asp文件的制作和html類似，且和html開發(fā)集成，可以在同一個過程完成，利用asp將可以執(zhí)行的腳本嵌入到html文件中(將html文件的后綴名改為.asp)，這使得html文件的編寫與腳本的開發(fā)融合在一起。通過asp內(nèi)置的對象、服務(wù)器組件（server component）可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。asp比較網(wǎng)關(guān)及服務(wù)器擴展模式有著以下優(yōu)點：

(1)完全與html文件融合在一起；

(2)容易創(chuàng)建，不需要其它編譯、鏈接程序；

(3)面向?qū)ο蟮牟⑼ㄟ^activex server對象可擴展。

二、電子商務(wù)數(shù)據(jù)訪問方式

電子商務(wù)是指通過電子方式，并在網(wǎng)絡(luò)基礎(chǔ)上實現(xiàn)物資、人員過程的協(xié)調(diào)，以便商業(yè)交換的活動。在電子商務(wù)系統(tǒng)中，web提供了與客戶進行通信聯(lián)絡(luò)的有效手段，利用web技術(shù)，實現(xiàn)web服務(wù)器與數(shù)據(jù)庫系統(tǒng)的連接，完成對數(shù)據(jù)的處理與查詢，用戶可以通過操作簡單易學(xué)的瀏

覽器來查詢處理所需要的各種數(shù)據(jù)。實現(xiàn)web服務(wù)器與數(shù)據(jù)庫的連接一般有兩種方法：一種是利用中間件技術(shù)在兩者之間建立連接和通信，如cgi(通用網(wǎng)關(guān)接口)和api(應(yīng)用程序編程接口)。

web服務(wù)器通過調(diào)用cgi程序?qū)崿F(xiàn)與web瀏覽器的交互，即cgi程序接受瀏覽器發(fā)給web服務(wù)器的信息，進行處理后，將相應(yīng)結(jié)果再送回給web服務(wù)器，通過web服務(wù)器將信息傳送給瀏覽器。但cgi程序在響應(yīng)速度和資源利用等方面有較大局限性，客戶端每請求一個cgi程序，服務(wù)器端便打開一個進程，當請求的數(shù)量較大時容易引起瓶頸現(xiàn)象，開發(fā)人員常利用api編程來擴展服務(wù)器功能，api程序占系統(tǒng)資源少，運行效率較高，但它的編程較cgi程序更為復(fù)雜；另一種是由瀏覽器中的java小應(yīng)用程序(java applet)通過瀏覽器訪問web服務(wù)器上的數(shù)據(jù)庫，利用了jdbc(java database connectivity)技術(shù)，它通過jdbc提供的api實現(xiàn)對web server的訪問。由于java applet本身的局限性，目前大多數(shù)的應(yīng)用是基于中間件技術(shù)的。asp也是屬于中間件的一種模式，但在windows平臺上它比較網(wǎng)關(guān)及服務(wù)器擴展模式有著較大的優(yōu)點。網(wǎng)關(guān)的最大特點是它的平臺無關(guān)性，但網(wǎng)關(guān)程序通常較難編寫和改變。網(wǎng)關(guān)程序通常是一個獨立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等語言來編寫?yīng)毩⒌膽?yīng)用程序，而asp應(yīng)用改變了這一點。使用asp不僅可以讀取access和 sql server的數(shù)據(jù)庫，而且還可以讀取其他odbc（open database connect 開放式數(shù)據(jù)庫互聯(lián)）兼容的數(shù)據(jù)庫。

在asp中訪問數(shù)據(jù)庫是通過ado(activex database object活動數(shù)據(jù)對象)及事務(wù)處理語句來實現(xiàn)的。ado是一種操作microsoft所支持的數(shù)據(jù)庫的方法，是一項容易使用并且可擴展的將數(shù)據(jù)庫訪問添加到 web 頁的技術(shù)。ado對象的使用與dao（數(shù)據(jù)訪問對象）、rdo（遠程數(shù)據(jù)對象）的方式相似。在asp中，ado可以看作是一個服務(wù)器組件，更簡單點說，是一系列的對象，應(yīng)用這些功能強大的對象，即可輕松完成對數(shù)據(jù)庫復(fù)雜的操作。

三、asp在電子商務(wù)中的應(yīng)用

在電子商務(wù)中，對用戶而言，進行網(wǎng)上信息查詢的目的是尋找自己需要的產(chǎn)品或服務(wù)，而對于商品或服務(wù)提供者來說，其目的則是向用戶推銷自己的產(chǎn)品或服務(wù)。因此，讓用戶通過瀏覽器查詢服務(wù)器的后端數(shù)據(jù)庫是許多web服務(wù)提供者必需有的服務(wù)，asp通過內(nèi)置的adodb組件來實現(xiàn)這一功能。可以使用ado去編寫緊湊簡明的腳本以便連接到odbc 兼容的數(shù)據(jù)庫和 ole db 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步：

① 創(chuàng)建數(shù)據(jù)庫源名（dsn）adodb通過odbc工作，因此要在odbc中設(shè)置dsn（數(shù)據(jù)源名）。打開windows的'控制面板'，雙擊'odbc'的圖標，然后選擇'文件 dsn '的屬性頁，單擊<添加，選擇數(shù)據(jù)庫驅(qū)動程序，然后單擊'下一步'，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱，然后單擊'下一步'，再單擊'完成'創(chuàng)建數(shù)據(jù)源。

②創(chuàng)建數(shù)據(jù)庫鏈接 鏈接用以保持一些關(guān)于正在訪問的數(shù)據(jù)的動態(tài)信息，以及鏈接者信息。利用adodb的成員函數(shù)open和先前設(shè)定的dsn與數(shù)據(jù)庫連接，其語法如下：

setconnect=server.createobject('adodb.connection')’創(chuàng)建了鏈接對象connect。connect.open('dsn=dsnname；uid=userid；pwd=password')’打開鏈接。dsnname為數(shù)據(jù)源名；userid為用戶名；password為用戶口令。③創(chuàng)建數(shù)據(jù)對象 ado中的數(shù)據(jù)對象通常保存的是查詢結(jié)果。recordset 是ado中最復(fù)雜的對象，有許多屬性和方法，靈活運用，可以達到許多好的效果。其創(chuàng)建方法如下： set recordset =connect.execute(sqtstr)’創(chuàng)建并打開了對象recordset，sqtstr是一個串，代表一條標準的sql語句。例如： sqlstr='select*from b1' set recordset =connect.execute(sqlstr)這條語句執(zhí)行后，對象recordset中就保存了b1中的所有記錄。

④操作數(shù)據(jù)庫 可利用execute方便地執(zhí)行數(shù)據(jù)的插入、修改、刪除等操作。如執(zhí)行插入操作： sqlstr='insert into b1values(1,2)' connect.execute(sqlstr)⑤關(guān)閉數(shù)據(jù)對象和鏈接 在使用了ado對象之后，一定要關(guān)閉數(shù)據(jù)對象和鏈接。在asp中通過調(diào)用方法close實現(xiàn)關(guān)閉。關(guān)閉創(chuàng)建的數(shù)據(jù)對象：record set.close set record set=nothing 關(guān)閉創(chuàng)建的鏈接對象：connect.close set connect=nothing 完整的程序片段：

//產(chǎn)生組件實例

<％

setconnect=server.createobject('adodb.connection')//連接數(shù)據(jù)庫

connect.open('dsn=dsnname;uid=userid;pwd=password')//執(zhí)行查詢

sql=select＊fromtablename setrs=connect.execute(sql)％

//顯示結(jié)果

<％dowhile not rs.eof％

<％=rs(fieldname)％ <％

rs.movenext

loop ％

上述是用asp訪問數(shù)據(jù)庫的全過程，由于應(yīng)用面向?qū)ο笏枷?，所有操作都比較簡單，用戶需要注意的僅是對數(shù)據(jù)結(jié)構(gòu)的了解、當前所操作的對象及對象的屬性等等，只要對這些有了清晰的認識，再加上asp強大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫，實現(xiàn)用戶與頁面間交換信息，就再也不是什么難事了。

第四篇：計算機在物業(yè)管理中的運用

計算機在物業(yè)管理中的運用

尤成

(山東工商學(xué)院管理科學(xué)與工程學(xué)院，山東煙臺，264005)摘要: 隨著計算機技術(shù)的成熟與發(fā)展，計算機已經(jīng)被越來越多的行業(yè)和領(lǐng)域所使用。而和計算機技術(shù)相得益彰的智能化、自動化管理設(shè)備與系統(tǒng)，在物業(yè)管理行業(yè)也被越來越多的接受和運用。本文對計算機在物業(yè)管理中的運用現(xiàn)狀做了簡單描述，并且列出了幾點計算機在物業(yè)管理中的優(yōu)勢。最后，簡述了計算機物業(yè)管理中的開發(fā)方向。

關(guān)鍵詞: 計算機 智能化 物業(yè)管理

隨著科學(xué)技術(shù)的進步和人們對生活品質(zhì)的追求，計算機智能管理技術(shù)正受到越來越多的關(guān)注和發(fā)展，必將成為物業(yè)服務(wù)行業(yè)未來發(fā)展的趨勢?，F(xiàn)在，一些物業(yè)企業(yè)已經(jīng)采用微型計算機、自動控制、通信網(wǎng)絡(luò)、智能卡等技術(shù)，建立由物業(yè)管理中心與安防系統(tǒng)、信息通信服務(wù)管理及智能化系統(tǒng)組成的“三合一”物業(yè)服務(wù)與管理集成系統(tǒng)，使單位擁有一個安全、舒適、溫馨和便利的環(huán)境，使每一位業(yè)主都能享受到有品位的便捷物業(yè)服務(wù)。計算機智能管理已經(jīng)成為現(xiàn)代物業(yè)服務(wù)中不可缺少的必要工具和管理模式。

一、現(xiàn)狀

計算機技術(shù)和各式軟件的發(fā)展和運用，使現(xiàn)代物業(yè)服務(wù)的運作模式和服務(wù)理念悄然發(fā)生改變，因此物業(yè)服務(wù)企業(yè)需要更多的專業(yè)技術(shù)人才和自身的技術(shù)開發(fā)?？墒?，就目前而言，很多物業(yè)企業(yè)對自身技術(shù)進步依然缺少足夠的重視，僅僅運用業(yè)主提供的設(shè)施設(shè)備（甚至因為不會使用而摒棄），缺乏自主創(chuàng)新與進步，依舊進行簡單重復(fù)枯燥乏味的純體力勞動，從而使物業(yè)服務(wù)質(zhì)量受到局限。

在計算機OA系統(tǒng)逐漸普及化的今天，很多物業(yè)企業(yè)也開始在日常工作中將其運用，但是，OA系統(tǒng)在某些物業(yè)企業(yè)完全沒有發(fā)揮其應(yīng)有的功效和作用，僅僅作為一種擺設(shè)。深圳北方物業(yè)的OA系統(tǒng)運用相對比較完善和實用，其運用OA系統(tǒng)進行派工，做到有據(jù)可查，跟蹤完善，便于監(jiān)督和統(tǒng)計。而在自我創(chuàng)新與開發(fā)中，江南大學(xué)后勤服務(wù)管理系統(tǒng)、東吳物業(yè)宿舍智能管理系統(tǒng)、東吳物業(yè)房管理系統(tǒng)等則是一種新的嘗試與發(fā)展。

二、優(yōu)勢

計算機技術(shù)正被越來越多的行業(yè)和領(lǐng)域所運用。會計電算化進程已經(jīng)相對成熟，而且越來越多的專業(yè)考試也開始進行計算機網(wǎng)絡(luò)化、無紙化。所以，現(xiàn)代物業(yè)管理的計算機進程也是不可避免的。計算機之所以能被越來越多的行業(yè)和領(lǐng)域所承認和使用，正因為計算機有著不可比擬的優(yōu)越性。下面僅列出計算機在現(xiàn)代物業(yè)管理中的幾點優(yōu)勢：

1、計算機智能化管理系統(tǒng)和軟件的運用，提高了物業(yè)管理的工作效率。運用計算機管理系統(tǒng)和軟件，可以簡化日常工作中的重復(fù)勞動，而有效運用計算機軟件可以為物業(yè)行業(yè)帶來更多的效益和品質(zhì)。比如無錫師范的學(xué)生宿舍智能電力控制系統(tǒng)，一方面可以控制學(xué)生的高功率用電，保證學(xué)生宿舍的用電安全；另一方面，節(jié)省了定時送電、斷電與用電抄表的人力與時間，并且保證各項數(shù)據(jù)的準確性和及時性。

2、多樣化智能設(shè)備系統(tǒng)的運用，使物業(yè)管理更加自動化、智能化。傳統(tǒng)的設(shè)備管理只可能靠人工現(xiàn)場巡查、看護，而計算機物業(yè)管理系統(tǒng)只需在中央監(jiān)控室便可了解各種設(shè)備的運行狀況，調(diào)節(jié)設(shè)備的運行，并可根據(jù)設(shè)備自動報警信號顯示故障區(qū)，及時到位搶修，確保設(shè)備正常運行。像南曉圖書館中央空調(diào)控制系統(tǒng)，在控制室就能對整個大樓的每個房間進行空調(diào)開啟和關(guān)閉，并能進行溫度監(jiān)控和調(diào)節(jié)。

3、數(shù)據(jù)準確，方便處理與統(tǒng)計。運用計算機進行數(shù)據(jù)收集或處理，只要保證原始輸入數(shù)據(jù)的準確性，在后續(xù)數(shù)據(jù)收集和數(shù)據(jù)修改變化中，系統(tǒng)能夠自主處理對應(yīng)的多處數(shù)據(jù)，不會因為需要多處修改而遺漏。從而保證所有數(shù)據(jù)的準確性，并且能夠滿足數(shù)據(jù)的整合處理和多樣表現(xiàn)形式。比如南郵宿舍智能管理系統(tǒng)，能夠?qū)ψ∷扌畔?、學(xué)生信息、維修情況、床位情況和物業(yè)管理狀況進行準確地數(shù)據(jù)處理和查看，滿足業(yè)主各種要求并提高物業(yè)服務(wù)質(zhì)量。

4、規(guī)范清晰，圖表美觀。計算機物業(yè)管理系統(tǒng)能夠?qū)θ粘Ｎ飿I(yè)管理中的規(guī)范化管理行為進行程式化處理，形成清晰簡單的操作界面。并且能對收集到的數(shù)據(jù)制作成清晰美觀的圖表，方便查看和使用。比如南曉琴房管理系統(tǒng)，在首頁面就能查看琴房使用和使用者情況，并且能夠把一段時間的使用情況制作成Excel表格打印或者直接Email給業(yè)主。

5、協(xié)同辦公，實現(xiàn)網(wǎng)絡(luò)化管理。傳統(tǒng)的物業(yè)管理是自成體系的獨立管理模式。計算機物業(yè)管理則是通過網(wǎng)絡(luò)來實現(xiàn)物業(yè)管理信息的傳遞和交互。通過與其他計算機管理系統(tǒng)的信息交流與互換，從而更方便快捷地學(xué)習(xí)先進的管理方式，來改變自身在管理上存在的漏洞和不足，為業(yè)主提供更好的服務(wù)。

6、便于歸檔、保存和備份，實現(xiàn)無紙化辦公。計算機在物業(yè)管理中形成的資料和檔案，可以存儲在現(xiàn)代技術(shù)介質(zhì)中，比如U盤、移動硬盤、光盤等。相比較傳統(tǒng)的紙質(zhì)文檔，便于保存，攜帶和備份。并且減少辦公過程中的紙張使用，向無紙化辦公目標前進。

三、開發(fā)方向

計算機在我國經(jīng)濟管理的各個方面都得到了廣泛的應(yīng)用，在其他行業(yè)的管理中效果是明顯的。一方面是取得了可計量的直接效果，如節(jié)省了人力，減少了費用，防止損失，增加收益等;另一方面取得的效果是無形的，是無法直接計量的。如提高了企業(yè)的管理水平，提高 了管理人員的素質(zhì)，促進了管理的現(xiàn)代化等，而這些效果的取得正是由于計算機應(yīng)用于企業(yè)管理的各個方面、各個層次的結(jié)果。如決策、計劃、生產(chǎn)過程等。同樣，要使微機在小區(qū)物 業(yè)管理中發(fā)揮其應(yīng)有的效果，就要不斷地拓寬微機在物業(yè)管理中的應(yīng)用范圍，使微機真正成為管理的助手。因此，從微機應(yīng)用范圍的趨勢看，應(yīng)在下述3個方面進行開發(fā)

1.應(yīng)大力開發(fā)物業(yè)管理的規(guī)劃與決策軟件

不言而喻，物業(yè)管理不僅是為房屋及其設(shè)備設(shè)施等進行維修保養(yǎng)，對治安、環(huán)衛(wèi)、小區(qū)綠化等進行定期管理，而且它還要為住戶提供全方位的管理服務(wù)，如建立商場、醫(yī)院、學(xué)校及一些家庭生活上的需求服務(wù)等。這就要涉及到整個物業(yè)管理的規(guī)劃和決策。為此，不僅需 要管理者具備管理經(jīng)驗，還需要依賴管理者對信息的處理、投資理財、大量的原始信息、資料整理以及嚴格的投資計劃可行性分析等能力，如若沒有計算機的協(xié)助處理，管理人員要在 短期內(nèi)提出規(guī)劃和決策方案是相當困難的，而采用微機情況就不一樣了，它可對各種方案進行計算機模擬并加以評價，很快就可以為管理者提供出快捷的科學(xué)決策依據(jù)。開發(fā)出這樣一 套規(guī)劃與決策軟件，馬上會使物業(yè)管理在短時間內(nèi)達到一個較高的水平。

2.應(yīng)大力開發(fā)物業(yè)管理范圍的計劃管理軟件

在計算機模擬結(jié)束和決策方案制定后，管理的任務(wù)就是依據(jù)模擬結(jié)果，選用最佳決策方 案，然后就是具體地執(zhí)行計劃?？梢哉f，包括收集、統(tǒng)計資料在內(nèi)的絕大部分工作都可以由計劃管理軟件來完成。由于物業(yè)管理與服務(wù)項目較多，以往通過人工去制定計劃，還有賴于 對有關(guān)資料的收集、記錄和分析十分繁瑣。若是有了軟件程序使用計算機就可以完成統(tǒng)計預(yù)測，以便管理人員在掌握所需情況后，有的放矢地制訂出房屋、設(shè)備與設(shè)施的維修計劃，通過信息反饋系統(tǒng)，計算機還可對維修計劃執(zhí)行情況，作出統(tǒng)計分析，并且能夠提供房屋、設(shè)備、設(shè)施的完好率、故障率和其他具體情況。開發(fā)出這樣的計劃管理系統(tǒng)軟件，已是計劃管 理工作的多年愿望。

3.應(yīng)大力開發(fā)財務(wù)會計系統(tǒng)軟件

物業(yè)管理作為自主經(jīng)營、自負盈虧、自我發(fā)展的經(jīng)濟實體，其資金的運營狀況是其存在 和發(fā)展的關(guān)鍵。

作為小區(qū)物業(yè)及其物業(yè)管理的資金來源，一方面來自管理服務(wù)收入;另一方面還要開展多種企業(yè)化服務(wù)流動，借以擴寬資金來源渠道。由于小區(qū)物業(yè)管理涉及的業(yè)務(wù)范圍，多而雜，管理人員要詳細、全面了解其資金的收支狀況，并不是件易事，若大力開發(fā)物業(yè)財務(wù)會計 系統(tǒng)軟件，就使物業(yè)管理的財務(wù)狀況一目了然，不僅使管理者對具體業(yè)務(wù)的資金收支狀況了如指掌，而且還可借助計算機進行新的投資計劃決策和及時調(diào)整原有計劃中的失誤。然而，以計算機為信息處理工具，使財務(wù)會計進入全面的電算化編程系統(tǒng)，替代手工核算，尚存在較多的困難，除經(jīng)濟條件的限制外，包括小區(qū)物業(yè)財務(wù)會計在內(nèi)的企業(yè)會計系統(tǒng)不是獨立存 在的系統(tǒng)，它不僅與企業(yè)內(nèi)部發(fā)生直接聯(lián)系，它還要和外部、上級主管、財稅、銀行等發(fā)生經(jīng)濟往來，所以難度很大，但根據(jù)實際需要，大力開發(fā)內(nèi)部財務(wù)會計系統(tǒng)軟件的范圍、目標 是可以積極探索的。

總之，對小區(qū)物業(yè)微機管理與應(yīng)用及其發(fā)展趨勢的認識，應(yīng)持機遇與挑戰(zhàn)并存的態(tài)度。辦公自動化、小區(qū)服務(wù)信息化，是社會科技進步賦予物業(yè)及其物業(yè)管理的歷史必然，是人類社會進入21世紀之后，所要經(jīng)歷的必由之路。但人類社會要全面實現(xiàn)電腦社會，矛盾也是客觀存在的。迎接挑戰(zhàn)，探索適合小區(qū)物業(yè)微機管理的新路，應(yīng)是我們追求的最終目標。

近年來，隨著我國自動化設(shè)備和智能管理系統(tǒng)的大量涌現(xiàn)，計算機在物業(yè)行業(yè)的運用也越來越多，成為物業(yè)管理自動化、智能化的現(xiàn)代管理手段。物業(yè)管理公司已不能再簡單沿用計劃經(jīng)濟時代落后的管理模式，而應(yīng)與時俱進、努力創(chuàng)新，認識到高新技術(shù)和全新服務(wù)理念在保證物業(yè)服務(wù)正常運轉(zhuǎn)過程中所起到的不可替代的作用。為業(yè)主創(chuàng)造一種從物質(zhì)到精神的理想生活氛圍，進而提高人們的精神文明素質(zhì)并展現(xiàn)當代物業(yè)的人文風(fēng)貌。

參考文獻

[1] 王保和.試論物業(yè)管理智能化發(fā)展趨勢[J].山西建筑，2010，20.[2] 陳剛.智能樓宇物業(yè)設(shè)備現(xiàn)代化管理探討[J].建材發(fā)展導(dǎo)向，2010,5.[3] 沈瑞珠，楊連武.物業(yè)智能化管理[M].同濟大學(xué)出版社，2004.[4] 徐超漢.住宅小區(qū)智能化系統(tǒng)[M].電子工業(yè)出版社.2003.

第五篇：網(wǎng)頁設(shè)計中色彩的運用分析論文

摘要:通過對網(wǎng)頁設(shè)計中色彩運用的一般規(guī)律和方法的論述，總結(jié)了網(wǎng)頁的色彩的風(fēng)格與搭配特點，為提高網(wǎng)頁設(shè)計的能力和色彩運用的水平做出理論上的準備。

關(guān)鍵詞:色彩運用;網(wǎng)頁風(fēng)格;色彩搭配

隨著社會的發(fā)展，網(wǎng)絡(luò)在經(jīng)濟、文化和人們的交流中越來越重要，同時人們對網(wǎng)頁的審美要求也越來越高，這也反映了網(wǎng)絡(luò)技術(shù)提高后人們對其產(chǎn)生的更高需求。我們知道，受眾對網(wǎng)頁內(nèi)容的獲取不是以閱讀的方式而是以瀏覽的方式進行的，這就意味著網(wǎng)頁主色彩的選擇將直接影響受眾的興趣，與網(wǎng)頁內(nèi)容相符合且搭配好的色彩所在的網(wǎng)頁是生動且有吸引力的，它總是能夠獲得較高的點擊率。從這點上來看，色彩在網(wǎng)頁設(shè)計中居于十分重要的地位。

1適用于網(wǎng)頁中色彩運用的一般規(guī)律

色彩運用一般著重研究色彩本身的色相、明度、純度之間的對比、調(diào)和關(guān)系以及色彩的感覺、意象和表現(xiàn)性等方面的特征。掌握色彩運用的特征和規(guī)律，對于網(wǎng)頁設(shè)計中的色彩運用起著基礎(chǔ)性的指導(dǎo)作用，我們可以從三個方面來探討色彩運用的一般規(guī)律。

1．1色彩的心理感覺

色彩的心理感覺是人們在受到色彩的視覺刺激時所產(chǎn)生的感覺、知覺、情緒和聯(lián)想等心理活動，包括以下幾種給人的感覺:色彩進退、脹縮的感覺:比實際距離近的前進色、比實際距離遠的后退色、比實際大的膨脹色、比實際小的收縮色。被稱為色性的冷暖感覺:給人的視覺刺激強，使人聯(lián)想并感到溫暖的紅、黃、橙等色相是暖色;使人聯(lián)想并感到寒冷的青色、藍色等色是冷色。色彩的輕重感覺:明度高的色彩感覺輕，明度低的色彩感覺重;同明度、同色相條件下，純度高的色彩感覺輕，純度低的色彩感覺重;暖色感覺輕，冷色感覺重。色彩的華麗和樸素的感覺:相同條件下，暖色、或明度高、或純度高感、或質(zhì)地細密而有光澤的感覺華麗，冷色、或明度低、或純度低、或質(zhì)地酥松、無光澤的感覺樸素。色彩的積極和消極的感覺:相同情況下，暖色最令人興奮、高純度的色彩和明度高的色彩刺激性大，它們給人的感覺是積極的;而冷色、低純度、低明度的色彩給人的感覺是沉靜而消極的。

1．2色彩的意象

色彩的意象是人們在社會活動和心理活動中積累的，對色彩所反映的具體或抽象的事物的印象，是色彩運用的基礎(chǔ)。以下是比較常用的幾種色彩的意向:紅色的純度高，刺激作用大，對人的心理產(chǎn)生巨大的鼓舞作用，具體可聯(lián)想到火、太陽等，抽象可聯(lián)想到熱情、活力、危險等。橙色既有紅色的熱情又有黃色的光明和活潑，具體可聯(lián)想到橘子、秋葉等，抽象可聯(lián)想到溫暖、歡喜等。黃色充滿明亮，給人以柔情，具體可聯(lián)想到光、黃土地等，抽象可聯(lián)想到光明、希望、快活等。綠色是植物的色彩，極為溫和，給人以寧靜的感覺，具體可聯(lián)想到草木、樹林等;抽象可聯(lián)想到和平、安全、新鮮。藍色給人的感覺是開闊、穩(wěn)定，具體可聯(lián)想到天空和大海，抽象可聯(lián)想到平靜、理智、深遠等。紫色富有神秘感，具體可聯(lián)想到丁香花、葡萄等，抽象可聯(lián)想到優(yōu)雅、高貴、神秘等。白色不含純度，除因明度高而感覺冷外基本為中性色，具體可聯(lián)想到白云、雪等，抽象可聯(lián)想到純潔、無暇等。黑色給人以肅穆、穩(wěn)固的感覺，具體可聯(lián)想到夜晚、墨、炭等，抽象可聯(lián)想到嚴肅、恐怖、死亡等?；疑菦]有純度的中性色，與其它色彩配合可取得很好的效果，具體可聯(lián)想到烏云、草木灰等，抽象可聯(lián)想到平凡、失意、情緒低落等。

1．3色彩組合的表現(xiàn)性

色彩組合是指對不同的色彩進行有意識、有目的的搭配，給受眾在視覺上和心理上產(chǎn)生優(yōu)美的愉悅感和滿足感。色彩表現(xiàn)是指借助形態(tài)與色彩的構(gòu)成關(guān)系來表達作者的創(chuàng)作內(nèi)容和目的?，F(xiàn)代色彩的表現(xiàn)主要側(cè)重于心理效應(yīng)的追求，傾向于展現(xiàn)積極、進步、向上、樂觀、光明、新穎、熱情、朝氣等這類能夠表現(xiàn)充滿生命活力和具有奮斗精神的色彩意向。色彩組合的基本方法有色彩對比和色彩調(diào)和兩種，色彩對比是兩個以上的色彩以空間或位置關(guān)系相比較而產(chǎn)生相應(yīng)視覺效果的色彩搭配，構(gòu)成符合目的性的色彩關(guān)系。色彩調(diào)和是兩個或兩個以上的色彩有秩序、和諧地組織在一起產(chǎn)生的令人感覺愉悅、和諧的色彩搭配。配色時我們可以用互補關(guān)系的色相去獲得強烈的對比效果。也可以用臨近色關(guān)系去取得和諧安定的調(diào)和效果。對比強的高純色相組效果具有擴張性和刺激性，富有熱情和活力的特征，由色相對比關(guān)系的強弱因素，形成不同的意象表現(xiàn)。同類色屬弱對比效果關(guān)系，主調(diào)明確，是協(xié)調(diào)、單純的色組;鄰近色屬中對比效果關(guān)系，是色調(diào)和感情特征一致的色組;對比色屬中強對比效果關(guān)系，是色相感鮮明、活潑且醒目的色組?；パa色屬最強對比效果關(guān)系，是具有不安定感和視覺沖擊力強的色組。

2網(wǎng)頁設(shè)計的色彩運用

網(wǎng)頁的色彩設(shè)計與搭配，一定要遵從以上所述的色彩運用規(guī)律，同時既要服從于所要表現(xiàn)的總體風(fēng)格又要經(jīng)過適當?shù)拇钆潴w現(xiàn)出獨特的美。從風(fēng)格上來說，當今網(wǎng)頁的色彩運用多姿多彩，在追求動感的同時仍然注意尋求靜美、和諧的文化底蘊，富有濃厚的時代的氣息的同時，又有傳統(tǒng)文化的美妙，且兼顧西方的浪漫與東方的質(zhì)樸，繁復(fù)與簡約并存，表現(xiàn)出設(shè)計者的智慧。例如以下幾種類型:浪漫型:主色調(diào)以清淡的玫瑰水紅色調(diào)為主，用天藍或鵝黃作點綴，這樣體現(xiàn)出輕盈和浪漫。夢幻型:多以樸朔迷離的色彩組合著意營造閃爍鮮亮、虛無縹緲的“夢幻”神奇感，以達到一種理想效果，多用放射狀醒色彩。典雅型:頁面以端莊、穩(wěn)重為表現(xiàn)目的，強調(diào)頁面的對稱和平衡，可選棕色、赭紅、黑褐色。優(yōu)雅型:頁面配色以同系色彩為宜，使顏色和諧?？蛇x用玫瑰紅系或藍、灰、綠等冷色系，表現(xiàn)出智慧和沉靜感，會給人以超凡脫俗的風(fēng)格。古典型:可選用白色配以黑、灰、黑綠或棕色，如古詩文網(wǎng)，突出清致、典雅。另外，在實際應(yīng)用中必須要注意的是:遇到重大節(jié)日和喜慶事件，頁面往往以紅色作為背景色，表達喜悅的氣氛;遇到重要的新聞、活動、公告等，要采取明亮的色彩引起人們的注意;而遇到悲哀傷痛的事情時，則頁面要以灰色為背景色。從搭配上來說，不同的網(wǎng)頁內(nèi)容需要有不同的色彩搭配與之相適應(yīng)。搭配恰當，才能表達出相應(yīng)的效果。在網(wǎng)頁色彩設(shè)計中，我們要做的兩個重要步驟是:1)選定主色:主色是支配頁面整體的色彩印象，是留給受眾的第一個印象，選色時要注意色彩明度的變化，可選兩種顏色的類似色，對比色，補色或無彩色與有彩色;也可選多種顏色中的一種顏色，將其面積擴大，這種顏色為主色來統(tǒng)領(lǐng)整個頁面的色彩，即為主調(diào)色;亦設(shè)定某一中間色作為多個顏色的基本色，以此來達到整個頁面色彩的協(xié)調(diào)，即為基調(diào)色。2)確定色調(diào):選定主色后，則要確定由色相、明度、純度三要素形成的色調(diào)組合，以形成自然的色調(diào)感。

3結(jié)語

網(wǎng)頁色彩在具體的使用中，無外乎有三種情況:用一種色彩，然后調(diào)整透明度或飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感;用兩種色彩，先選定一種色彩，然后選擇它對比色;用一個色系，即用使受眾產(chǎn)生一個感覺的色彩。除此之外，切忌使用很多種顏色，同人的穿衣規(guī)律一樣，頁面色彩的使用盡量控制在三種以內(nèi)。

參考文獻

〔1〕旭日東升．網(wǎng)頁設(shè)計于配色經(jīng)典案例解析〔M〕．北京:電子工業(yè)出版社．2009．

〔2〕張新偉．網(wǎng)頁經(jīng)典配色藝術(shù)〔M〕．北京:．電子工業(yè)出版社．2009．

〔3〕范文東．色彩搭配原理與技巧〔M〕．北京:．人民美術(shù)出版社．2006．