第一篇：DIV CSS在計算機網頁設計中的運用

DIV+CSS在計算機網頁設計中的運用

【摘 要】互聯網發展至今，網絡已經成為人們生活的重要部分，各色網站層出不窮，眾多網頁各有千秋。本文從計算機網頁設計中的布局入手，分析了傳統網頁布局的局限性，介紹了計算機網頁中典型的 “DIV+CSS”布局方式。通過對DIV 和CSS 技術的研究，介紹了DIV+CSS布局方法及其優勢，為計算機網頁設計提供思路。

【關鍵詞】DIV；CSS；計算機網頁；布局

一、前言

傳統的計算機網頁布局的方法主要有框架布局和表格布局。框架布局比較靈活，若有效運用，則能使網頁更整潔、清晰。但是，對于內容多、布局復雜的網站，不宜采用框架布局，因為，過多的框架會影響網頁下載所需的時間，影響網頁的讀取速度，而且瀏覽器對框架結構的兼容性也不是很好。

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

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

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

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

二、DIV和CSS的具體內容

DIV元素是用來為HTML文檔內大塊的內容提供布局的結構和背景。它是HTML中的一個標簽，此標簽的作用就是定位網頁內容中的圖片、文字、視頻等相關信息。一般我們也叫為DIV層定位。

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

DIV+CSS布局方式使網頁結構和外觀相分離，極大地簡化了代碼，而且使站點加載的速度變得快捷、維護也更加方便，無疑對傳統布局的網頁方式造成了極大的沖擊。除此之外，DIV+ CSS布局方式的使用，使傳統的網頁布局的不足得到很好的彌補，當前國內多數比較著名的網站都利用此類方式方法進布局，給用戶帶來了全新的體驗模式。

三、DIV+CSS設計計算機網頁布局

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

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

第二篇：平面構成在網頁設計中的運用

平面構成在網頁設計中的運用

易 星

目前，中國互聯網的發展已經形成相當規模，據中國互聯網網絡信息中心（CNNIC）報告顯示，預計中國網民數量在未來5年后將要超過美國，互聯網已是繼報紙、廣播、電視等之后的第六大媒介。

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

一、當網頁設計遇上平面構成

（一）了解網頁設計

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

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

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

（二）了解平面構成

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

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

（三）何為網頁平面構成

平面設計在網頁設計中占有相當大的比重，而平面設計的重要理論基礎則是平面構成，所以說，平面構成也是網頁設計的重要理論依據和知識基礎。

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

平面構成是一種設計語言，已為當今社會各個藝術設計領域所應用，它以一個全新的造型觀念，給我們的網頁設計注入新鮮的血液。

二、為網頁設計注入新的血液

（一）人性化的網頁設計與策劃

“人們總以為設計有三維：美學、技術和經濟，然而更重要是第四維：人性。”------美國設計師普羅斯

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

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

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

（二）網頁平面構成手法

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

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

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

1、構成的基本元素點、線、面及其在網頁設計中的運用

在頁面構圖中凡是表現視覺圖形或文字，都可以簡化或趨近于點、線、面的視覺感受。網頁版面中的各種視覺元素正是以點、線、面的形式相互依存、相互作用，組合成各種視覺信息，形成千變萬化的視覺空間和感受。因此，只有協調處理好點、線、面之間的相互關系，才能設計出最佳視覺效果的網頁。

（1）點的運用

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

圖１．點的運用（來自www.tmdps.cn）

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

（五）網頁色彩構成

1、色彩的基礎知識

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

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

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

2、色彩心理

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

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

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

3、合理搭配色彩

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

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

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

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

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

4、色彩構成在網頁設計中的細節體現

-----中國移動網與MTV網之色彩比較

圖11．中國移動網（來自www.tmdps.cn）

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

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

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

三、不同審美文化中的網頁設計

（一）文化背景對網頁設計的影響

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

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

1、歐美風格的網頁設計

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

圖13．歐美網頁中肌理的表現形式（來自www.tmdps.cn/fr）

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

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

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

五、主要參考資料

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

第三篇：計算機網頁設計畢業論文（范文）

計算機網頁設計畢業論文

計算機網頁設計畢業論文

asp技術在交互式網頁設計中的運用

