第一篇：分析美學(xué)在網(wǎng)頁設(shè)計(jì)中的表現(xiàn)手段論文

Internet的迅猛發(fā)展，把當(dāng)今社會帶入了一個信息大爆炸的時代。人們從事教學(xué)科研、電子商務(wù)等一系列的活動，逐漸趨向通過進(jìn)行信息的傳播、獲取和利用。上的網(wǎng)站如雨后春筍般涌現(xiàn)出來，網(wǎng)頁己成為網(wǎng)絡(luò)信息表現(xiàn)和思想傳播交流的主要形式。網(wǎng)頁的設(shè)計(jì)技術(shù)不斷提高，設(shè)計(jì)手段變得更加豐富，設(shè)計(jì)理念不斷發(fā)展，進(jìn)行這方面的研究是對網(wǎng)絡(luò)信息的形象表達(dá)具有重要的意義。

1美學(xué)設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用問題

伴隨Internet的發(fā)展，網(wǎng)頁制作的需求量也爆炸性地増長。網(wǎng)頁設(shè)計(jì)制作的人員隊(duì)伍不斷擴(kuò)大，越來越呈多樣化。網(wǎng)頁的設(shè)計(jì)制作技術(shù)也在蓬勃發(fā)展，從HTML到XML語言、從Photoshop到Fireworks、從FiontPage到Dreamweaver、Flash，這些優(yōu)秀的網(wǎng)頁制作軟件和技術(shù)一直是人們學(xué)習(xí)和使用的熱點(diǎn)。這些軟件的功能日趨強(qiáng)大，操作使用方式卻變得越來越方便，有關(guān)書籍更是鋪天蓋地而來?，F(xiàn)在，制作簡單的網(wǎng)頁己經(jīng)是一件非常容易的事了，但要制作出精美的網(wǎng)頁，特別是對于版面構(gòu)成整體美化要求較高的網(wǎng)頁時，大多數(shù)人卻又會感至‘靈感的缺乏”.這是為什么呢？

在對網(wǎng)頁設(shè)計(jì)的認(rèn)識上，許多人仍停留在網(wǎng)頁制作的高度上，認(rèn)為只要用好了網(wǎng)頁制作軟件，就能搞好網(wǎng)頁設(shè)計(jì)了.所以，人們在進(jìn)行網(wǎng)頁制作或設(shè)計(jì)的學(xué)習(xí)和教學(xué)的過程中只重視網(wǎng)頁制作軟件和制作技術(shù)的學(xué)習(xí)，而忽視網(wǎng)頁視覺效果設(shè)計(jì)，造成制作的網(wǎng)頁非常粗糙。于是即使把各種網(wǎng)頁制作技術(shù)、技巧都應(yīng)用的非常熟練，制作出來的網(wǎng)頁還是處于很低的水平。這是因?yàn)樵诰W(wǎng)頁設(shè)計(jì)的過程中沒有很好地運(yùn)用美學(xué)設(shè)計(jì)的方法。

網(wǎng)頁設(shè)計(jì)要根據(jù)網(wǎng)頁元素組成的特點(diǎn)，運(yùn)用美學(xué)的觀念進(jìn)行構(gòu)造規(guī)劃，而網(wǎng)頁制作是運(yùn)用計(jì)算機(jī)技術(shù)將這種設(shè)計(jì)進(jìn)行實(shí)現(xiàn)成網(wǎng)頁。因此，我們可以這樣描述：網(wǎng)頁設(shè)計(jì)和網(wǎng)頁制作是兩個不同的概念，是網(wǎng)頁形成過程中的兩個關(guān)系非常密切的不同階段，前者側(cè)重于運(yùn)用美學(xué)法則進(jìn)行頁面規(guī)劃設(shè)計(jì)，后者側(cè)重于運(yùn)用計(jì)算機(jī)技術(shù)進(jìn)行制作和實(shí)現(xiàn)。很多時候人們將兩者混為一談，主要原因是只注重網(wǎng)頁制作技術(shù)而忽略了美學(xué)設(shè)計(jì)。

更深一層的原因是，許多計(jì)算機(jī)技術(shù)人員對美學(xué)設(shè)計(jì)和運(yùn)用很生疏，在網(wǎng)頁制作過程中運(yùn)用美學(xué)觀點(diǎn)多屬于樸素的形態(tài)，美學(xué)知識水平較低。大多數(shù)教學(xué)人員和教科書編寫人員均有意無意地忽略或回避了美學(xué)方面的內(nèi)容，導(dǎo)致有關(guān)網(wǎng)頁制作的書籍教材盡管比比皆是，且大多數(shù)由國內(nèi)著名出版社出版，但基本上都是基于某一軟件菜單式的介紹，涉及到美學(xué)運(yùn)用內(nèi)容的幾乎沒有。這種氛圍造成了現(xiàn)在網(wǎng)頁設(shè)計(jì)制作的困難局面，即使是系統(tǒng)地學(xué)習(xí)了Fiieworks、Flash和Dreamweam?等優(yōu)秀制作軟件的人們，對于設(shè)計(jì)制作的網(wǎng)頁盡管艱難地做出卻多是各種素材的堆疊，缺乏美感。

2網(wǎng)頁設(shè)計(jì)對美學(xué)的客觀要求

為什么網(wǎng)頁制作需要技術(shù)與美學(xué)緊密結(jié)合呢？自古以來，“愛美之心人皆有之”，美是人所追求的精神享受。在現(xiàn)實(shí)生活中，人們由于所處經(jīng)濟(jì)地位、文化素質(zhì)、生活習(xí)俗、價值觀念等不同而具有不同的審美觀。然而單從形式條件來評價某一事物或某一視覺形象時，對于美或丑的感覺在大多數(shù)人中間存在著一種基本相通的共識。在我們的視覺經(jīng)驗(yàn)中，高大的樹木、聳立的高樓大廈、巍峨的山巒尖峰等，它們的結(jié)構(gòu)輪廓都是高聳的垂直線，因而垂直線在視覺形式上給人以上升、高大、威嚴(yán)的感受；而水平線則使人聯(lián)系到地平線、一望無際的平原、風(fēng)平浪靜的大海等，因而產(chǎn)生開闊、徐緩、平靜的感受。這些源于生活積累的共識，使我們逐漸發(fā)現(xiàn)了形式美的基本法則。隨著社會的發(fā)展，美學(xué)己經(jīng)從“直覺”、“愛好”甚至“偏好”的原始形態(tài)中走了出來，演變成具有共性的審美標(biāo)準(zhǔn)，符合科學(xué)的視覺規(guī)律，大多數(shù)能夠接受的現(xiàn)代學(xué)科111.美學(xué)是人類本身獨(dú)有的思維結(jié)果，也是人類個性發(fā)展的寫照，美學(xué)的產(chǎn)生和發(fā)展體現(xiàn)了人類對美的共同追求和對美的需要。當(dāng)你接觸任何一件有存在價值的事物時，它必定具備合乎邏輯的內(nèi)容和形式。同樣，當(dāng)你以網(wǎng)頁的形式表現(xiàn)你的思想，展現(xiàn)某一產(chǎn)品，傳播信息等活動時，網(wǎng)頁中的多媒體元素必須合乎邏輯其形式必須遵循美學(xué)的基本規(guī)則。人們通過網(wǎng)頁形式獲取信息的同時，需要美的享受；人們在設(shè)計(jì)網(wǎng)頁時不但傳播某一信息內(nèi)容，而且需要傳播美。美學(xué)是網(wǎng)頁設(shè)計(jì)的客觀要求。

網(wǎng)頁設(shè)計(jì)制作的目的和任務(wù)是將各種多媒體素材經(jīng)過合理的組織，形成網(wǎng)頁，表達(dá)作者所需要展示的信息，和美學(xué)設(shè)計(jì)的目的一致，二者結(jié)合是必然的結(jié)果。

3美學(xué)在網(wǎng)頁設(shè)計(jì)中的作用

