網頁設計論文精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計論文主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網頁設計論文范文

一、網站整體規(guī)劃，要做網頁的第一步便是做網站的整體規(guī)劃這主要包括四個方面的內容。

1.討論網站的主題。

網站整體規(guī)劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2.定位網站的CI形象?！耙追啤敝哺袊幕瑁橙∽匀环A賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

3.確定欄目和板塊。

于時間的關系在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2.網站的整體風格和創(chuàng)意。

整個網站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2.熟悉制作軟件。

做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。

三、網頁制作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網頁制作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁制作時，時刻考慮著網頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內容統(tǒng)一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，色彩呼應，搭配協(xié)調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔實用：這是非常重要的，網絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強：發(fā)揮網絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3.實現(xiàn)網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

4.向靜太網頁插入動態(tài)效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態(tài)圖片。

第2篇：網頁設計論文范文

(1)影音。

科技的發(fā)展，使視覺這門藝術不再僅僅局限于二維空間的發(fā)展，動畫、視頻等網頁設計元素的運用，極大地豐富了網頁的信息內容，這些元素成為網頁設計中最生動、最活躍的因素，給受眾帶來試聽方面的雙重享受。動聽的音樂，服飾的動態(tài)展示，給受眾帶來愉悅感的同時，像一種調劑一樣平衡了視覺和心理上的感受，同時還留給了受眾對服飾想象空間的延伸。在服飾網頁設計中，通常用Flas的方式來展示服飾產品。當然，伴隨著三維動畫的運用，服飾網頁的設計將會越來越科學和藝術。動畫等視頻藝術的運用，能夠營造出受眾者對服飾的一種情緒，一種感覺與情感。動畫方式的服飾展示，不僅使人們的情感得到張揚，而且使人機對話的過程也變得更加生動有趣。其總的設計目標是營造出一種放松的氣氛，使人們感到輕松、活潑與休閑，在閱讀過程中，使受眾者在視覺與心理上獲取愉悅，產生消費的熱情。

(2)整體色彩感。

網絡媒體是一種非常特殊的媒體形式，通過光和色將要傳遞的信息展現(xiàn)在屏幕上，用于人們交流與溝通。因此，設計出符合人的心理與生理等要求的，合理的色彩搭配就顯得尤為重要。在設置色彩的彩度及明度時要特別慎重，受眾者的要求以及服飾品牌風格色調的和諧就需要得到綜合全面地考慮?？梢圆捎迷O置背景的方法，一來減少人們由于長時間注視亮背景所引起的神經疲勞以及心理上的厭煩感，二者烘托服飾風格，這樣使網頁的總體風格超越文字和圖形的既定內涵，給受眾者勾畫出一個完整的審美意境。其次，還可以通過利用和諧的色彩搭配及色彩有規(guī)律的變化，營造視覺上的流動感，使受眾者在獲取信息的同時，也能夠得到視覺和精神上的購物享受。

2服飾網頁框架布局

網頁的框架布局是網站視覺設計研究的重要環(huán)節(jié)之一，網頁設計中把不同的設計要素進行有機整合，主要借助框架結構來完成。這種框架結構相當于普通頁面的版式設計。常見的網頁布局有層，還有表格定位的方式。在服飾網頁設計中，通常兩種定位方式同時采用，他們互相取長補短，相得益彰。由于服飾網站的特殊性質，受眾瀏覽網站的目的、閱讀信息的方式以及在站內逗留的時間的不同，在策劃網頁頁面的編排創(chuàng)意時，采取“少則多”的設計原則，這樣單個頁面雖然容納的信息量較少，但視覺表現(xiàn)力卻比較集中。這種設計手法滿足了受眾者對服飾好奇、探求的欲望，為服飾網站的個性化風格營造了氛圍;再者，人機對話的方式誘發(fā)了受眾的活力與興趣，增加了網絡互動性，這樣有利于消費者與設計師之間的溝通與交流。服飾網頁頁面編排時，還需要結合服裝品牌的主題風格與素材，不斷調整頁面的均衡，在統(tǒng)一中尋求變化，獲得秩序感，給受眾者創(chuàng)造最佳的視覺效果，最終完成信息的傳遞。

3結語

第3篇：網頁設計論文范文

1從屏幕采集

最原始的方法是按下鍵盤上的<PrintScreen>鍵，將當前屏幕復制到剪貼板上，再通過其他圖片處理軟件進行加工；也可通過相應的屏幕截取軟件工具進行屏幕采集如HyperSnapDX、SnagIt等。

2從網上下載

網絡資源異常豐富，在Internet上可供選擇的素材很多，可以直接訪問網頁，從網上搜集我們需要的圖片，并通過保存圖片或者通過電子郵件、網際快車等形式下載相關的資料素材。

3用掃描儀采集圖像

可通過彩色掃描儀將報紙圖書等紙質的圖片素材進行掃描，把各種印刷品及彩色照片數(shù)字化后在計算機中存儲起來供使用。

4使用數(shù)碼相機及數(shù)碼攝像機采集圖像

可使用數(shù)碼相機和數(shù)碼攝像機進行圖片的拍攝和錄取，然后將相關圖像信息存儲到計算機中進行處理，這應用的非常普遍。

5通過計算機軟件進行繪制

可通過各種繪圖軟件進行繪制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。這些工具軟件在圖形圖像的處理方面功能很強大，不但可以很方便的處理圖形圖像，還可以優(yōu)化圖片的質量，提高網頁的下載速度和制作效率。