一、asp技術簡介

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

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

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

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

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

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

(3)面向對象的并通過activex server對象可擴展。

二、電子商務數據訪問方式

電子商務是指通過電子方式，并在網絡基礎上實現物資、人員過程的協調，以便商業交換的活動。在電子商務系統中，web提供了與客戶進行通信聯絡的有效手段，利用web技術，實現web服務器與數據庫系統的連接，完成對數據的處理與查詢，用戶可以通過操作簡單易學的瀏

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

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

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

三、asp在電子商務中的應用

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

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

②創建數據庫鏈接 鏈接用以保持一些關于正在訪問的數據的動態信息，以及鏈接者信息。利用adodb的成員函數open和先前設定的dsn與數據庫連接，其語法如下：

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

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

//產生組件實例

<％

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

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

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

//顯示結果

<％dowhile not rs.eof％

<％=rs(fieldname)％ <％

rs.movenext

loop ％

上述是用asp訪問數據庫的全過程，由于應用面向對象思想，所有操作都比較簡單，用戶需要注意的僅是對數據結構的了解、當前所操作的對象及對象的屬性等等，只要對這些有了清晰的認識，再加上asp強大功能，在網絡上使用數據庫，實現用戶與頁面間交換信息，就再也不是什么難事了。

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

計算機在物業管理中的運用

尤成

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

關鍵詞: 計算機 智能化 物業管理

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

一、現狀

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

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

二、優勢

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

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

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

3、數據準確，方便處理與統計。運用計算機進行數據收集或處理，只要保證原始輸入數據的準確性，在后續數據收集和數據修改變化中，系統能夠自主處理對應的多處數據，不會因為需要多處修改而遺漏。從而保證所有數據的準確性，并且能夠滿足數據的整合處理和多樣表現形式。比如南郵宿舍智能管理系統，能夠對住宿信息、學生信息、維修情況、床位情況和物業管理狀況進行準確地數據處理和查看，滿足業主各種要求并提高物業服務質量。

4、規范清晰，圖表美觀。計算機物業管理系統能夠對日常物業管理中的規范化管理行為進行程式化處理，形成清晰簡單的操作界面。并且能對收集到的數據制作成清晰美觀的圖表，方便查看和使用。比如南曉琴房管理系統，在首頁面就能查看琴房使用和使用者情況，并且能夠把一段時間的使用情況制作成Excel表格打印或者直接Email給業主。

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

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

三、開發方向

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

1.應大力開發物業管理的規劃與決策軟件

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

2.應大力開發物業管理范圍的計劃管理軟件

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

3.應大力開發財務會計系統軟件

物業管理作為自主經營、自負盈虧、自我發展的經濟實體，其資金的運營狀況是其存在 和發展的關鍵。

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

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

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

參考文獻

[1] 王保和.試論物業管理智能化發展趨勢[J].山西建筑，2010，20.[2] 陳剛.智能樓宇物業設備現代化管理探討[J].建材發展導向，2010,5.[3] 沈瑞珠，楊連武.物業智能化管理[M].同濟大學出版社，2004.[4] 徐超漢.住宅小區智能化系統[M].電子工業出版社.2003.

第五篇：網頁設計中色彩的運用分析論文

摘要:通過對網頁設計中色彩運用的一般規律和方法的論述，總結了網頁的色彩的風格與搭配特點，為提高網頁設計的能力和色彩運用的水平做出理論上的準備。

關鍵詞:色彩運用;網頁風格;色彩搭配

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

1適用于網頁中色彩運用的一般規律

色彩運用一般著重研究色彩本身的色相、明度、純度之間的對比、調和關系以及色彩的感覺、意象和表現性等方面的特征。掌握色彩運用的特征和規律，對于網頁設計中的色彩運用起著基礎性的指導作用，我們可以從三個方面來探討色彩運用的一般規律。

1．1色彩的心理感覺

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

1．2色彩的意象

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

1．3色彩組合的表現性

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

2網頁設計的色彩運用

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

3結語

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

參考文獻

〔1〕旭日東升．網頁設計于配色經典案例解析〔M〕．北京:電子工業出版社．2009．

〔2〕張新偉．網頁經典配色藝術〔M〕．北京:．電子工業出版社．2009．

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