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

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

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

1.討論網站的主題。

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

2.定位網站的CI形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

3.確定欄目和板塊。

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

2.網站的整體風格和創意。

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

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

1.資料的搜集。

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

2.熟悉制作軟件。

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

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

1.構建站點框架。

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

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

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

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

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

3.實現網頁間的鏈接。

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

4.向靜太網頁插入動態效果。

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

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

(1)影音。

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

(2)整體色彩感。

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

2服飾網頁框架布局

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

3結語

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

互聯網飛速發展的年代，網絡內容也越來越豐富，人們對網絡的要求也越來越高，不僅僅滿足于文字和圖片，更希望網頁可以舒適一些，漂亮一些。色彩刺激著人們的視覺，網站設計的好不好，從某種意義上來說，主要是由色彩是否應用得到決定的。因此，現在的設計者不但要懂得基本的網絡制作常識，還要熟悉網站的風格，以及色彩的搭配。

2、色彩在網頁設計中的重要性

如今，人們打開一個網頁，已經不再滿足于文字的內容，他們有了更高的審美意識，對于網頁設計來說，藝術設計的地位就越來越重要了。色彩包含在美學當中，各種色彩代表不一樣的內涵。以網頁的內容以及特點為基礎，合理的運用色彩構成，正確的搭配色彩，可以增加網頁的視覺效果，從而引起人們的共鳴，影響人們的情緒，不但可以傳達信息，還可以產生情感上的交流。對于藝術設計來說，色彩是很關鍵的要素。色彩搭配的好，可以給人們很直觀的視覺沖擊，以及藝術享受，可以讓人們站在美學的角度來理解網站的內容，這就是網頁色彩設計的初衷。網頁在性質上屬于視覺傳遞的新型載體，和雜志、電視、報刊以及廣播等傳統的媒體比較起來，構成更加復雜一些，將文字、圖像以及聲音融于一體。用戶打開一個網頁，最初的印象就是色彩。對于網頁設計來說，色彩有著重要的意義，它不但可以表達網頁作品的內容，還可以實現視覺的傳達。

3、網頁設計中色彩的應用

3.1網頁設計中色彩的調和與搭配。網頁的形式各種各樣，宣傳效果也是大不相同，我們要對網頁設計的各種色彩搭配以及理念進行研究，所謂的理念，就是把色彩融入到網頁的構成當中，從全局的角度體現出具體和局部的美，此外，可以依據宣傳內容，利用色調和色彩表達出來，根據不同的網頁種類，用各種形式進行表達。

3.1.1針對各種群體，采取網頁色彩表達。因為受眾群體是不一樣的，網頁的色彩也有要區別，舉個例子，以年齡段不同進行區分的受眾群體，就要表現出性格以及年齡的特征，每一個年齡段的群體，情感需要是不一樣的，在設計網頁時，選擇的方法也是不一樣的。對于兒童來說，主要以紅色以及綠色為主色帶，在關鍵地方表現出來，然后在輔以其他顏色，這種色彩可以體現出活潑的格調。

3.1.2針對各種類型的網頁設計宣傳理念，如何進行色彩搭配。不同的網頁，所要實現的宣傳目標是不一樣的，通常來說，我們利用各種感覺通到以及色彩的感受，去領域宣傳的本質內涵。我們設計網頁，主要是為了實現宣傳的目的，利用色彩的方式，可以把這種目的體現出來，這就叫做不同產品設計理念的不同理解以及表達。

3.2網頁設計中色彩對應與分配。

3.2.1設計網頁時，色彩搭配要注重層次性。在設計網頁時，我們想要傳達給受眾的是多層的信息，而不是一層兩層，同時，各個層次還是可以相互包容的，這種包容就體現了色彩搭配，而且不同色彩之間還有各種元素交織在一起，為了更好的傳達信息，也為了更生動準確的傳達信息，我們必須體現出色彩的層次性，這也是我們所要表達的設計理念。色彩的層次性關鍵是精，而不是多，更主要的是合理以及整潔，所謂的合理有序指的是色彩的合理分布以及有序搭配，我們所倡導的是前面是主色調，隨后是單色調；帶有宣傳目的色彩置于前面，而搭配意義的背景可以置于后面，這種搭配方式可以起到很好的效果，而且這種層次性還可以讓人們有一種煥然一新的感覺，然后通過色彩的形式表達出來，實現宣傳的目的。