二圖片在網頁應用中的處理方法

1退底處理

可以形成生動的邊緣效果，使畫面更具活力。有時也為了去除圖片中繁雜的背景，使圖片主體更簡潔醒目。

2虛實處理

通過對圖片進行虛實處理，也可使主體更突出，增強網頁的空間與層次感。同時通過虛實的對比，使畫面形成張弛有度的關系，其虛的部分可激發(fā)人們的想象力，有助于產生聯(lián)想。

3影調處理

通過各種圖形圖像處理軟件，對圖片的色度、飽和度、明度、純度等進行調整，可以制作出各種色調的圖片效果，從而大大增強圖片的感染力。如將整張圖片進行去色處理、產生單一色調效果或突出某一主要色調等

4質感處理

通過對圖片的質感處理，可以激發(fā)人們的聯(lián)想與情感投入。如粗糙的表面效果，可以帶給人們的質樸的感受；對圖片進行殘缺處理和作舊處理，可以帶來一種滄桑感等。利用Photoshop圖層和濾鏡等相關功能，可以制作出不同質感的圖像效果。

5局部與特寫

有時為了突出某一特定部位，或獲得某種特別的視角，需要對圖片的局部進行特寫處理，通過對圖片的重新剪裁而獲得一種特別的視覺感受。

6綜合處理

在很多時候，為了某種表現(xiàn)效果，需將各種方式綜合利用，以達到設計的目的。例如，對圖片進行重新分割與組合、混合等。

三結束語

第4篇：網頁設計論文范文

1、傳統(tǒng)網頁設計教學中存在的問題

眾所周知，計算機網頁設計課程具有很強的綜合性和操作性等特點，若想制作效果良好的網頁，需要具備文字版面處理、動畫制作及圖像處理等相關知識。設計計算機網頁時，通常使用Flash、Firework和Dreamweaver三種網頁設計軟件?，F(xiàn)階段，很多技術學校依然采用傳統(tǒng)的網頁設計教學模式，即利用實踐和理論的方式組織教學過程，具體地說，按照教學大綱要求，有針對性的對學生實施章節(jié)教學，若知識點不同，則會分兩次進行理論和實驗教學，這就導致學生無法靈活運用所學知識，一味的照搬課本內容，不會融會貫通和相互聯(lián)系，以致無法培養(yǎng)學生的創(chuàng)新意識及能力。傳統(tǒng)教學模式雖然同樣重視實踐教學，而其實際教學效果常常達不到預期目標，這主要是因為學生在熟練掌握網頁制作技術及技巧的情況下，未能有效掌控網站、圖片制作和內容排版編排的規(guī)劃和布局造成的。

2、案例教學模式的內涵

所謂的案例教學模式，是指學生熟練掌握基礎部分相關知識辨別、知識分析及知識理解的前提下，教師精心設計教學案例，進而為學生展示課程內容，同時，根據(jù)課程大綱和教學目標的教學內容和要求，指引學生通過教學案例的有效運用，分析、討論相關知識，并以獨立思考和團隊合作有機結合的方式進行分析，促使學生進一步辨別和分析所學知識，進而提高其解決問題的能力。除此以外，教師還應重視培養(yǎng)學生的協(xié)調溝通能力、工作作風以及管理理念。

3、案例教學模式的特點

我們認為，案例教學方式的實施基礎是實例，實際的案例教學過程中，教師往往利用形象、生動的教學案例，有效激發(fā)學生學習網頁設計課程的興趣，并在網頁制作的學習中貫穿教學案例中的相關知識點，進而使學生在學好相關知識的基礎上，不斷提高自身的問題解決能力。教師在整個案例教學過程中，始終充當著激勵者和設計者的重要角色，以促使學生積極參與案例討論。

二、案例教學的具體實施方法

一般情況下，案例教學的教學方式多種多樣、不斷變化，因而只有高度重視各教學流程，才能有效實施案例教學，進而達到事半功倍的教學效果。我們認為，案例教學流程包括教學案例的設計、組織學生討論教學案例、總結和實現(xiàn)教學案例三部分，具體實施過程為:

1、教學案例的設計