1)從網(wǎng)頁設(shè)計(jì)的任務(wù)來看，網(wǎng)頁是網(wǎng)絡(luò)信息的組織和表現(xiàn)形式。因此網(wǎng)頁設(shè)計(jì)的任務(wù)不僅需要表現(xiàn)信息的主題和實(shí)現(xiàn)有關(guān)功能，而且表達(dá)形式要符合客觀邏輯，符合人們的審美觀念，使人們在傳播或獲取信息的同時獲得美的享受，做到內(nèi)容、功能、形式三方面的統(tǒng)一。

2)從網(wǎng)頁設(shè)計(jì)的表現(xiàn)手段來看，網(wǎng)頁設(shè)計(jì)屬于二維視覺設(shè)計(jì)范疇，和傳統(tǒng)的美術(shù)平面設(shè)計(jì)的視覺構(gòu)成元素是一致的，可以說網(wǎng)頁設(shè)計(jì)是平面設(shè)計(jì)在信息時代的延續(xù)。應(yīng)當(dāng)吸取人類美學(xué)的藝術(shù)精華，將經(jīng)千百年歷史發(fā)展形成的美學(xué)理論和方法作為網(wǎng)絡(luò)信息時代網(wǎng)頁設(shè)計(jì)強(qiáng)而有力的手段，使網(wǎng)頁更好地展現(xiàn)所必須展示的內(nèi)容信息。美學(xué)中的有關(guān)理論與設(shè)計(jì)方法是網(wǎng)頁設(shè)計(jì)的最有效手段。

3)從信息的傳播過程來看，信息的表現(xiàn)者和接收者都是人，而網(wǎng)頁是信息的載體。信息不但與事物和事實(shí)有關(guān)，而且更具有主觀性3.人們在表現(xiàn)信息內(nèi)容的同時，自然流露著思想情感。接收者在獲取信息內(nèi)容的同時，也感受著這種情感。信息的交流傳播體現(xiàn)了人們思想情感的溝通。網(wǎng)頁信息的美學(xué)設(shè)計(jì)更應(yīng)注重于通過繪畫渲染、色彩搭配及版面構(gòu)圖，使信息內(nèi)容表達(dá)形象化，個性鮮明化，產(chǎn)生和諧悅目的視覺效果，吸引瀏覽者的注意力，引起共鳴的產(chǎn)生。

層次簡潔清晰、邏輯嚴(yán)密和諧、外觀形式精美的信息作品更能受到歡迎，傳達(dá)的信息更確切。這與信息論關(guān)于“存儲的信息用系統(tǒng)化有序化的量度來表征，傳遞的信息用消除不確定性的量度來表征”的論述相一致14.美學(xué)不僅需要解決網(wǎng)頁信息形式的美觀問題，還要使其信息形式符合人們的瀏覽習(xí)慣、操作方式，影響到訪問者的生理習(xí)慣和>心理感受幫助人們更好接受并獲取信息。“三分人才七分扮”美學(xué)為網(wǎng)頁設(shè)計(jì)提供了設(shè)計(jì)的理論和方法、滿足人們在傳播及獲取信息的同時對美的表達(dá)和需求、幫助人們更好地接受并獲取信息，用七分的比例來描述它的作用是非常適當(dāng)?shù)摹?/p>

4美學(xué)在網(wǎng)頁設(shè)計(jì)中的表現(xiàn)手段

美學(xué)不是抽象的概念，它的三種藝術(shù)表現(xiàn)手段，即“繪畫”、“色彩構(gòu)成”和“平面構(gòu)成”，在網(wǎng)頁設(shè)計(jì)過程中可以充分地體現(xiàn)。

1)從網(wǎng)頁構(gòu)成的元素看，網(wǎng)頁信息的表達(dá)需要通過大量的圖片素材體現(xiàn)。圖片素材的來源主要來自兩個方面：一是專門為網(wǎng)頁主題內(nèi)容準(zhǔn)備的相關(guān)圖像素材，如掃描印刷品或照片所得的數(shù)字圖像，使用數(shù)碼相機(jī)所拍的景色或?qū)嵨锏龋欢菑幕ヂ?lián)網(wǎng)上獲取的合法圖片素材。采用美學(xué)的繪畫的理論和技術(shù)經(jīng)圖像處理軟件對這些圖片素材進(jìn)行處理，使本來關(guān)聯(lián)性不是很強(qiáng)的圖像可以和諧地搭配，這樣能更好地表現(xiàn)信息的內(nèi)容主題，或作為頁面美化的點(diǎn)綴。

2)色彩構(gòu)成是美學(xué)的重要組成部分，研究兩個以上的色彩關(guān)系，精確到位的色彩組合，良好的色彩搭配是色彩構(gòu)成的主要內(nèi)容。

人們對色彩歷來非常敏感，而且不同的色彩代表了不同的情感有著不同的象征含義。例如，紅色是火的顏色，熱情、奔放，可以象征生命；黃色是明度最高的顏色，顯得華麗、高貴、明快；綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全；紫色是高貴的象征，有莊重感；白色能給人以純潔的感覺，表示和平與圣潔；不同的顏色搭配，表現(xiàn)出來的效果也不同。比如，綠色和金黃、灰白搭配，可以產(chǎn)生優(yōu)雅、舒適的氣氛；藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛；紅色和黃色、金色的搭配能渲染喜慶的氣氛。

根據(jù)網(wǎng)頁的設(shè)計(jì)任務(wù)和信息特點(diǎn)，通過色彩構(gòu)成的運(yùn)用，選擇不同的色彩搭配，使整個頁面在視覺上構(gòu)成一體，達(dá)到和諧悅目的視覺效果，從而喚起人們的心靈感知，調(diào)動閱讀者的情緒，達(dá)到信息傳播和情感交流相結(jié)合。

3)平面構(gòu)成又叫“版面構(gòu)成”，是平面設(shè)計(jì)的重要組成，也是網(wǎng)頁版面設(shè)計(jì)強(qiáng)而有力有技術(shù)手段。它在強(qiáng)調(diào)形態(tài)之間的比例、平衡、對比、節(jié)奏和韻律等等的同時，又要求講究構(gòu)圖和圖形給人的視覺引導(dǎo)作用。平面構(gòu)成在于探求二維空間的視覺傳達(dá)規(guī)律，視覺形象的建立和歸納，柵格的劃分和組織，各種視覺元素之間的構(gòu)成規(guī)律與規(guī)律的突破，最終運(yùn)用構(gòu)成的原理創(chuàng)作出既嚴(yán)謹(jǐn)又有無窮發(fā)展變化的平面構(gòu)圖。

隨著人們對平面構(gòu)成的深入研究，己經(jīng)把平面構(gòu)成歸納成對版面上的“點(diǎn)”、“線”、“面”現(xiàn)象的研究：運(yùn)用點(diǎn)的構(gòu)圖規(guī)則可以體現(xiàn)局部細(xì)節(jié)、集中視線、突出主體的視覺效果；線的構(gòu)圖規(guī)則可以體現(xiàn)平面分隔、類型劃分，產(chǎn)生規(guī)則、平穩(wěn)的視覺效果；面的構(gòu)圖規(guī)則可以體現(xiàn)多層次感、形成縱深感、具有渾然一體的視覺效果。

任何設(shè)計(jì)是一個感性思考與理性分析相結(jié)合的復(fù)雜過程。網(wǎng)頁設(shè)計(jì)中融入美學(xué)平面設(shè)計(jì)的理論和方法，打破了傳統(tǒng)二維靜態(tài)空間的限制，開創(chuàng)了平面設(shè)計(jì)在信息時代新的發(fā)展領(lǐng)域。

5美學(xué)知識的學(xué)習(xí)和培養(yǎng)問題