3.2.2設計網頁時，色彩搭配需要注重包容性。色彩的包容性，指的是各個色彩之間的搭配以及穿插，這種搭配以及穿插，可以把各種顏色融合在一起，從而表達出一種感情。網頁設計不同，色彩包容的顏色也不同，舉個例子，某些網頁是為了宣傳某種產品，在廣告中，利用的是反思維的方式來引導受眾，然后引出產品的形式以及構成。這種網頁的主色調會置于一個關鍵的位置，在它的周圍以及內部進行科學的搭配。

3.3網頁設計中色彩的簡單與復雜規劃。

3.3.1簡單色彩形式的網頁設計。這種形式的網頁設計，主要是為了體現出重點，營造出需要的氛圍，表達出一種情感。而這種情感也就是我們秉承的設計理念以及規劃。體現出重點，也就是體現出網頁的內容，這種情況通常可以采用視覺沖擊力較強的色彩來表達，而在搭配背景顏色時，要更加清淡，做一些簡單的描繪以及勾勒，主要的目的還是體現出網頁的關鍵內容。

3.3.2復雜色彩形式的網頁設計。這種形式的網頁設計指的是把各種顏色合理的融合到一起，并且利用不同的色調表現出來。這種方式的表達，是通過復雜的色彩，表現出一種內心的感悟以及情懷，而復雜是建立在有序的搭配之上的，并不是表面上的凌亂的色彩，而是為了更加突出重點，某些色彩的設計理念所遵循的就是合理的選擇以及放棄。有些網頁屬于藝術類型的，為了重點表現某一項藝術技能，一般會用各種色彩進行描繪以及勾勒，同時，反復的運用色彩搭配實現渲染的目的，這種類型的網頁常見于攝影方面，運用了色彩的積極效果。

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

1、傳統網頁設計教學中存在的問題

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

2、案例教學模式的內涵

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

3、案例教學模式的特點

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

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

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

1、教學案例的設計

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

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

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

3、總結和實現教學案例

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

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

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

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

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

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

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

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

四、結語

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

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

二、色彩元素

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

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

三、版式設計

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

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

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

2.1圖形圖像處理技術

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

2.2動畫處理技術

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

2.3數字音頻處理技術

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

2.4視頻處理技術

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

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

3.1動畫、視頻設計

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

3.2圖形、圖像的版式設計

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

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

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

3.4注意在多媒體設計的過程中體現藝術性

隨著信息技術的不斷進步，多媒體技術得到了迅速發展，當前網絡傳輸的技術以及硬件技術也在不斷的提高，這樣也就為藝術和技術的結合創造了良好的條件，這樣也有利于網頁的設計體現出更為優質的效果，從而也為多媒體技術在網頁設計中的應用創造了更為廣闊的前景。

4在多媒體設計中恰當的融入藝術設計的成分

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

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

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

4.2突出主題要素

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

4.3注重色彩搭配

在一個網頁中色彩數量最好控制在4個左右，同時還要分出主次，確保總體上的統一，在局部上形成對比，要注意體現主題的色彩搭配，注意色系的選擇，還要注意背景色的選擇，盡可能的站在瀏覽者的角度思考問題。

4.4注重網頁布局

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

5結束語

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

1.課程目標與職業能力的定位不清晰。

中高職課程的銜接應該以職業能力作為落腳點。但現實中，中職學校與高職院校都存在對職業能力定位過高或過低的情況，使得兩個階段的相關課程目標經常需要調整，同時也更容易出現課程目標重復、斷檔等情況。

2.專業理論課程沒有體現中職與高職之間的區別。

目前，由于管理體制上中高職學校各自為政，使得中職和高職的課程沒有統一的課程標準，課程設置難以統一規劃。導致專業理論知識重復學習，沒有螺旋式上升的理論知識結構做鋪墊，造成了教育資源的浪費。

3.專業技能課程設置層次劃分不清晰。

專業技能課程是職業教育區別于普通教育的關鍵，現實是中職與高職在專業技能的層次劃分上并不明確，各中職學校的技能訓練過淺或過深，高職階段的技能訓練又很難及時針對來自不同中職學校的學生進行調整，造成教學效果參差不齊。

二、五年一貫制中高職課程開發的思路