通常來講，有效實施案例教學的前提和基礎是設計教學案例，因而教師一定要按照教學規(guī)劃和教學要求，充分準備授課內容，并討論教學案例的相關理論和技能，同時還要分析案例教學過程中可能發(fā)生的問題。此外，設計教學案例時還應注意:第一，確保教學案例具有較強的實踐性，即保證設計的教學案例符合教材及現(xiàn)實案例的相關要求，以便學生更好的理解;第二，確保教學案例具有較強的典型性，也就是說，教學案例可以涵蓋大部分課程知識點;第三，確保教學案例具有較強的系統(tǒng)性，具體地說，設計的教學案例之間應具有前后貫穿的關系，并按照由易及難的順序進行排列;第四，確保教學案例具有較強的針對性，這就要求教師根據(jù)學生實際的接收能力選擇或設計教學案例。另外，學生還要在分析教學案例的基礎上，不斷思考和探索其實際應用，并有效、及時的促使教學案例理論知識逐漸轉變?yōu)閷嵺`應用，進而實現(xiàn)理論結合實踐的教學目標，同時不斷拓寬學生的視野。例如，網頁設計教學過程中，教師可讓學生根據(jù)實際題目設計求職網站，因而學生需要結合網頁制作的相關知識，根據(jù)實際情況，具體分析相關的求職素材，進而獨立設計求職網站，這不僅激發(fā)了學生對理論知識的學習興趣，還提高了其實踐動手能力。

2、組織學生討論教學案例

實際上，組織學生討論教學案例的目的在于分析分體，進而提出合理、有效的辦法和思路。每個學生實現(xiàn)同一教學案例方法以及分析結果各不相同，雖然部分學生能找到容易、簡單的實現(xiàn)方法，卻無法充分理解;部分學生雖然找到了容易理解的實現(xiàn)方法，其實現(xiàn)過程卻非常復雜。所以，教師應有效指導學生果斷刪除不重要的案例細節(jié)，同時尋找教學案例的結構與理論知識之間的聯(lián)系。此外，討論教學案例的核心是學生和教師共同努力，進而將教學案例的理論知識和教學內容有機相連，這就要求教師充分發(fā)揮引導者的作用，并為學生創(chuàng)造自由、和諧的討論氛圍，同時讓學生成為教學案例討論的主角。一般來講，案例教學模式著重強調教師教學過程中的交往情境，而學生在這一情境中，也能主動參與到學習及互動交流活動中，進而反復學習。與傳統(tǒng)教學模式不同是，案例教學拋棄了教師為主的舊觀念，將學生作為教學主體，且不強迫學生進行記憶，只要求其積極思考提出的相關問題，并反復訓練，從而達到提高學生解決及分析問題的能力，最終實現(xiàn)培養(yǎng)學生積極動手能力的教育目標。例如，計算機網頁設計案例教學中，教師應根據(jù)實際教學內容選擇合理、有效的教學方式，如介紹網頁制作工具時，由于學生對其比較陌生，因而教師可通過討論案例實施教學活動。

3、總結和實現(xiàn)教學案例

學生結束教學案例討論后，教師應恰當評價討論結果，以便去除錯誤觀點。同時，教師還要分析、講解教學案例分析的相關技巧及知識技能，進而在學生通過計算機進行操作時，根據(jù)課堂討論內容具體實現(xiàn)教學案例，以利于學生牢固掌握相關知識點。

三、案例教學在計算機網頁設計教學中的具體應用

1、營造輕松、和諧的學習氛圍

計算機網頁設計的案例教學中，教師應注重為學生營造活躍、融洽的學習氛圍，促使學生在心理上產生安全、自由的感覺，進而激發(fā)其敢做、敢說的勇氣。此外，教師在計算機網頁設計的案例教學中，始終扮演著指導者和組織者的重要角色。所以，學生要獨自完成整個案例教學過程，且學生在這一過程中表現(xiàn)出的極大的積極性和主動性，直接影響著教學效果和教學質量。

2、提高教師素質，構建良好的師生關系

若想保證計算機網頁設計案例教學順利進行，需要教師具備知識淵博、經驗豐富的特點，這也是教師為學生傳遞經驗和知識的基本條件。因此，教師必須要不斷的學習，以便為學生提供豐富的信息。因為只有這樣，才能提高教師的影響力和威信，進而提高教學質量和教學效果。除此以外，教師還應全面、多角度的愛護和關心學生，同時融入學生中間，以便更好的感受和體會其內心世界，進而在做好教師的同時，努力成為學生的朋友。

3、建立科學合理的知識體系，選擇合適的教學案例

一般來講，學生學習必備、認識事物和適應環(huán)境的基本條件是認知結構，且其學習過程是不斷平衡同化和順應機能的過程，也是不斷構建認知結構的過程。因此，教師若在教學過程中引入相關背景知識和展示新知識點，都要密切結合教學大綱。此外，教師選擇教學案例時，應保證案例具有較強的針對性，且能充分反映教學大綱中的相關知識點。例如，為網頁頁面進行布局時，可通過表格、框架和層的方式進行，如為食品網站做簡圖時:為確定網頁的主色調，應將背景圖片插在第一層中;為給網頁增添活力和生機，可將flas插在第二層中;將精美食品插在第三層中;為體現(xiàn)飲食文化，可在第四層中搭配相關歌曲;為增強網頁的立體感，可在第五層中添加浮動物體。此外，教師應先鼓勵學生使用表格布局解決相關問題，爾后引出層的內涵，進而逐步解決問題，直至完成學習任務。

四、結語

第5篇：網頁設計論文范文

圖形元素的存在大大美化了網頁設計，它擁有強烈的藝術美感和視覺沖擊力，是文字之后最早被引入到網頁設計中的元素，它所傳遞信息的直觀性遠勝于文字。圖形設計中的色彩搭配、元素構成、版式布局都要符合瀏覽者的審美心理，才能使得網頁在短時間內給受眾留下深刻的印象。網頁設計中的圖片提供導向和鏈接的功能。根據(jù)人機心理學研究，人們的視線在瀏覽網頁時，會首先垂直的落在屏幕中心，然后向四周游動。決定了設計師要將重要的信息安排在注視點高的區(qū)域，所以設計師要根據(jù)視覺流程來合理安排圖片的適度位置。網頁設計中的圖片是要經過網絡下載才可以最后看到，受到寬帶的限制，所以要求圖形文件量盡可能的小。在圖片大小固定的情況下，文件量越低說明圖片分辨率要越低。對于顯示器上的圖片而言，分辨率為72dpi是大多數(shù)圖片的最佳選擇。

二、色彩元素

色彩的配色設計直接影響網站的整體定位、風格。作為設計中不可缺少的元素，它建立在文字圖形的基礎上，依靠眼睛的功能，通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍色代表平靜，暖色中的紅色代表激動；黑色給人沉重感，淺色則讓物體輕盈；色彩從色調、飽和度、明度三個方面影響著網頁，我們可以找到很多運用廣泛的色彩配色方案，來作為實際學習和工作中的向導。

網頁設計中的色彩元素需要符合國際色彩的標準，因為互聯(lián)網絡是建立在國際互聯(lián)網統(tǒng)一的平臺上的。最簡單的說就是采用網頁安全色，不能毫無節(jié)制的運用太多顏色，一般情況下先根據(jù)總體風格的要求定出主色調和輔助色進行色彩的搭配。網頁色彩模式一般采取RGB模式。網頁設計是通過顯示器來進行展示的，目前顯示器大都采用RGB顏色標準，這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來設計定的，通俗點說它的顏色混合方式就好像有紅、綠、藍三盞燈，當它們的光相互疊合的時候，色彩相混，而亮度卻等于兩者亮度之總和，越混合亮度越高，即加法混合。在顯示器上，通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產生色彩的。

三、版式設計

第6篇：網頁設計論文范文

多媒體技術是將數(shù)字技術以及計算機技術的綜合體，它是各種多媒體信息集合的產物，它將文字、視頻、圖像、音頻等各種信息進行了有效的合成。多媒體技術已經廣泛的應用到到了各個行業(yè)之中，如教育、旅游、廣告等，并發(fā)揮著越來越重要的作用。多媒體技術在當前的應用范疇中所包含的內容也越來越多，其使用的素材也在不斷地增多，并且使得網頁更加的具有藝術性，使之更容易吸引瀏覽者的眼球，進而使得人們的工作學習效率得以提高。

2多媒體技術在網頁中的應用

2.1圖形圖像處理技術

網頁設計的最基礎元素就是對圖形、圖像的設計，其設計程序主要包含著五個方面的內容，首先是對圖像的獲取，其次是對圖像的編輯處理，還有就是圖像的輸出，以及圖像的壓縮和存儲，最后要將這些圖像轉化成另一種平面或者是立體的圖像，給瀏覽者一種視覺沖擊的效果，進而吸引更多的瀏覽者。

2.2動畫處理技術

一些動畫往往運用了一些數(shù)字處理技術，這一技術的運用可以使得文字具有一些特殊的效果，同時還可以使的一些圖形具有一種立體動態(tài)的效果。動畫的格式有GIF、SWF、FLIC、Java動畫等。

2.3數(shù)字音頻處理技術

這一技術可以使音頻不再是模擬，而是可以將音頻和視頻合成，可以通過數(shù)字化技術產生更加良好的效果，使整個網頁不管是從整體的角度看還是從局部的角度看都可以產生良好的視覺與聽覺效果，。

2.4視頻處理技術

當前視屏在網頁中的應用比較廣泛，已經成為網頁設計時必須考慮的多媒體元素，在網頁視頻設計的過程中，信號源是第一要素，它可以是高頻信號、分離電視、復合視頻信號。獲取數(shù)字視頻的方式主要包含著通過數(shù)碼攝像機獲取，CD獲取以及模擬視頻采集。

3網頁設計過程中對多媒體技術的運用

3.1動畫、視頻設計

在一些網站中，不難發(fā)現(xiàn)一些動畫、視視頻之類的東西，通過這些可以生動形象的將主題突顯出來，使得網頁瀏覽者可以在感官上獲得享受，同時產生空間的聯(lián)想。這樣也使得動畫在網頁設計中的地位越來越突出，成為網頁設計中非常重要的組成部分。

3.2圖形、圖像的版式設計

在對網頁進行設計時需要注意圖像質量的選擇，注意圖像的質量，盡可能的做到精致，這樣也就要求設計者在設計的過程中要對圖像進行細心的篩選，使圖片在整個網頁中的效果既融洽又精致，同時還需要對圖像的色調進行選擇，對文字進行合適的排版，這樣就可以使得圖形和文字的效果在視覺上呈現(xiàn)出一種意境美，從而使得整個網頁的形式統(tǒng)一，設計新穎。

3.3在對多媒體元素選擇的過程中要注意與網頁風格的協(xié)調

在設計網頁的過程中需要注意網頁的主體，通過視覺上的沖擊效果以及瀏覽用戶的心動情況吸引用戶，促使用戶直觀的理解網頁的主題，并通過藝術美吸引瀏覽者關注本網站，最終實現(xiàn)網站設計的目的。

3.4注意在多媒體設計的過程中體現(xiàn)藝術性

隨著信息技術的不斷進步，多媒體技術得到了迅速發(fā)展，當前網絡傳輸?shù)募夹g以及硬件技術也在不斷的提高，這樣也就為藝術和技術的結合創(chuàng)造了良好的條件，這樣也有利于網頁的設計體現(xiàn)出更為優(yōu)質的效果，從而也為多媒體技術在網頁設計中的應用創(chuàng)造了更為廣闊的前景。

4在多媒體設計中恰當?shù)娜谌胨囆g設計的成分

網頁設計不只是由多媒體元素構成，為了使其更加的美觀就必須要考慮藝術性，要注意平面效果的傳達，這也就需要做到不同的元素結合起來，但是在結合過程中需要注意以下幾點：

4.1在設計網頁的過程中要注意內容和形式的統(tǒng)一

在進行設計時就需要做到形式與內容的統(tǒng)一，使得形式服從于內容，從而使得網絡的整體效果表現(xiàn)出來，這也就要求網頁的細節(jié)需要做得很到位，從而使得網頁與多媒體元素的相關性凸現(xiàn)出來。

4.2突出主題要素

網頁要盡可能的突出主題，使得風格與之相協(xié)調。在風格選擇上要注意多媒體元素的選擇，注意其色調的搭配，同時還要做好排版工作，從而使得整個網頁具有較強的吸引力，達到應有的效果。

4.3注重色彩搭配

在一個網頁中色彩數(shù)量最好控制在4個左右，同時還要分出主次，確?？傮w上的統(tǒng)一，在局部上形成對比，要注意體現(xiàn)主題的色彩搭配，注意色系的選擇，還要注意背景色的選擇，盡可能的站在瀏覽者的角度思考問題。

4.4注重網頁布局

網頁布局大致可分標題型、拐角型、框架型等，選擇布局類型的依據(jù)主要是信息狀況，網頁狀況以及結構狀況，這樣就會使得網頁的頁面可以一目了然。國字型以及拐角型的適合用于信息量大的網頁中，標題正文型的適合用于綱要性的網頁之中，動畫型的可以靈活的運用到各種各樣網頁之中，但是在布局的選擇過程中需要注意各種布局類型優(yōu)缺點的選擇，只有這樣才能使得網頁的效果更為明顯。

5結束語

第7篇：網頁設計論文范文

遠程教育已經在我國眾多的發(fā)達城市當中開展起來，這使得我國的教育更加具有終身性與普遍性，不僅能夠極大提高國民綜合素質，還能夠突破傳統(tǒng)教育的局限。然而，遠程教育需要強大的交互功能以及多媒體的輔助作用，教師所傳授的內容也更加廣泛與具體，通過人機的交互不僅能夠提高學習者的學習熱情，還能夠更好地訓練邏輯思維與創(chuàng)新思維，因此，遠程教育的課件一定要達到動態(tài)交互的效果。與此同時，腳本語言不僅能夠將動態(tài)課件的效果最大限度地展現(xiàn)出來，還能夠將其與市場中其他的課件進行比對，從而找出最佳的教學方案，將先進的教學思想盡可能的傳授給學生。

2腳本語言在遠程教育動態(tài)網頁設計中的應用

2.1JavaScript語言的應用JavaScript語言作為一種新型的動態(tài)性編程語言具有多種應用功能，首先在網址的編寫當中可以運用簡潔、精準的編碼將語言編譯出來，使得動態(tài)網頁呈現(xiàn)出特有的表現(xiàn)形式，這樣能夠讓初學者很快明白課程教授的內容和目的，然而，JavaScript語言的不足就是一旦有一處編碼出現(xiàn)錯誤，將會影響后續(xù)的程序運行，使得遠程教授出現(xiàn)問題。另一方面，JavaScript語言具有先進的鼠標動畫跟蹤功能，這是課堂教學中不可缺少的重要組成部分，是教師與學生互動的體現(xiàn)，教師可以通過移動鼠標準確、快速地將自己想要表達的內容展現(xiàn)給學生看，同時在有限的課堂時間內顧及各個水平學生的學習需求。最后，就是JavaScript語言對于文字圖像的動態(tài)顯示功能，很多文字內容通過動態(tài)的圖像來展現(xiàn)能夠使人更容易理解和記憶，這正是現(xiàn)階段我國遠程教育所欠缺的內容，遠程教育的動態(tài)網頁設計如果能夠將教學內容自動化的傳授，就能突破傳統(tǒng)的教學模式，也就是說，通過動態(tài)的文字將學生存在的問題一一解答，同時實現(xiàn)學生之間的交流和互動，這樣就能夠將每個人的創(chuàng)新思想與他人分享。

2.2JSP語言的應用腳本語言可以與多種編程語言配合使用，這樣不僅能夠完善腳本語言的運用效果，更能夠凸顯其兼容性，使得遠程教育的動態(tài)效果達到最佳。而JSP語言在腳本語言中可謂是后起之秀，其以更快的速度和準確度占據(jù)著動態(tài)網頁設計的重要位置，很多遠程教育的編程語言都是選用JSP語言，其能夠實現(xiàn)知識點的連接功能，能夠讓學生在學習的同時更加便捷地查閱自己不懂的內容，通過動態(tài)圖片或語言的連接，只要通過點擊就能夠進入到另一個界面，獲取更加詳細、準確的信息，讓遠程教育不存在知識點的堆積，提高學習效率與教學成果。另一方面，JSP語言還能夠根據(jù)實際的課堂需求設計出動畫卡通人物，其目的是為了提高低年級學生或初學者的學習熱情，從而使其更加專心的學習，可以幫助學生建立抽象思維。最后，JSP語言能夠實現(xiàn)網絡測試，這樣就能夠解決遠程教育存在的測試問題，通過網上學習能力的測試，讓學生即便在沒有教師與家長的看護下也能夠認真的完成作業(yè)，同時檢驗自己的學習成果，更為重要的是JSP語言所展現(xiàn)的動態(tài)教學具有限時和提醒的功能，可幫助學生更加認真、高效的完成作業(yè)。

2.3其他腳本語言的應用實際上，腳本語言的種類有很多，應該根據(jù)實際的教學情況和需求選擇最恰當?shù)哪_本語言，只有這樣才能使遠程教育的動態(tài)網頁設計更加實用，當然也是為了獲得最大的經濟效益。每種腳本語言都有自身的優(yōu)勢和不足，一些技巧性與動態(tài)性的網頁設計就可以選用上文闡述的兩種腳本語言，其他的腳本語言可以先讓部分用戶做體驗，看其是否符合用戶的需求，從而達到遠程教育的最終目的。

3結語

第8篇：網頁設計論文范文

目前，案例驅動教學在高等教育各學科中廣泛使用．但由于很多教師對案例驅動教學法的內涵、特點及組織過程的認識不透徹，導致案例教學法的使用存在許多誤區(qū)．

(1)案例設計不當．

案例驅動教學本質上應是通過“案例”來誘發(fā)、加強和維持學生的成就動機，成就動機是學生學習和完成任務的真正動力．因此，案例驅動教學法的案例設計是教學成敗的關鍵因素．案例過于簡單、欠缺針對性、設計不清晰等都會影響案例教學的教學目標．一個具體的案例設計，必須考慮周全，保證案例的可行性和有效性．進行案例設計時，要以學生為中心，教師為主導，興趣為主線，使學生在完成任務的過程中掌握知識、技能、方法并學以致用．

(2)組織實施過程并非案例教學．

案例教學是師生的雙向活動，通過具體案例引導學生參與分析、討論，讓學生在具體的案例情景中積極思考，主動探索．在實際教學過程中，有些教師只是把案例呈現(xiàn)給學生，像講故事一樣敘述一遍，沒有引導，沒有總結，缺乏交流與互動;有些教師在課堂上引用了案例，但教學方式還是沿用傳統(tǒng)的灌輸式的教學，仍然以教師為主體．以上種種教學方式看上去是引用了案例，但并非采用了案例教學法，更談不上通過案例驅動去激發(fā)學生的學習興趣，培養(yǎng)學生分析問題解決問題的能力，提高學生自主學習及與他人協(xié)作的能力．上述種種對案例驅動教學法的不恰當使用，將直接影響學生學習的深入和教學目標的達成．本文結合“案例驅動在網頁設計類課程中的應用”的教改課題，對案例驅動在實際教學工作中的應用進行了探討和反思．

2案例驅動的教學實踐

《網頁設計》是一門知識點豐富、應用性和操作性強的課程．此類課程目標是培養(yǎng)學生分析問題和動手解決問題的能力．通過教師對網頁設計知識點的講解，結合案例驅動的教學模式，讓學生系統(tǒng)地學會如何設計網頁和開發(fā)網站．

2．1案例選取的原則

根據(jù)網頁設計課程的內容和特點，在課程開始就引出成品案例，明確需要解決的問題，調動學生的學習積極性;同時，在教學過程中，以該案例為線索，將其貫穿于課程的始終，將零散的知識點結合在一個完整地案例實現(xiàn)中，并通過分組操作完成案例的方式，進行相互評比學習，進一步擴展知識面．對于教學過程中的小知識點選擇對應的小案例．案例的選取在案例驅動的教學過程中至關重要，大的成品案例應具備較強的實際應用價值，能夠較好的模擬真實的應用環(huán)境，小知識點案例則需注意選取的針對性，做到有的放矢．在實際教學過程中，我們一般遵循以下的案例選取原則:

(1)代表性．

在課程開始之初，為激發(fā)學生的學習興趣，明確學習目標．讓學生觀摩的成品案例應選擇不同風格類網站的代表或往屆學生優(yōu)秀作品的代表，且此類網站需和學生的實際學習生活息息相關，如班級網站、購物網站、技術網站等，以此調動學生繼續(xù)探究學習的積極性．

(2)針對性．

在教學過程中零散知識點對應引入小案例，此類案例應具有較強的針對性，將課堂教學目標融入到案例教學中．如通過網站公告欄引出對marquee標簽的講解，通過網頁的刷新功能引出對meta標簽的講解等．

(3)趣味性．

盡可能選取趣味性強的案例，更好地吸引學生的注意，抓住學生好奇的心理，喚起學生更多的學習熱情和欲望．如通過漂浮的廣告、滾動的圖片等案例引出對腳本內容的講解．

(4)綜合性．

成品案例的選取應注重綜合性．一個成品案例網站應涵蓋HTML，CSS，JAVASCRIPT等多個知識點．通過成品案例的設計與實現(xiàn)，考察學生綜合應用多知識點解決實際應用的能力．

(5)理論聯(lián)系實際．

更多地結合學生在實際生活學習中的應用選擇案例，最好從學生熟悉的操作和感興趣的事件出發(fā)，使他們有更多的機會從周圍熟悉的事物中學習和理解，感受到設計的趣味和作用，體驗到設計的魅力．如在講解時間對象時，可以選擇人性化問候或重大事件的倒計時牌設置作為案例引出．

2．2案例驅動教學的實施過程

在案例驅動教學應用到《網頁設計》類課程的具體實踐中，我們創(chuàng)設了“模仿—擴展—發(fā)揮”的教學過程．具體的教學過程主要分五個階段展開．

(1)成品案例演示，學生觀摩．

此階段為教學展開的第一階段，通過各類代表性綜合網站的觀摩，激發(fā)學生的學習熱情，調動學生的學習積極性，為課程深入學習打下基礎．可粗略提及網站內容組織，設計理念和主要相關技術，建立對課程學習的大體認識．

(2)知識點講解，模仿練習．

此階段是教學深入開展階段，教師開始各類知識點的講解，通過引出小案例配合教學，教師需要示范案例的制作過程，講明案例的制作步驟和方法，講解制作中運用的知識要點和技能，學生模仿練習，達到掌握各類知識點的目的．

(3)成品案例擴展，實現(xiàn)．

成品案例的實現(xiàn)是一個循序漸進的過程，在知識點的講解過程中，學生在每次模仿練習完成后，可運用已學知識與技能逐步展開對成品案例的制作，不斷擴充，直至課程結束，案例制作完成．

(4)評價教學．

教學實踐完成后，教師抽取學生個案展示，并對學習成果進行多元評價，歸納總結學生學習過程和結果中出現(xiàn)的問題，引導學生進行反思．同時對優(yōu)秀的案例進行總結分析，和學生分享學習其設計的風格、思路和技巧，查漏補缺．

(5)自選主題設計作品．

此階段為自由發(fā)揮階段，不限題材，不限風格，引導學生應用所學構建風格各異的網站，通過自主完成搜集素材到分析設計，再到制作的過程，讓學生充分了解并親歷實際開發(fā)中網頁設計的開發(fā)流程，提高學生獨立分析和解決實際問題的能力，有利于學生的自我完善和提高．針對目前《網頁設計》課程的教學體系所存在的不足，只有通過教學內容的整合與優(yōu)化，并以課堂教學環(huán)節(jié)、實驗實訓教學環(huán)節(jié)、考核方式的改革相配合，建立一個合理的實踐教學體系，才能培養(yǎng)學生的學習興趣，提高學生在網頁設計的應用中分析問題和解決問題的能力，促進教學質量的提高．在實際教學過程中，我們采用以下的策略來優(yōu)化教學過程，進行案例驅動教學工作的實施．首先，以案例驅動為導向，優(yōu)化教學過程，改進學習方式．同時，加強實訓環(huán)節(jié)的教學．直接引進企業(yè)實際應用需求的案例，學生在教師指導下通過分組直接參與綜合大型實踐案例開發(fā)．通過這種大型實訓教學，完成對基本知識和基本操作技能的綜合訓練，讓學生了解了實際工作中需要的多方面素質，實現(xiàn)了課堂教學與職場崗位間的“短距離對接”．其次，開展技能比賽式教學．組織網頁設計與制作方面的競賽，如網頁設計、圖像處理等，通過形式多樣、豐富多彩的學生競賽活動，促進學生主動進行計算機應用與技能訓練活動，提高學生對技能應用的能力，加深對知識的理解．在對《網頁設計》課程采用案例驅動教學法后，學生學習積極性大大增強，動手實踐能力顯著提高，通過案例展開的教學讓學生更輕松，系統(tǒng)地掌握知識和技能，上機實踐已由驗證實驗逐步轉變?yōu)樽灾髟O計實驗，學生能在課程結束時學以致用，或個人獨立或分組協(xié)作達到完成一個綜合性網站制作的目標．在學生獲得相應技能的同時，學習的積極性、主動性、創(chuàng)新能力、協(xié)同工作的能力，獨立分析問題和解決問題的能力都得到了發(fā)展．

3結語

第9篇：網頁設計論文范文

1適用性

創(chuàng)建網站時，首先要考慮的是用戶的需求。網站是以宣傳用戶企業(yè)文化為主，還是以宣傳企業(yè)產品為主，即確定網站的主題。主題確定以后，就要了解哪些顏色適合傳達該主題信息。例如，IT類網站常常采用藍色為主色調，因為藍色為冷色調，通常讓人聯(lián)想到海洋、天空、水、宇宙。純凈的藍色表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。由于藍色沉穩(wěn)的特性，具有理智、準確的意象，在商業(yè)設計中，強調科技、效率的商品或企業(yè)公司，大多選用藍色當做標準色，企業(yè)色，如電腦，汽車，影印機，攝影器材等等。橙色是暖色調中最溫暖的顏色，具有興奮、溫暖、歡樂、輝煌、以及容易動人的色感，所以，家居類網站常常以橙色調為主，能夠烘托家庭溫馨的主題，即不同的主題應選用不同的顏色。

2獨特性

網頁的數(shù)量不斷增長，越來越富有個性，對設計者的要求也更高。相同類型的網站，若網站的整體風格大同小異，沒有突破，則很難在競爭中取勝。要吸引瀏覽者挑剔的眼球，就要打破常規(guī)、標新立異。即網站的色彩搭配要在考慮網站本身特點的同時，讓色彩的獨特性充分發(fā)揮魅力。

3整體性

網頁上各部分色彩都有自己的分工角色，主色具有傳達主題信息的作用，輔助色是烘托氣氛的，背景色保持畫面的整體統(tǒng)一，點睛色起強調作用。網頁的色彩也可以區(qū)分信息模塊、暗示控件功能等。不同的色彩在網頁中同時存在，就會出現(xiàn)色彩的不同組合關系，可能有強烈的顏色對比關系，也可能在亮度上有明暗對比關系，還可能有相似色彩間的調和關系。這些色彩的組合使網頁在視覺效果上豐富多彩，構成了網頁的整體效果。優(yōu)秀的色彩組合是網頁設計者發(fā)揮藝術才能的重要領地，和諧的配色能夠讓整個界面看上去舒適。對比強烈的配色加以適當?shù)拿娣e比例調整進行調和能夠讓整個界面看上去清晰并且重點突出。因此，不同的需求可以采用不同的組合關系，但是一定要給瀏覽者良好的整體印象，這就需要這些色彩組合關系具備整體性，它主要包括色彩對比與色彩調和2個方面：

(1)色彩對比:

指各種色彩在構成中的面積、形狀以及色相、明度、純度之間的差別，這些差別為網頁配色增添了許多變化，頁面顯得更加豐富多彩。色彩的對比規(guī)律大致有以下幾點：

（2）色相對比:

指不同色相之間的差別產生的對比。當網頁主色確定后，必須充分考慮其他色彩與主色的關系、要表現(xiàn)的內容及效果等，這樣才能增強其表現(xiàn)力。如果要突出差別關系，應選擇主色的補色。若要對比效果柔和，就要選擇相似色。

（3）明度對比:

指色彩之間明暗程度的不同所形成的對比。通過明暗程度的調整，可以給瀏覽者在視覺上產生不同層次，不同距離的感覺。

（4）純度對比:

指不同色彩之間純度的不同所形成的對比。色彩的純度決定著色彩的鮮艷程度，將不同純度的色彩放置在一起進行對比，會使得純度高的色彩更鮮艷，純度低的色彩更渾濁。

（5）補色對比:

補色是色環(huán)中相對位置上的兩種顏色。網頁中的點睛色就經常采用補色，當互為補色的兩種色彩接近時，能顯示出強烈的對比關系。

（6）冷暖對比:

色彩給人的感覺是有冷暖的，分為冷、暖兩大色系，這兩種色系相互排斥的，放置在同一個頁面中，就會產生冷暖對比。冷暖對比效果是極為強烈的，會導致畫面的不協(xié)調，一般采用以下兩種方法解決。首先是純度調整：降低冷暖兩色的純度。用黑、白、灰明度變化來調整畫面的層次、直接使用黑、白、灰色系進入畫面搭配，或者加入補色，也都能很好地起到協(xié)調的效果。其次是面積調整：主次的面積區(qū)分，根絕主題的需要在畫面的面積上以一方為主色，其他顏色在使用上拉開距離，使畫面的主次關系更突出，在統(tǒng)一的同時又富有變化。

（7）面積對比:

指頁面中各種色彩在面積上的大小差別，它會影響到頁面的主次關系。在同一視覺范圍內，色彩面積的不同會產生不同的對比效果。若兩種色彩的面積同樣，那么這兩種顏色之間的對比十分強烈，若色彩的面積不相等時，小的一種色彩就會成為陪襯，在小面積的色彩陪襯下，大面積的色彩就顯得特別突出。根據(jù)主題的需要在頁面的面積上以一方為主色，其他顏色為輔助色，使頁面的主次關系更突出。

4色彩的調和

兩種或兩種以上的色彩分布在同一個頁面中，形成色彩組合關系，色彩調和就是使這種組合關系合理搭配，產生統(tǒng)一、協(xié)調的效果。色彩調和是人們求得色彩協(xié)調、達到心理平衡的重要手段。

（1）同種色的調和：

選定一種顏色，通過改變這種顏色的明度或純度得到所需要的新的色彩，進而使色彩產生循序的漸進，彌補同種色相的單調感。

（2）類似色的調和：

如果希望兩種或兩種以上的顏色對比不那么明顯，那么就要在這些顏色之間再添加類似色進行調和。在色相環(huán)中，色相越靠近越調和。

（3）對比色的調和：

對比度調和是指兩種或兩種以上的色彩配置在一起，通過一定的方法使其產生自然而融洽的感覺。其調和的方法有：提高或降低對比色的純度、采用面積大小不同的處理方法。

（4）漸變色的調和：

漸變色本身實際上是一種調和方法的運用，是顏色按層次逐漸變化的現(xiàn)象。色彩漸變在網頁的背景色中是經常使用的。色彩的對比與調和是形式美的變化與統(tǒng)一。

二、配色的基本方法

1色調配色法

選定一種顏色，加入黑色或白色會使其明暗程度發(fā)生變化，形成這種顏色的不同色調，一般分為亮調、中間調、暗調。不同的色調會對人產生的一定的心理暗示。這種色調配色法在網頁色彩構成中是經常使用的。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB選項區(qū)（不是RGB選項區(qū)）中的B（亮度），指定選擇的顏色，通過拖動右側的滑塊就可以得到這種顏色的各種色調。

2色相配色法

當基于色相策劃了一個配色方案時，獲得的效果通常會比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相，進行類似色、互補色的搭配。適當?shù)仡愃粕钆洌梢垣@得整齊寧靜的效果；適當?shù)匮a色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB調板區(qū)域中的H（色相），指定選擇的顏色，通過拖動右側的滑塊即產生色相變化。若已在Photoshop的工作區(qū)選定了某一顏色，按下[Ctrl]+[I]鍵即可得到顏色的互補色。

三、小結