美學(xué)不依賴于計(jì)算機(jī)知識，更不是抽象的概念。這門以美術(shù)設(shè)計(jì)為基礎(chǔ)的學(xué)科，充分運(yùn)用繪畫、色彩搭配和版面設(shè)計(jì)等具體的藝術(shù)手段，以達(dá)到自然美感的最終目的111.沒有經(jīng)過美學(xué)基礎(chǔ)學(xué)習(xí)或訓(xùn)練，一般人的美學(xué)觀念是很樸素的，在網(wǎng)頁設(shè)計(jì)的過程中，對美學(xué)方法和觀點(diǎn)的運(yùn)用也多是下意識的。網(wǎng)頁設(shè)計(jì)即費(fèi)時又費(fèi)力，且很難達(dá)到美化的效果。許多計(jì)算機(jī)技術(shù)人員，隨著網(wǎng)頁設(shè)計(jì)的深入，常常感嘆自己的美學(xué)基礎(chǔ)相對薄弱；而學(xué)美術(shù)設(shè)計(jì)專業(yè)的人員一旦掌握了計(jì)算機(jī)網(wǎng)頁制作技術(shù)后，美輪美奐、個性張揚(yáng)的網(wǎng)頁作品卻層出不窮。美學(xué)中的有關(guān)理論與設(shè)計(jì)方法，是把網(wǎng)頁做到內(nèi)容、功能和形式三個方面統(tǒng)一的基本保證。所以，對于非美學(xué)藝術(shù)相關(guān)專業(yè)的廣大網(wǎng)頁設(shè)計(jì)人員來說美學(xué)知識的學(xué)習(xí)和培養(yǎng)成了網(wǎng)頁設(shè)計(jì)靈活運(yùn)用美學(xué)設(shè)計(jì)手段的關(guān)鍵。

以下提出三個觀點(diǎn)，希望能夠和廣大網(wǎng)頁設(shè)計(jì)的教學(xué)者及從業(yè)人員共同探討。

1)提高美學(xué)方法論的認(rèn)識。網(wǎng)絡(luò)信息時代，己經(jīng)從“如何制作網(wǎng)頁”發(fā)展到“如何設(shè)計(jì)美的網(wǎng)頁”，美學(xué)中的平面設(shè)計(jì)等理論及方法是網(wǎng)頁設(shè)計(jì)的最有效手段。

2)改變當(dāng)前的教學(xué)方法。當(dāng)前網(wǎng)頁設(shè)計(jì)的教學(xué)方法只是注重計(jì)算機(jī)制作技術(shù)的推廣應(yīng)用，在很大程度上忽略了美學(xué)的知識教學(xué)和運(yùn)用。應(yīng)盡可能做到在網(wǎng)頁設(shè)計(jì)教材和指導(dǎo)書當(dāng)中添加美學(xué)基礎(chǔ)內(nèi)容，并在教學(xué)上安排適當(dāng)?shù)拿缹W(xué)教學(xué)訓(xùn)練內(nèi)容。

3)加強(qiáng)兩門學(xué)科結(jié)合的研究。兩個專業(yè)的研究人員應(yīng)該更多地合作，使網(wǎng)頁制作技術(shù)和平面設(shè)計(jì)技術(shù)的結(jié)合越來越緊密。

6結(jié)束語

一門科學(xué)只有真正表現(xiàn)美的時候，才能發(fā)展，才具有生命力。隨著物質(zhì)生活的提高，人們對美的要求也在提高，美學(xué)藝術(shù)和計(jì)算機(jī)技術(shù)相結(jié)合越來越緊密。對于網(wǎng)頁設(shè)計(jì)，無論是教學(xué)還是實(shí)際應(yīng)用，加強(qiáng)美學(xué)理論和方法的學(xué)習(xí)及運(yùn)用，使網(wǎng)頁制作技術(shù)和美學(xué)設(shè)計(jì)技術(shù)有機(jī)地結(jié)合，是當(dāng)今網(wǎng)絡(luò)信息時代的要求。

第二篇：在網(wǎng)頁中插入圖片教學(xué)設(shè)計(jì)

《在網(wǎng)頁中插入圖片》教學(xué)設(shè)計(jì)

執(zhí)教：熊

恒

教學(xué)目標(biāo)： 知識與技能：

會打開上次的網(wǎng)頁；了解圖片在網(wǎng)頁中的作用；學(xué)會在網(wǎng)頁中插入圖片的方法。

過程與方法：

通過獨(dú)立探究和小組探究的方法基本掌握在網(wǎng)頁中插入圖片。

情感態(tài)度與價值觀：

培養(yǎng)學(xué)生的審美能力，形成與同學(xué)和諧相處、共同進(jìn)步的精神。明白幫助他人的目的就是美化我們的心靈。

教學(xué)重難點(diǎn)：

重

點(diǎn)：了解圖片在網(wǎng)頁中的作用 難

點(diǎn)：能在網(wǎng)頁中插入圖片

教學(xué)時間：一課時

教學(xué)過程：

一、導(dǎo)入新課：

同學(xué)們，上節(jié)課我們學(xué)會了制作只有文字的網(wǎng)頁。可是“咪咪豆網(wǎng)屋”的主頁還有可愛的胖胖熊圖片呢！它是怎么進(jìn)來的？對于這個問題，我們來進(jìn)行具體的研究。

揭示課題：在網(wǎng)頁中插入圖片

二、探究新知 任務(wù)一：了解圖片在網(wǎng)頁中的作用。

（1）、教師出示只有文字和帶有圖片的兩個網(wǎng)頁，提問：這兩個網(wǎng)頁哪一個好看呢？

（2）、引導(dǎo)學(xué)生觀察，并說出為什么？指定學(xué)生回答（有圖片的那一個）

（3）、小結(jié)：網(wǎng)頁中的圖片可以使網(wǎng)頁更加美觀漂亮。任務(wù)二：打開主頁文件咪咪豆網(wǎng)屋index.htm（1）、師生復(fù)習(xí)啟動frontpage 軟件。（它是微軟公司推出的一款優(yōu)秀的網(wǎng)頁制作軟件）

（2）、學(xué)生試著打開主頁文件咪咪豆網(wǎng)屋index.htm，老師巡視并校正。

操作步驟：網(wǎng)頁制作軟件——單擊文件——打開文件——我的文檔，找到主頁文件咪咪豆網(wǎng)屋index.htm——再打開。

（3）、學(xué)生操作。

任務(wù)三：把“胖胖熊”請進(jìn)來

（1）師生復(fù)習(xí)在word 中插入圖片的方法，指名學(xué)生回答。教師小結(jié)：方法一：①、復(fù)制——粘貼；②、方法二：菜單——插入——圖片——來自文件——選擇圖片單擊插入。

（2）學(xué)生練習(xí)圖片的插入，（3）學(xué)生探究把胖胖熊請進(jìn)“咪咪豆網(wǎng)屋”主頁中的的方法。

教師提問：能否把在word中插入圖片的方法運(yùn)用在frontpage 軟件中呢？（指名學(xué)生回答：可以）學(xué)生動手操作：教師巡視，對不正確的地方進(jìn)行校正。教師小結(jié)：

我們可以這樣把胖胖熊請進(jìn)“咪咪豆網(wǎng)屋”主頁。操作步驟：

① 把光標(biāo)移到第二行“咪咪豆網(wǎng)屋”的左邊；

② 單擊“插入”菜單；

③ 選圖片來自文件→選C：“網(wǎng)頁制作”文件夾→找到“胖胖熊1.gif” 文件并單擊→單擊“確定”。

（3）、學(xué)生操作，教師巡視指導(dǎo)

（4）、要求學(xué)生用同樣的方法把胖胖熊放到“咪咪豆網(wǎng)屋”的右邊。

任務(wù)四：保存網(wǎng)頁

同學(xué)們，我們成功把胖胖熊請進(jìn)“咪咪豆網(wǎng)屋”主頁中，現(xiàn)在，我們要做的就把今天的作品保存起來！

學(xué)生試著保存：單擊文件菜單——保存文件。

四、教師小結(jié)：今天同學(xué)們通過努力，基本掌握了在網(wǎng)頁中插入和美化圖片的方法，我們插入網(wǎng)頁的目的是美化網(wǎng)頁，幫助他人的目的是美化我們的心靈。

第三篇：分層教學(xué)在《網(wǎng)頁設(shè)計(jì)》中的應(yīng)用

分層教學(xué)在《網(wǎng)頁設(shè)計(jì)》中的應(yīng)用

乳源中等職業(yè)技術(shù)學(xué)校 李新華