課程開發最核心的問題是課程定位、課程目標、課程內容設計、教學方法和考核方法。五年一貫制的課程存在前后兩個階段銜接的問題，所以有更多的因素需要考慮。

（一）課程定位

第一步，通過對大量企業用人信息的收集，從中分析人才需求，結合行業內的專家論證，確定專業所服務的具體崗位（群）；第二步，深入工作一線對具體的工作崗位（群）進行分析，確定課程對應工作崗位的任務、流程、職責、所需知識、能力以及職業素養等；第三步，分析專業課程體系結構，明確課程在專業中的定位以及前后課程的聯系；第四步，根據中職與高職不同的培養目標，結合市場需求的指導，明確課程在中職、高職兩個階段的定位。

（二）課程設計

職業教育以面向職業崗位、為生產建設第一線提供人才為目標，所以應當緊扣行業需求，為行業企業提供有能力的發展性人才，這也是職業教育區別于普通教育的最根本特點。所以，五年一貫制的課程設計理念首先應該遵循“能力本位”原則，課程設置體現崗位需求，要培養學生扎實的專業理論功底和嫻熟的專業操作技能，以滿足行業企業的需求和自身的長期可持續發展。其次，要考慮中職與高職兩個階段在能力層次上的定位與銜接。中職階段以培養基礎職業能力為主，滿足企業對初、中級人才的需求；高職階段以培養中高級職業能力為主，讓學生的職業能力得到平滑提升，達到企業對中高級人才的要求。

（三）課程內容設計

中職階段以網頁設計與制作基礎能力的培養為主，以零散、簡單的案例作為教學載體，打破按照“軟件知識點”為主線來劃分教學模塊的方式，采用按照“網頁內容”來劃分教學模塊；高職階段注重提升已有網頁設計的基礎能力，通過完整的網站項目提升學生的綜合實踐能力、系統工程設計能力以及全面的職業素質。

（四）教學方法設計

無論是中職階段還是高職階段，都采用“行動導向教學”的模式來組織課堂教學。行動導向教學模式強調學生在學習過程中的主體地位，通過各種教學方法的配合訓練學生的專業能力、方法能力、社會能力，最終整合形成有效的行動能力。具體來說，中職階段的教學內容更適合采用具有“行動導向特征”的案例教學法、探究教學法、知識競賽教學法等來組織課堂完成基礎部分的學習；高職階段更適合采用項目教學法、角色教學法、探究教學法等的結合來引導學生發展自主學習能力。

（五）考核方法設計

五年一貫制的課程設計理念遵循“能力本位”原則，重點在于培養學生獲得產業界所需的各種能力與素質，所以課程評價不僅要看到學生解決問題的結果，更要看重其得出結論的過程，了解學生在過程中所體現出來的情感、態度及各種職業能力。中職階段重點考核學生對基礎知識的理解以及對基礎技能的掌握，注重學習過程的質量控制，加強形成性考核的比重。強調平時考核的中間過程（課堂表現、課堂練習、課后作業、小組競賽等），引導學生打好基本功，從細節培養學生的職業素養和能力。高職階段的考核要加重考核學生在項目的設計與制作過程中所表現出來的專業能力、方法能力和社會能力。所以，考核的內容注重項目執行過程的階段考核，將平時的項目成果、作業、報告、個人在小組項目中的貢獻、項目的創新性等列入評價范圍，關注學生在評價過程中所表現出來的興趣、特長等個性特點，引導學生全面發展。

三、結束語

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

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

(1)案例設計不當．

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

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

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

2案例驅動的教學實踐

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

2．1案例選取的原則

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

(1)代表性．

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

(2)針對性．

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

(3)趣味性．

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

(4)綜合性．

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

(5)理論聯系實際．

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

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

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

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

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

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

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

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

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

(4)評價教學．

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

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

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

3結語

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

1適用性

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

2獨特性

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

3整體性

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

(1)色彩對比:

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

（2）色相對比:

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

（3）明度對比:

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

（4）純度對比:

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

（5）補色對比:

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

（6）冷暖對比:

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

（7）面積對比:

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

4色彩的調和

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

（1）同種色的調和：

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

（2）類似色的調和：

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

（3）對比色的調和：

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

（4）漸變色的調和：

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

二、配色的基本方法

1色調配色法

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

2色相配色法

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

三、小結