摘要: 《網(wǎng)頁設(shè)計(jì)》在中等職業(yè)技術(shù)學(xué)校課程中是一個操作性較強(qiáng)的模塊，學(xué)生通過對《網(wǎng)頁設(shè)計(jì)》這一模塊的學(xué)習(xí)，能夠熟悉網(wǎng)站、網(wǎng)頁的基礎(chǔ)知識，掌握建立網(wǎng)站和制作網(wǎng)頁的基本知識和技巧；能夠設(shè)計(jì)出精美的網(wǎng)頁，還可以培養(yǎng)一種能夠陶冶情操的特長愛好。

關(guān)鍵詞：分層 差異 分層教學(xué)

在實(shí)際教學(xué)中，我發(fā)現(xiàn)學(xué)生對《網(wǎng)頁設(shè)計(jì)》課程的學(xué)習(xí)興趣和學(xué)習(xí)能力反映不一樣。其中某些學(xué)生的學(xué)習(xí)能力較強(qiáng)，表現(xiàn)出對網(wǎng)頁設(shè)計(jì)有很強(qiáng)的學(xué)習(xí)興趣，同時學(xué)習(xí)效果也不錯，經(jīng)常向老師表示希望能學(xué)到更多的關(guān)于網(wǎng)頁設(shè)計(jì)方面的知識；還有部分學(xué)生對網(wǎng)頁設(shè)計(jì)課程也表現(xiàn)出一定的興趣，但學(xué)習(xí)能力不是很好，學(xué)習(xí)效果一般；還有一部分學(xué)生對網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)幾乎沒有什么熱情，也不用心學(xué)習(xí)或者學(xué)習(xí)能力差，基本喪失了學(xué)習(xí)興趣和信心。如何讓所有的學(xué)生都能學(xué)會并且學(xué)好《網(wǎng)頁設(shè)計(jì)》這個操作性那么強(qiáng)的模塊呢？本人在教學(xué)中發(fā)現(xiàn)“根據(jù)不同學(xué)生的具體情況和知識結(jié)構(gòu)進(jìn)行教學(xué)設(shè)計(jì)”的分層教學(xué)理論正符合目前學(xué)生的情況，因此決定在教學(xué)中采用“學(xué)生分層——教學(xué)目標(biāo)分層——教學(xué)評價分層”的教學(xué)模式。

由于網(wǎng)頁設(shè)計(jì)是一門實(shí)踐性較強(qiáng)的課程，學(xué)生的網(wǎng)頁設(shè)計(jì)水平會隨著學(xué)習(xí)態(tài)度的變化和實(shí)踐操作的熟練程度的變化而發(fā)生相應(yīng)的變化。所以在進(jìn)行實(shí)際教學(xué)中根據(jù)具體情況適時采用分層教學(xué)。

在講授到超級鏈接時, 我采用了分層教學(xué)模式進(jìn)行教學(xué)。

一、學(xué)生分層

分層教學(xué)理論的一個基本的要求和目的就是根據(jù)不同學(xué)生的具體情況和知識結(jié)構(gòu)進(jìn)行教學(xué)設(shè)計(jì)。根據(jù)學(xué)生對網(wǎng)頁設(shè)計(jì)的掌握程度,我將學(xué)生分為A、B、C三個層次。具體分層如下：

A層：學(xué)生對網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)表現(xiàn)出較強(qiáng)的興趣，同時也熟練應(yīng)用網(wǎng)頁設(shè)計(jì)相關(guān)軟件（如Dreamweaver、Flash、PhotoShop）的同學(xué)，并能較快地接受老師在多媒體課堂上講授的教學(xué)內(nèi)容和在計(jì)算機(jī)機(jī)房中能較好完成老師所布置的實(shí)驗(yàn)內(nèi)容。

B層：學(xué)生對網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)興趣表現(xiàn)一般，同時對網(wǎng)頁設(shè)計(jì)相關(guān)軟件有一定了解的同學(xué)，能理解老師在多媒體課堂上講授的教學(xué)內(nèi)容，但在計(jì)算機(jī)機(jī)房實(shí)踐時需要老師或其他同學(xué)的幫助才能順利地完成實(shí)驗(yàn)內(nèi)容。C層：學(xué)生對網(wǎng)頁設(shè)計(jì)基本沒有學(xué)習(xí)興趣，同時學(xué)習(xí)能力較差或?qū)W習(xí)不夠認(rèn)真的同學(xué)，在課堂上表現(xiàn)很差（經(jīng)常違反課堂紀(jì)律，或者做些與課堂無關(guān)的事情）。

二、教學(xué)目標(biāo)分層

教學(xué)目標(biāo)的分層就在于給不同的學(xué)生設(shè)置不同的階段學(xué)習(xí)目標(biāo)，以使不同的學(xué)生能根據(jù)各自不同的情況進(jìn)行有針對性的學(xué)習(xí)。既能保持各層次學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的積極性,又能在各自的基礎(chǔ)上發(fā)揮特長,使基礎(chǔ)的鞏固與個性的發(fā)展達(dá)到和諧統(tǒng)一。

根據(jù)以上原則,關(guān)于超級鏈接的學(xué)習(xí)目標(biāo)也分三個層次。

C層：能理解超級鏈接的概念和掌握創(chuàng)建超級鏈接的基本方法；在上機(jī)實(shí)踐操作時能夠模仿范例創(chuàng)建幾種常用的超級鏈接：不同對象的鏈接（文字鏈接和圖像鏈接）、不同路徑的鏈接（絕對路徑鏈接和相對路徑鏈接）、不同形式的鏈接（電子郵件鏈接和虛擬鏈接）。

B層：除了能夠理解超級鏈接的概念和掌握創(chuàng)建超級鏈接的基本方法外，還要熟練創(chuàng)建超級鏈接的技巧；除了在上機(jī)實(shí)踐操作時能夠模仿范例創(chuàng)建幾種常用的超級鏈接外，還要在C層目標(biāo)的基礎(chǔ)上增加難度較大的超級鏈接，如圖像熱點(diǎn)鏈接和錨記鏈接；同時還要懂得在制作網(wǎng)頁時在不同的情況下使用不同類型的鏈接。

A層：在掌握B層目標(biāo)的基礎(chǔ)上還要求學(xué)生掌握超級鏈接的HTML語法，還要求利用CSS樣式來修飾鏈接文字以實(shí)現(xiàn)更佳鏈接效果，并且還能夠制作出實(shí)現(xiàn)超級鏈接的Flash動畫效果；同時還鼓勵學(xué)生自己設(shè)計(jì)和制作更有創(chuàng)意的超級鏈接效果，使網(wǎng)頁更生動和精美。

三、教學(xué)評價分層

在教學(xué)中，根據(jù)學(xué)生分層傳授知識，對學(xué)生進(jìn)行不同的評價。對學(xué)生進(jìn)行分層評價，以其在原有知識水平上的進(jìn)步和提高作為評價學(xué)生是否完成教學(xué)目標(biāo)的一個基準(zhǔn)，這是進(jìn)行分層教學(xué)的一個重要的方面，也是衡量分層教學(xué)法是否有效的一個重要手段。

在進(jìn)行超級鏈接的學(xué)習(xí)后，根據(jù)學(xué)生的多媒體課堂聽課情況和上機(jī)實(shí)踐操作情況，以及布置作業(yè)的完成情況和課后學(xué)生自行練習(xí)情況進(jìn)行總考核，得出綜合評價。

A層：大部分學(xué)生都能夠自覺地完成老師布置的任務(wù)，能夠創(chuàng)建出效果較好的超級鏈接； B層：部分學(xué)生也基本掌握了很多的創(chuàng)建超級鏈接的方法和技巧，但還有個別學(xué)生因努力程度不夠而沒有達(dá)到預(yù)期的教學(xué)目標(biāo)；

C層：某些學(xué)生基本掌握了超級鏈接的概念和創(chuàng)建常用超級鏈接的方法，甚至有部分學(xué)生在老師的指導(dǎo)和同學(xué)的幫助下能夠創(chuàng)建出難度更大的超級鏈接。

在進(jìn)行超級鏈接教學(xué)中采用分層教學(xué)實(shí)踐取得初步效果后，接著講授表格、層、行為和CSS樣式等內(nèi)容時繼續(xù)采用分層教學(xué)法。實(shí)踐證明，教學(xué)效果當(dāng)不錯。《網(wǎng)頁設(shè)計(jì)》這一模塊課程結(jié)束時，大部分A層學(xué)生在這一模塊的綜合成績達(dá)到80分以上，B層學(xué)生的綜合成績達(dá)到70分以上，而C層學(xué)生的綜合成績也基本上在及格以上。甚至個別B層和C層學(xué)生的成績達(dá)到80分以上。

綜上所述，在《網(wǎng)頁設(shè)計(jì)》模塊教學(xué)中采用分層教學(xué)方法，將有效的克服教學(xué)內(nèi)容與學(xué)生興趣愛好之間的矛盾，克服學(xué)生掌握知識水平兩極分化的矛盾。真正做到了以學(xué)生為出發(fā)點(diǎn)，充分發(fā)揮學(xué)生的積極性和主動性，適應(yīng)學(xué)生對不同內(nèi)容的學(xué)習(xí)需要，有效地解決了班級授課制的固有缺陷和因材施教之間的矛盾，《網(wǎng)頁設(shè)計(jì)》模塊教學(xué)注入了新的活力。但是，分層教學(xué)的設(shè)計(jì)、分組、教學(xué)內(nèi)容的分層、教學(xué)方法的分層等方面仍存在著不少的問題還有不少值得深入探索的地方。我將在以后的教學(xué)中不斷努力，使分層教學(xué)活動的方法得以不斷的改進(jìn)和完善。

參考文獻(xiàn)：

1、鐘和軍 《基于信息技術(shù)環(huán)境下分層導(dǎo)學(xué)模式的構(gòu)建與實(shí)踐》

2、付裕東 《落實(shí)因材施教原則的最佳途徑——分層次教學(xué)》

3、王濤斌 《分層教學(xué)理論在信息技術(shù)教學(xué)中的運(yùn)用》

4、張春興 《教育心理學(xué)》

5、羅耀軍，戴小波，張培軍 《計(jì)算機(jī)網(wǎng)頁制作教程》

第四篇：平面構(gòu)成在網(wǎng)頁設(shè)計(jì)中的運(yùn)用

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

易 星

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）點(diǎn)的運(yùn)用

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

圖１．點(diǎn)的運(yùn)用（來自004km.cn）

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

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

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

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

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

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

2、色彩心理

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

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

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

3、合理搭配色彩

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

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

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

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

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

4、色彩構(gòu)成在網(wǎng)頁設(shè)計(jì)中的細(xì)節(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)重大方，可以看出整個界面采用冷靜開闊的藍(lán)色調(diào)，但是頁面色彩卻不單調(diào)，當(dāng)用戶將鼠標(biāo)移動到導(dǎo)航欄上，藍(lán)色的橫線變成了明快的翠綠色，就這一點(diǎn)小小的細(xì)微動作卻增強(qiáng)了用戶的交互性。但整體而言，色彩還是比較單一，穩(wěn)重有余而活力不足，作為一家年輕的企業(yè)，應(yīng)該要有年輕人的活力。所以在大片的藍(lán)色中夾雜了鮮艷的橘紅色作為點(diǎn)綴，立刻整個頁面就會顯得比較活潑，再用漸變色豐富了色彩的層次。整體來看是一個比較成功的功能與美感并存的企業(yè)網(wǎng)站。

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

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

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

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

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

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

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

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

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

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

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

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

五、主要參考資料

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

第五篇：網(wǎng)頁瀏覽中第三方插件的利弊分析論文（范文）

網(wǎng)頁瀏覽中第三方插件的利弊分析

摘 要：計(jì)算機(jī)使用中的插件技術(shù)是近來十分常見的一種技術(shù)，插件結(jié)構(gòu)有助于編寫有良好的擴(kuò)充和定制功能的應(yīng)用程序以及網(wǎng)頁瀏覽，本文就計(jì)算機(jī)的應(yīng)用中的插件技術(shù)的概念、應(yīng)用、典型、利弊等方面進(jìn)行分析和闡述，其中以網(wǎng)頁中的第三方插件為重點(diǎn)。關(guān)鍵詞：插件技術(shù)；第三方插件；功能

Analysis of Advantages and Disadvantages of the Third

Partybrowser Plug-in Webpage

Abstract：Computer use of plug-in technology is one of the very common recently, plug-in structure helps to write good expansion and customization of application and web browsing, in this paper, the concept of the application of the computer of plug-in technology, application, typical, advantages and disadvantages are analyzed and expounded, which, with emphasis on the web page of third-party plug-ins.Key words：plug-in technology;third party plugins;Function

目錄[三號宋體加粗，居中]

（三號字空一行）

第一章

引言............................................................................................................................1 第二章

插件及第三方插件概述............................................................................................2 2.1插件的定義.......................................................................................................................2 2.2第三方插件的定義...........................................................................................................2 2.3插件技術(shù)原理...................................................................................................................2 2.4插件的功能.......................................................................................................................3 2.5插件的分類.......................................................................................................................3 2.6網(wǎng)頁中第三方插件的類型...............................................................................................3 2.7常見的第三方插件及其應(yīng)用...........................................................................................4 第三章

瀏覽器安裝第三方插件的利弊................................................................................7 3.1第三方插件安裝的好處...................................................................................................7 3.2第三方插件的安裝...........................................................................................................8 3.3瀏覽器安裝第三方插件的案例.....................................................................................13 3.4惡意插件的特征.............................................................................................................13 3.5第三方插件安裝的弊端.................................................................................................14 第四章 總 結(jié)........................................................................................................................14 致

謝..................................................................................................................................14 參考文獻(xiàn)..................................................................................................................................15

第一章

引言

隨著現(xiàn)代計(jì)算機(jī)產(chǎn)業(yè)的飛速發(fā)展，計(jì)算機(jī)軟硬件系統(tǒng)的性能有了顯著的提升。目前，國內(nèi)計(jì)算機(jī)技術(shù)人員在插件技術(shù)的研究中已經(jīng)取得一定的成果，并且實(shí)現(xiàn)了技術(shù)研究與實(shí)際生產(chǎn)的結(jié)合。為了提高軟件的重用性、可擴(kuò)展性，使開發(fā)的產(chǎn)品更專業(yè)化、標(biāo)準(zhǔn)化、現(xiàn)代化。近年來，基于面向組件的編程思想，人們又運(yùn)用插件技術(shù)開發(fā)出伸縮性良好，便于維護(hù)的應(yīng)用程序，來提高軟件的重用性和可擴(kuò)展性，以延長軟件的生命周期，并根據(jù)用戶的需要，擴(kuò)充自己的功能。本文從插件與第三方插件入手，介紹插件技術(shù)、第三方插件等基本概念和一些相關(guān)的實(shí)際案例，討論了插件以及第三方插件的實(shí)際應(yīng)用，以及第三方插件利弊的分析。

各式各樣的第三方插件層出不群，在實(shí)際應(yīng)用中已經(jīng)很普遍。然而其中蘊(yùn)含的問題也隨之出現(xiàn)，第三方插件對于用戶電腦的侵犯與資金的詐騙也讓人們開始關(guān)注起來，第三方插件對用戶程序的修改不能構(gòu)成侵犯著作權(quán)罪，第三方插件作為智力成果具有相對的獨(dú)立性,應(yīng)當(dāng)受刑法保護(hù)。

第二章

插件及第三方插件概述

2.1插件的定義

插件(plug-in)就是很多通用或?qū)Ｓ贸绦?，提供給應(yīng)用層用戶進(jìn)行二次開發(fā)的一種程序接口方式，它是基于面向?qū)ο蟮乃枷朐O(shè)計(jì)和實(shí)現(xiàn)。其目的就是為了提高軟件的重用性和擴(kuò)展性，以延長軟件的生命周期。其本質(zhì)是一種應(yīng)用工程的擴(kuò)展，是在不修改程序主體的情況下對軟件功能進(jìn)行加強(qiáng)，當(dāng)插件的接口被公開時，任何人都可以自己制作插件來解決一些操作上的不便或增加一些功能。

2.2第三方插件的定義

第三方插件就是在一個軟件的基礎(chǔ)之上，增加這個軟件的功能，但不是這個軟件的開發(fā)商開發(fā)的。就是說該插件是由買賣雙方之外的任何一方開發(fā)的插件，第三方的意思就是除買賣雙方之外的其他廠家或經(jīng)營實(shí)體都可以稱為第三方。說的通俗點(diǎn)，就是買一贈一，你安裝了一款軟件附贈了一款工具，比如迅雷是用來下載的，可是它有插件可以看電影可以掃描漏洞可以升級軟件。

2.3插件技術(shù)原理

插件技術(shù)就是在程序的設(shè)計(jì)開發(fā)過程中，把整個應(yīng)用程序分成宿主程序和插件兩個部分，宿主程序與插件能夠相互通信，并且在宿主程序不變的情況下，可以通過增減插件或修改插件來調(diào)整和增強(qiáng)應(yīng)用程序功能。

以特定條件為基礎(chǔ)實(shí)現(xiàn)插件在計(jì)算機(jī)軟件中的運(yùn)行，該運(yùn)行不僅需要程序運(yùn)行過程中相關(guān)軟件接口的支撐，而且還需要控制臺鏈接庫自身的動態(tài)支持。作為一種具有特定功能的軟件模塊，動態(tài)鏈接庫是無法單獨(dú)運(yùn)行的，需要經(jīng)過其他獨(dú)立運(yùn)行程序的調(diào)用，或者輸入相應(yīng)的類、函數(shù)，才能確保動態(tài)鏈接庫的運(yùn)行。調(diào)用動態(tài)鏈接庫功能方式有動態(tài)調(diào)用方式和靜態(tài)調(diào)用方式，其中，靜態(tài)調(diào)用方式在應(yīng)用程序結(jié)束后，或者對DLL進(jìn)行加載后，利用編譯系統(tǒng)，來實(shí)現(xiàn)相應(yīng)編碼的卸載。若其他程序也在對DLL進(jìn)行使用，應(yīng)知道相應(yīng)程序不再對DLL進(jìn)行使用之后，可停止使用窗口減少DLL記錄，該方式靈活性較差，但是能達(dá)到基本需求，且使用簡單。為了達(dá)到目的，編程人員利用API函數(shù)對DLL進(jìn)行卸載或加載，即靜態(tài)調(diào)用方式。雖然靜態(tài)調(diào)用方式的應(yīng)用較為繁瑣，但是在對大型程序進(jìn)行編輯時卻十分方便，且能夠有效利用其內(nèi)存。在開發(fā)插件的過程中，為了能夠完全發(fā)揮出軟件的功能，應(yīng)設(shè)置軟件支持接口。當(dāng)插件與宿主程序進(jìn)行通訊時，應(yīng)該先對相應(yīng)通信標(biāo)準(zhǔn)進(jìn)行制定，這是為了更好確保插件與宿主程序正確的通信。

2.4插件的功能

允許插件修改主程序部分菜單；實(shí)現(xiàn)對主程序UI界面的定制；主程序注冊或反注冊插件時，插件可以做出相應(yīng)的動作；提供信息和參數(shù)。

2.5插件的分類

目前，國內(nèi)外在計(jì)算機(jī)軟件系統(tǒng)的設(shè)計(jì)中，插件技術(shù)的應(yīng)用日趨廣泛，而且發(fā)揮了重要的作用。下面是幾種常見的插件類型進(jìn)行簡要的介紹：

2.5.1簡單插件

在計(jì)算機(jī)軟件系統(tǒng)中，類似批命令的簡單插件是最為常見的插件類型，實(shí)質(zhì)上此類插件的自由度相對較低，與傳統(tǒng)的軟件系統(tǒng)比較，在功能上的優(yōu)越性并不明顯。使用簡單插件技術(shù)的軟件系統(tǒng)主要是win hacker、win amp等，在安裝類似批命令的簡單插件后，用戶可以根據(jù)自己的實(shí)際需求，輸入相應(yīng)的命令代碼，以保證軟件系統(tǒng)可以按照預(yù)設(shè)程序運(yùn)行。運(yùn)類似批命令的簡單插件通常是文本文件的形式，其功能較為單一，可擴(kuò)展性很小，但是結(jié)構(gòu)簡單，運(yùn)行環(huán)境要求低，非計(jì)算機(jī)專業(yè)人員即可按照提示進(jìn)行相關(guān)操作。

2.5.2利用現(xiàn)有程序開發(fā)環(huán)境制作的插件

在現(xiàn)階段的計(jì)算機(jī)軟件系統(tǒng)中，利用現(xiàn)有程序開發(fā)環(huán)境制作的插件也較為常見，如：photo shop使用的就是這種插件技術(shù)。與類似批命令的簡單插件相比，利用現(xiàn)有程序開發(fā)環(huán)境制作的插件在程序主體的構(gòu)建中，設(shè)置了若干個自定義的接口，保證插件可以自由訪問軟件系統(tǒng)的各種資源。此種插件技術(shù)在實(shí)際應(yīng)用中，具有自由度較大的優(yōu)勢，開發(fā)者可以盡情發(fā)揮自己的創(chuàng)意。但是此種插件的程序編寫過程較為復(fù)雜，對于插件接口的協(xié)調(diào)性要求比較高，必須由專業(yè)的編程人員進(jìn)行相關(guān)操作。

2.5.3使用特殊腳本語言實(shí)現(xiàn)的插件

在計(jì)算機(jī)軟件系統(tǒng)的設(shè)計(jì)中，使用特殊腳本語言實(shí)現(xiàn)的插件應(yīng)用相對較少，其程序編寫流程較為復(fù)雜，為了滿足插件的正常應(yīng)用，程序編寫者必須制作一個相應(yīng)的程序解釋內(nèi)核，以保證使用者可以根據(jù)編寫者的設(shè)計(jì)意圖進(jìn)行相關(guān)操作。在國內(nèi)外現(xiàn)階段的計(jì)算機(jī)系統(tǒng)設(shè)計(jì)中，使用特殊腳本語言實(shí)現(xiàn)的插件尚屬于技術(shù)攻關(guān)階段，微軟公司曾經(jīng)研發(fā)了一款此類插件，但是實(shí)際應(yīng)用效果并不理想。使用特殊腳本語言實(shí)現(xiàn)的插件如果研發(fā)成功，將實(shí)現(xiàn)插件制作流程的簡便化，在各種辦公自動化軟件中可以發(fā)揮重要的作用。

2.6網(wǎng)頁中第三方插件的類型

2.6.1下載ActiveX(ACTIVEX): 3 ActiveX插件也叫做OLE控件或OCX控件，它是一些軟件組件或?qū)ο螅梢詫⑵洳迦氲絎EB網(wǎng)頁或其它應(yīng)用程序中在因特網(wǎng)上，ActiveX插件軟件的特點(diǎn)是：一般軟件需要用戶單獨(dú)下載然后執(zhí)行安裝，而ActiveX插件是當(dāng)用戶瀏覽到特定的網(wǎng)頁時，IE瀏覽器即可自動下載并提示用戶安裝。

ActiveX插件安裝的前提是必須先下載，然后經(jīng)過認(rèn)證，最終用戶確認(rèn)同意方能安裝，因此嵌有ActiveX腳本程序的頁面可能會變得非常慢，甚至導(dǎo)致瀏覽器瞬間失去響應(yīng)。

插件管理專家2008能夠屏蔽用戶不需要安裝的插件程序，加快頁面加載速度，確保用戶正常瀏覽。

2.6.2瀏覽器輔助（BHO)BHO全稱Browser Helper Object，是一種隨因特網(wǎng)瀏覽器（如IE）每次啟動而自動執(zhí)行的小程序.通常情況下，一個BHO文件是由其它軟件安裝到用戶的系統(tǒng)中的.例如一些帶有下載功能的廣告軟件，它可能會安裝一個BHO文件從而追蹤用戶在上網(wǎng)沖浪遇到的眾多網(wǎng)頁廣告。

通常的BHO會幫助用戶更方便地瀏覽因特網(wǎng)或調(diào)用上網(wǎng)輔助功能，也有一部分BHO被人稱為廣告軟件（Adware）或間諜軟件（Spyware），它們監(jiān)視用戶的上網(wǎng)行為并把記錄的相關(guān)數(shù)據(jù)報(bào)告給BHO的創(chuàng)建者.BHO也可能會與其它運(yùn)行中的程序發(fā)生沖突，從而導(dǎo)致諸如各種頁面錯誤，運(yùn)行時間錯誤等等現(xiàn)象，通常阻止了正常瀏覽的進(jìn)行。

插件管理專家2008提供的BHO清理能夠幫助用戶查看并屏蔽被IE瀏覽器加載的BHO文件。

2.6.3搜索掛接（URL SEARCHHOOK)用戶在地址欄中輸入非標(biāo)準(zhǔn)的網(wǎng)址，如英文字符或者中文的時候，當(dāng)?shù)刂窓跓o法對輸入字符串解釋成功時，瀏覽器會自動打開一個以用戶輸入的字符串為搜索詞的結(jié)果頁面，幫助用戶找到需要的內(nèi)容.URLSearchhook對象就是完成搜索功能的插件.它通常是由第三方公司或者個人開發(fā)，通過插件的方式安裝到瀏覽器上，目的是為了幫助用戶更好的使用互聯(lián)網(wǎng).例如用戶在地址欄中輸入“手機(jī)”,就可以直接看到手機(jī)搜索結(jié)果.也有一些企業(yè)或者個人為了達(dá)到提高網(wǎng)站訪問或其它商業(yè)目的，在用戶不知情的情況下修改IE瀏覽器的URLSearchhook。

使用插件管理專家2008可以對URLSearchhook插件程序進(jìn)行管理，屏蔽或者刪除不需要的惡意插件。

2.6.4工具條（Toolbar)工具條，通常指加載在瀏覽器的輔助工具.它位于瀏覽器標(biāo)準(zhǔn)工具條的下方，在IE工具欄空白處點(diǎn)擊右鍵，可以查看所有已經(jīng)安裝的工具條，通過勾選顯示或者隱藏已安裝的工具條。

2.7常見的第三方插件及其應(yīng)用

2.7.1 Adobe Flash Player for IE

圖2.7.1 Adobe Flash Player for IE 如圖2.7.1此款插件是用于上網(wǎng)看視頻，玩游戲必須的瀏覽器插件。用于瀏覽網(wǎng)頁中的flash文件，顯示和播放豐富的多媒體內(nèi)容，讓你在網(wǎng)頁上享受更廣泛的多媒體體驗(yàn)。

2.7.2 360安全瀏覽器 搶票專版

圖2.7.2 360安全瀏覽器 搶票專版

如圖2.7.2一款瀏覽器插件，擁有網(wǎng)絡(luò)收藏夾、郵件提醒、游戲小號躲開、翻譯、截圖等幾十種實(shí)用工具和上百款皮膚，還可以快速、方便的購買車票機(jī)票，被很多網(wǎng)民認(rèn)可。

2.7.3 游戲英雄聯(lián)盟盒子插件

圖2.7.3 英雄聯(lián)盟盒子插件

如圖2.7.3為了近來最火熱的英雄聯(lián)盟此款游戲而推出的一款插件，也是多玩受官方認(rèn)證發(fā)布的游戲輔助工具，英雄聯(lián)盟盒子提供多種多樣的游戲輔助功能，英雄聯(lián)盟盒子讓游戲生活更加愜意，并且完全免費(fèi)。

2.7.4 快播插件

圖2.7.4 快播插件

如圖2.7.4快播插件是一款簡易的視頻播放插件，集成了全新的播放引擎，快播具 有資源占用低、操作簡捷、運(yùn)行效率高，擴(kuò)展能力強(qiáng)等特點(diǎn)。

2.7.5 魔獸大腳插件

圖2.7.5 魔獸大腳插件

如圖2.7.5是專為魔獸世界玩家打造的游戲功能增強(qiáng)的插件，提供了一整套的特性方案，包括額外的動作按鈕、方便快捷的換裝功能、戰(zhàn)斗信息統(tǒng)計(jì)等多種輔助功能，可以為玩家們提供更為順愉快的游戲體驗(yàn)。

第三章

瀏覽器安裝第三方插件的利弊

3.1第三方插件安裝的好處

使用插件技術(shù)能夠在分析、設(shè)計(jì)、開發(fā)、項(xiàng)目計(jì)劃、協(xié)作生產(chǎn)和產(chǎn)品擴(kuò)展等很多方面帶來好處：

(1）結(jié)構(gòu)清晰、易于理解。由于借鑒了硬件總線的結(jié)構(gòu)，而且各個插件之間是相互獨(dú)立的，所以結(jié)構(gòu)非常清晰也更容易理解。

(2）易修改、可維護(hù)性強(qiáng)。由于插件與宿主程序之間通過接口聯(lián)系，就像硬件插卡一樣，可以被隨時刪除，插入和修改，所以結(jié)構(gòu)很靈活，容易修改，方便軟件的升級和維護(hù)。

(3）可移植性強(qiáng)、重用力度大。因?yàn)椴寮旧砭褪怯梢幌盗行〉墓δ芙Y(jié)構(gòu)組成，而且通過接口向外部提供自己的服務(wù)，所以復(fù)用力度更大，移植也更加方便。

(4）結(jié)構(gòu)容易調(diào)整。系統(tǒng)功能的增加或減少，只需相應(yīng)的增刪插件，而不影響整個體系結(jié)構(gòu)，因此能方便的實(shí)現(xiàn)結(jié)構(gòu)調(diào)整。(5）插件之間的耦合度較低。由于插件通過與宿主程序通信來實(shí)現(xiàn)插件與插件，插件與宿主程序間的通信，所以插件之間的耦合度更低。

(6）可以在軟件開發(fā)的過程中修改應(yīng)用程序。由于采用了插件的結(jié)構(gòu)，可以在軟件的開發(fā)過程中隨時修改插件，也可以在應(yīng)用程序發(fā)行之后，通過補(bǔ)丁包的形式增刪插件，通過這種形式達(dá)到修改應(yīng)用程序的目的。

(7）靈活多變的軟件開發(fā)方式?？梢愿鶕?jù)資源的實(shí)際情況來調(diào)整開發(fā)的方式，資源充足可以開發(fā)所有的插件，資源不充足可以選擇開發(fā)部分插件，也可以請第三方的廠商開發(fā)，用戶也可以根據(jù)自己的需要進(jìn)行開發(fā)。

3.2第三方插件的安裝

3.2.1 ActiveX 組件安裝

1、當(dāng)首次運(yùn)行IE瀏覽器時，請臨時降低安全設(shè)置在將ActiveX 組件安裝到計(jì)算機(jī)中。具體操作方法下：

步驟一:首先請打開IE瀏覽器選擇【工具】下面的Internet選項(xiàng)如圖3.1所示：

圖3.1 Internet 選項(xiàng) 步驟二：點(diǎn)擊進(jìn)入【Internet屬性】以后如圖3.2所示。

圖 3.2 Internet屬性

步驟三：在Internet屬性選項(xiàng)面板里面選擇【安全】選項(xiàng)以后如圖3.3所示

圖3.3 Internet 安全選項(xiàng) 步驟四：在安全選項(xiàng)這里選擇【自定義級別】如圖3.4所示。

圖3.4 Internet自定義選項(xiàng)

步驟五：在自定義級設(shè)置里面把《ActiveX控件和插件》選為【啟用】共啟用三項(xiàng)如圖3.5所示：

圖3.5 Internet 啟用選項(xiàng)

步驟六：在往下拉找到【下載未簽名的ActiveX控件】同步驟五一樣啟用共2項(xiàng)選擇設(shè)置完后點(diǎn)擊確定圖3.6所示。

圖3.6 Internet 啟用選項(xiàng)

步驟七：設(shè)置好以后單擊確定出現(xiàn)【警告提示】請選擇是如圖3.7所示。

圖3.7 Internet警告提示選項(xiàng)

步驟八：最后設(shè)置完成以后單擊擊確定如圖3.8所示。

圖3.8 Internet設(shè)置完成

3.2.2 新浪Live視頻插件的安裝

圖3.9 新浪Live視頻插件安裝

此款插件應(yīng)用于新浪網(wǎng)頁中視頻的播放，可以更快速、流暢的播放，按提示的步驟安裝之后，刷新網(wǎng)頁便可觀看視頻如圖3.9所示。

3.3瀏覽器安裝第三方插件的案例

百度訴360不正當(dāng)競爭一案在北京市二中院有了一審結(jié)果。法院一審認(rèn)定奇智軟件(北京)有限公司和北京三際無限網(wǎng)絡(luò)科技有限公司的行為構(gòu)成不正當(dāng)競爭，判決二公司停止侵權(quán)，刊登聲明以消除影響，賠償原告北京百度網(wǎng)訊科技有限公司以及百度時代網(wǎng)絡(luò)技術(shù)(北京)有限公司經(jīng)濟(jì)損失及訴訟合理支出共計(jì)38.5萬元。原告訴稱，今年3月初，兩被告在其360安全衛(wèi)士7.0軟件版本中，將兩原告共同經(jīng)營的百度工具欄和百度地址欄兩款軟件定義為“惡評插件”，并作為“病毒”查殺。法院認(rèn)為，被告在其軟件、網(wǎng)站中將百度工具欄和百度地址欄軟件稱為“惡評插件”的行為；將上述兩款涉案軟件標(biāo)識出來并誘導(dǎo)用戶刪除的行為，360安全中心網(wǎng)站中無依據(jù)地對上述兩款涉案軟件進(jìn)行負(fù)面介紹的行為，均構(gòu)成不正當(dāng)競爭。

常常上網(wǎng)的網(wǎng)民一定深有體會，在使用百度搜索引擎時，經(jīng)常發(fā)現(xiàn)頁面最上端出現(xiàn)很多標(biāo)注為推廣鏈接的付費(fèi)廣告。于是，專門屏蔽百度推廣鏈接的插件在網(wǎng)上“誕生”了，但也因此引發(fā)了官司?！捌鋵?shí)，論壇上經(jīng)常有這種屏蔽廣告的軟件與插件，有的應(yīng)用在小說閱讀區(qū)，有需要就會有創(chuàng)造?！?/p>

來自360的代理律師還在庭上表示：“如果用戶不希望屏蔽百度推廣鏈接，完全可以不用該插件，這是用戶自己選擇的結(jié)果，百度認(rèn)為360通過該插件‘獲得競爭優(yōu)勢和不當(dāng)利益’是沒有事實(shí)和法律依據(jù)的。”

值得注意的是，在這場關(guān)于互聯(lián)網(wǎng)的糾紛當(dāng)中，第三方插件的應(yīng)用就很重要。在庭審中，百度提出屏蔽廣告插件讓百度喪失了交易（點(diǎn)擊付費(fèi)推廣鏈接）的機(jī)會，并且認(rèn)為付費(fèi)推廣連接不是廣告，而屬于正常內(nèi)容，如果被屏蔽了，百度的利益將會受到損失。在百度百科中對于“廣告”一詞進(jìn)有如下描述：“廣告，即確定的組織或個人為了一定的目的，依靠付出費(fèi)用，在規(guī)定的時間內(nèi)，按照要求，由指定的媒體，將真實(shí)信息傳播出去的一種交流活動?！倍鴤鹘y(tǒng)的觀念中，“競價排名”一直都屬于廣告的一種形式。由此可見，第三方插件在網(wǎng)頁瀏覽中已經(jīng)很普遍存在。

3.4惡意插件的特征

有些插件程序能夠幫助用戶更方便瀏覽因特網(wǎng)或調(diào)用上網(wǎng)輔助功能，也有部分程序被人稱為廣告軟件(Adware）或間諜軟件(Spyware).此類惡意插件程序監(jiān)視用戶的上網(wǎng)行為，并把所記錄的數(shù)據(jù)報(bào)告給插件程序的創(chuàng)建者，以達(dá)到投放廣告，盜取游戲或銀行帳號密碼等非法目的。

因?yàn)椴寮绦蛴刹煌陌l(fā)行商發(fā)行，其技術(shù)水平也良莠不齊，插件程序很可能與其它運(yùn)行中的程序發(fā)生沖突，從而導(dǎo)致諸如各種頁面錯誤，運(yùn)行時間錯誤等等現(xiàn)象，阻塞了正常瀏覽。

3.5第三方插件安裝的弊端

瀏覽器插件對上網(wǎng)速度的影響是顯而易見的，而且這些插件經(jīng)常無聲無息就裝進(jìn)了電腦。國內(nèi)流行的2000款瀏覽器插件中，有近四成因強(qiáng)制彈廣告、難以卸載等而被用戶投票為惡評插件，他們都極大程度地影響了上網(wǎng)速度。而且還會帶來安全隱患，為黑客入侵提供了平臺，更為嚴(yán)重的是還可能威脅到您的財(cái)產(chǎn)安全。

第三方插件是宿主程序開發(fā)方和使用方之外的第三方主要為擴(kuò)充宿主程序功能而開發(fā)的、必須依存于宿主程序才能運(yùn)行的軟件組件。珊瑚蟲QQ刑事案是一個典型的第三方插件刑事案。第三方插件可能會因侵害宿主程序的修改權(quán)和保護(hù)作品完整權(quán)而成立民事侵權(quán)。

第四章 總 結(jié)

隨著現(xiàn)代計(jì)算機(jī)技術(shù)的不斷發(fā)展，插件技術(shù)在軟件系統(tǒng)的研發(fā)中得到了更為廣泛的應(yīng)用，雖然插件會影響上網(wǎng)速度、竊取賬戶資金、還有可能構(gòu)成侵權(quán)等弊端。但實(shí)現(xiàn)了軟件功能的不斷擴(kuò)展，而且促進(jìn)了計(jì)算機(jī)軟件系統(tǒng)的智能化、集成化發(fā)展。在今后的計(jì)算機(jī)軟件系統(tǒng)研發(fā)中，應(yīng)進(jìn)一步加強(qiáng)插件技術(shù)的研究與實(shí)踐，以滿足現(xiàn)代科技的高速發(fā)展要求。

致

謝

本論文在陸老師的悉心指導(dǎo)下完成的。老師淵博的專業(yè)知識、嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，嚴(yán)于律己、寬以待人的崇高風(fēng)范，樸實(shí)無法、平易近人的人格魅力對本人影響深遠(yuǎn)。不僅使本人樹立了遠(yuǎn)大的學(xué)習(xí)目標(biāo)、掌握了基本的研究方法，還使本人明白了許多為人處事的道理。本次論文從選題到完成，每一步都是在老師的悉心指導(dǎo)下完成的，傾注了老師大量的心血。在此，謹(jǐn)向老師表示崇高的敬意和衷心的感謝!在寫論文的過程中，遇到了很多的問題，在老師的耐心指導(dǎo)下，問題都得以解決。所以在此，再次對老師道一聲：老師，謝謝您!

參考文獻(xiàn)

[1]劉瑤，插件技術(shù)初步研究所[J].揚(yáng)州教育學(xué)院學(xué)報(bào)，2003,21（3）：35-37.[2]彭永康，章義來，插件及其接口的研究與應(yīng)用[J].計(jì)算機(jī)應(yīng)用，2003,23（6）：122-123.[3]陳方明，陳奇，基于插件思想的可重用軟件設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)工程與設(shè)計(jì)者2005,1（26）：172-173.[4]劉家彬，陳渝等.基于windows操作系統(tǒng)動態(tài)鏈接技術(shù)的分析與實(shí)現(xiàn)[j].樂山師范學(xué)院學(xué)報(bào)，2007，（11）：43-45 [5]吳亮，楊凌云.基于插件技術(shù)的gis應(yīng)用框架的研究與實(shí)現(xiàn)[j].地球科學(xué)，2010，（09）：10-11 [6]陳方明，陳奇.基于插件思想的可重用軟件設(shè)計(jì)與實(shí)現(xiàn)[j].計(jì)算機(jī)工程與設(shè)計(jì)者，2008，（01）：67-68.[7]姚志偉，劉潤濤.第三方插件與宿主軟件著作權(quán)問題探討-兼評騰訊與奇虎之爭[J].知識產(chǎn)權(quán)2011（3）.[8]劉興平，馬燕，杜利峰.插件技術(shù)研究初探[J].延安大學(xué)學(xué)報(bào)（自然科學(xué)版），2006（1）.