網(wǎng)頁設(shè)計論文精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁設(shè)計論文主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網(wǎng)頁設(shè)計論文范文
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的CI形象?！耙追啤敝哺袊幕瑁橙∽匀环A賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在快樂”是YIFINI易菲的設(shè)計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
交互式強：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
第2篇：網(wǎng)頁設(shè)計論文范文
(1)影音。
科技的發(fā)展，使視覺這門藝術(shù)不再僅僅局限于二維空間的發(fā)展，動畫、視頻等網(wǎng)頁設(shè)計元素的運用，極大地豐富了網(wǎng)頁的信息內(nèi)容，這些元素成為網(wǎng)頁設(shè)計中最生動、最活躍的因素，給受眾帶來試聽方面的雙重享受。動聽的音樂，服飾的動態(tài)展示，給受眾帶來愉悅感的同時，像一種調(diào)劑一樣平衡了視覺和心理上的感受，同時還留給了受眾對服飾想象空間的延伸。在服飾網(wǎng)頁設(shè)計中，通常用Flas的方式來展示服飾產(chǎn)品。當然，伴隨著三維動畫的運用，服飾網(wǎng)頁的設(shè)計將會越來越科學和藝術(shù)。動畫等視頻藝術(shù)的運用，能夠營造出受眾者對服飾的一種情緒，一種感覺與情感。動畫方式的服飾展示，不僅使人們的情感得到張揚，而且使人機對話的過程也變得更加生動有趣。其總的設(shè)計目標是營造出一種放松的氣氛，使人們感到輕松、活潑與休閑，在閱讀過程中，使受眾者在視覺與心理上獲取愉悅，產(chǎn)生消費的熱情。
(2)整體色彩感。
網(wǎng)絡(luò)媒體是一種非常特殊的媒體形式，通過光和色將要傳遞的信息展現(xiàn)在屏幕上，用于人們交流與溝通。因此，設(shè)計出符合人的心理與生理等要求的，合理的色彩搭配就顯得尤為重要。在設(shè)置色彩的彩度及明度時要特別慎重，受眾者的要求以及服飾品牌風格色調(diào)的和諧就需要得到綜合全面地考慮?？梢圆捎迷O(shè)置背景的方法，一來減少人們由于長時間注視亮背景所引起的神經(jīng)疲勞以及心理上的厭煩感，二者烘托服飾風格，這樣使網(wǎng)頁的總體風格超越文字和圖形的既定內(nèi)涵，給受眾者勾畫出一個完整的審美意境。其次，還可以通過利用和諧的色彩搭配及色彩有規(guī)律的變化，營造視覺上的流動感，使受眾者在獲取信息的同時，也能夠得到視覺和精神上的購物享受。
2服飾網(wǎng)頁框架布局
網(wǎng)頁的框架布局是網(wǎng)站視覺設(shè)計研究的重要環(huán)節(jié)之一，網(wǎng)頁設(shè)計中把不同的設(shè)計要素進行有機整合，主要借助框架結(jié)構(gòu)來完成。這種框架結(jié)構(gòu)相當于普通頁面的版式設(shè)計。常見的網(wǎng)頁布局有層，還有表格定位的方式。在服飾網(wǎng)頁設(shè)計中，通常兩種定位方式同時采用，他們互相取長補短，相得益彰。由于服飾網(wǎng)站的特殊性質(zhì)，受眾瀏覽網(wǎng)站的目的、閱讀信息的方式以及在站內(nèi)逗留的時間的不同，在策劃網(wǎng)頁頁面的編排創(chuàng)意時，采取“少則多”的設(shè)計原則，這樣單個頁面雖然容納的信息量較少，但視覺表現(xiàn)力卻比較集中。這種設(shè)計手法滿足了受眾者對服飾好奇、探求的欲望，為服飾網(wǎng)站的個性化風格營造了氛圍;再者，人機對話的方式誘發(fā)了受眾的活力與興趣，增加了網(wǎng)絡(luò)互動性，這樣有利于消費者與設(shè)計師之間的溝通與交流。服飾網(wǎng)頁頁面編排時，還需要結(jié)合服裝品牌的主題風格與素材，不斷調(diào)整頁面的均衡，在統(tǒng)一中尋求變化，獲得秩序感，給受眾者創(chuàng)造最佳的視覺效果，最終完成信息的傳遞。
3結(jié)語
第3篇：網(wǎng)頁設(shè)計論文范文
互聯(lián)網(wǎng)飛速發(fā)展的年代，網(wǎng)絡(luò)內(nèi)容也越來越豐富，人們對網(wǎng)絡(luò)的要求也越來越高，不僅僅滿足于文字和圖片，更希望網(wǎng)頁可以舒適一些，漂亮一些。色彩刺激著人們的視覺，網(wǎng)站設(shè)計的好不好，從某種意義上來說，主要是由色彩是否應(yīng)用得到?jīng)Q定的。因此，現(xiàn)在的設(shè)計者不但要懂得基本的網(wǎng)絡(luò)制作常識，還要熟悉網(wǎng)站的風格，以及色彩的搭配。
2、色彩在網(wǎng)頁設(shè)計中的重要性
如今，人們打開一個網(wǎng)頁，已經(jīng)不再滿足于文字的內(nèi)容，他們有了更高的審美意識，對于網(wǎng)頁設(shè)計來說，藝術(shù)設(shè)計的地位就越來越重要了。色彩包含在美學當中，各種色彩代表不一樣的內(nèi)涵。以網(wǎng)頁的內(nèi)容以及特點為基礎(chǔ)，合理的運用色彩構(gòu)成，正確的搭配色彩，可以增加網(wǎng)頁的視覺效果，從而引起人們的共鳴，影響人們的情緒，不但可以傳達信息，還可以產(chǎn)生情感上的交流。對于藝術(shù)設(shè)計來說，色彩是很關(guān)鍵的要素。色彩搭配的好，可以給人們很直觀的視覺沖擊，以及藝術(shù)享受，可以讓人們站在美學的角度來理解網(wǎng)站的內(nèi)容，這就是網(wǎng)頁色彩設(shè)計的初衷。網(wǎng)頁在性質(zhì)上屬于視覺傳遞的新型載體，和雜志、電視、報刊以及廣播等傳統(tǒng)的媒體比較起來，構(gòu)成更加復雜一些，將文字、圖像以及聲音融于一體。用戶打開一個網(wǎng)頁，最初的印象就是色彩。對于網(wǎng)頁設(shè)計來說，色彩有著重要的意義，它不但可以表達網(wǎng)頁作品的內(nèi)容，還可以實現(xiàn)視覺的傳達。
3、網(wǎng)頁設(shè)計中色彩的應(yīng)用
3.1網(wǎng)頁設(shè)計中色彩的調(diào)和與搭配。網(wǎng)頁的形式各種各樣，宣傳效果也是大不相同，我們要對網(wǎng)頁設(shè)計的各種色彩搭配以及理念進行研究，所謂的理念，就是把色彩融入到網(wǎng)頁的構(gòu)成當中，從全局的角度體現(xiàn)出具體和局部的美，此外，可以依據(jù)宣傳內(nèi)容，利用色調(diào)和色彩表達出來，根據(jù)不同的網(wǎng)頁種類，用各種形式進行表達。
3.1.1針對各種群體，采取網(wǎng)頁色彩表達。因為受眾群體是不一樣的，網(wǎng)頁的色彩也有要區(qū)別，舉個例子，以年齡段不同進行區(qū)分的受眾群體，就要表現(xiàn)出性格以及年齡的特征，每一個年齡段的群體，情感需要是不一樣的，在設(shè)計網(wǎng)頁時，選擇的方法也是不一樣的。對于兒童來說，主要以紅色以及綠色為主色帶，在關(guān)鍵地方表現(xiàn)出來，然后在輔以其他顏色，這種色彩可以體現(xiàn)出活潑的格調(diào)。
3.1.2針對各種類型的網(wǎng)頁設(shè)計宣傳理念，如何進行色彩搭配。不同的網(wǎng)頁，所要實現(xiàn)的宣傳目標是不一樣的，通常來說，我們利用各種感覺通到以及色彩的感受，去領(lǐng)域宣傳的本質(zhì)內(nèi)涵。我們設(shè)計網(wǎng)頁，主要是為了實現(xiàn)宣傳的目的，利用色彩的方式，可以把這種目的體現(xiàn)出來，這就叫做不同產(chǎn)品設(shè)計理念的不同理解以及表達。
3.2網(wǎng)頁設(shè)計中色彩對應(yīng)與分配。
3.2.1設(shè)計網(wǎng)頁時，色彩搭配要注重層次性。在設(shè)計網(wǎng)頁時，我們想要傳達給受眾的是多層的信息，而不是一層兩層，同時，各個層次還是可以相互包容的，這種包容就體現(xiàn)了色彩搭配，而且不同色彩之間還有各種元素交織在一起，為了更好的傳達信息，也為了更生動準確的傳達信息，我們必須體現(xiàn)出色彩的層次性，這也是我們所要表達的設(shè)計理念。色彩的層次性關(guān)鍵是精，而不是多，更主要的是合理以及整潔，所謂的合理有序指的是色彩的合理分布以及有序搭配，我們所倡導的是前面是主色調(diào)，隨后是單色調(diào)；帶有宣傳目的色彩置于前面，而搭配意義的背景可以置于后面，這種搭配方式可以起到很好的效果，而且這種層次性還可以讓人們有一種煥然一新的感覺，然后通過色彩的形式表達出來，實現(xiàn)宣傳的目的。
3.2.2設(shè)計網(wǎng)頁時，色彩搭配需要注重包容性。色彩的包容性，指的是各個色彩之間的搭配以及穿插，這種搭配以及穿插，可以把各種顏色融合在一起，從而表達出一種感情。網(wǎng)頁設(shè)計不同，色彩包容的顏色也不同，舉個例子，某些網(wǎng)頁是為了宣傳某種產(chǎn)品，在廣告中，利用的是反思維的方式來引導受眾，然后引出產(chǎn)品的形式以及構(gòu)成。這種網(wǎng)頁的主色調(diào)會置于一個關(guān)鍵的位置，在它的周圍以及內(nèi)部進行科學的搭配。
3.3網(wǎng)頁設(shè)計中色彩的簡單與復雜規(guī)劃。
3.3.1簡單色彩形式的網(wǎng)頁設(shè)計。這種形式的網(wǎng)頁設(shè)計，主要是為了體現(xiàn)出重點，營造出需要的氛圍，表達出一種情感。而這種情感也就是我們秉承的設(shè)計理念以及規(guī)劃。體現(xiàn)出重點，也就是體現(xiàn)出網(wǎng)頁的內(nèi)容，這種情況通常可以采用視覺沖擊力較強的色彩來表達，而在搭配背景顏色時，要更加清淡，做一些簡單的描繪以及勾勒，主要的目的還是體現(xiàn)出網(wǎng)頁的關(guān)鍵內(nèi)容。
3.3.2復雜色彩形式的網(wǎng)頁設(shè)計。這種形式的網(wǎng)頁設(shè)計指的是把各種顏色合理的融合到一起，并且利用不同的色調(diào)表現(xiàn)出來。這種方式的表達，是通過復雜的色彩，表現(xiàn)出一種內(nèi)心的感悟以及情懷，而復雜是建立在有序的搭配之上的，并不是表面上的凌亂的色彩，而是為了更加突出重點，某些色彩的設(shè)計理念所遵循的就是合理的選擇以及放棄。有些網(wǎng)頁屬于藝術(shù)類型的，為了重點表現(xiàn)某一項藝術(shù)技能，一般會用各種色彩進行描繪以及勾勒，同時，反復的運用色彩搭配實現(xiàn)渲染的目的，這種類型的網(wǎng)頁常見于攝影方面，運用了色彩的積極效果。
第4篇：網(wǎng)頁設(shè)計論文范文
1、傳統(tǒng)網(wǎng)頁設(shè)計教學中存在的問題
眾所周知，計算機網(wǎng)頁設(shè)計課程具有很強的綜合性和操作性等特點，若想制作效果良好的網(wǎng)頁，需要具備文字版面處理、動畫制作及圖像處理等相關(guān)知識。設(shè)計計算機網(wǎng)頁時，通常使用Flash、Firework和Dreamweaver三種網(wǎng)頁設(shè)計軟件?，F(xiàn)階段，很多技術(shù)學校依然采用傳統(tǒng)的網(wǎng)頁設(shè)計教學模式，即利用實踐和理論的方式組織教學過程，具體地說，按照教學大綱要求，有針對性的對學生實施章節(jié)教學，若知識點不同，則會分兩次進行理論和實驗教學，這就導致學生無法靈活運用所學知識，一味的照搬課本內(nèi)容，不會融會貫通和相互聯(lián)系，以致無法培養(yǎng)學生的創(chuàng)新意識及能力。傳統(tǒng)教學模式雖然同樣重視實踐教學，而其實際教學效果常常達不到預期目標，這主要是因為學生在熟練掌握網(wǎng)頁制作技術(shù)及技巧的情況下，未能有效掌控網(wǎng)站、圖片制作和內(nèi)容排版編排的規(guī)劃和布局造成的。
2、案例教學模式的內(nèi)涵
所謂的案例教學模式，是指學生熟練掌握基礎(chǔ)部分相關(guān)知識辨別、知識分析及知識理解的前提下，教師精心設(shè)計教學案例，進而為學生展示課程內(nèi)容，同時，根據(jù)課程大綱和教學目標的教學內(nèi)容和要求，指引學生通過教學案例的有效運用，分析、討論相關(guān)知識，并以獨立思考和團隊合作有機結(jié)合的方式進行分析，促使學生進一步辨別和分析所學知識，進而提高其解決問題的能力。除此以外，教師還應(yīng)重視培養(yǎng)學生的協(xié)調(diào)溝通能力、工作作風以及管理理念。
3、案例教學模式的特點
我們認為，案例教學方式的實施基礎(chǔ)是實例，實際的案例教學過程中，教師往往利用形象、生動的教學案例，有效激發(fā)學生學習網(wǎng)頁設(shè)計課程的興趣，并在網(wǎng)頁制作的學習中貫穿教學案例中的相關(guān)知識點，進而使學生在學好相關(guān)知識的基礎(chǔ)上，不斷提高自身的問題解決能力。教師在整個案例教學過程中，始終充當著激勵者和設(shè)計者的重要角色，以促使學生積極參與案例討論。
二、案例教學的具體實施方法
一般情況下，案例教學的教學方式多種多樣、不斷變化，因而只有高度重視各教學流程，才能有效實施案例教學，進而達到事半功倍的教學效果。我們認為，案例教學流程包括教學案例的設(shè)計、組織學生討論教學案例、總結(jié)和實現(xiàn)教學案例三部分，具體實施過程為:
1、教學案例的設(shè)計
通常來講，有效實施案例教學的前提和基礎(chǔ)是設(shè)計教學案例，因而教師一定要按照教學規(guī)劃和教學要求，充分準備授課內(nèi)容，并討論教學案例的相關(guān)理論和技能，同時還要分析案例教學過程中可能發(fā)生的問題。此外，設(shè)計教學案例時還應(yīng)注意:第一，確保教學案例具有較強的實踐性，即保證設(shè)計的教學案例符合教材及現(xiàn)實案例的相關(guān)要求，以便學生更好的理解;第二，確保教學案例具有較強的典型性，也就是說，教學案例可以涵蓋大部分課程知識點;第三，確保教學案例具有較強的系統(tǒng)性，具體地說，設(shè)計的教學案例之間應(yīng)具有前后貫穿的關(guān)系，并按照由易及難的順序進行排列;第四，確保教學案例具有較強的針對性，這就要求教師根據(jù)學生實際的接收能力選擇或設(shè)計教學案例。另外，學生還要在分析教學案例的基礎(chǔ)上，不斷思考和探索其實際應(yīng)用，并有效、及時的促使教學案例理論知識逐漸轉(zhuǎn)變?yōu)閷嵺`應(yīng)用，進而實現(xiàn)理論結(jié)合實踐的教學目標，同時不斷拓寬學生的視野。例如，網(wǎng)頁設(shè)計教學過程中，教師可讓學生根據(jù)實際題目設(shè)計求職網(wǎng)站，因而學生需要結(jié)合網(wǎng)頁制作的相關(guān)知識，根據(jù)實際情況，具體分析相關(guān)的求職素材，進而獨立設(shè)計求職網(wǎng)站，這不僅激發(fā)了學生對理論知識的學習興趣，還提高了其實踐動手能力。
2、組織學生討論教學案例
實際上，組織學生討論教學案例的目的在于分析分體，進而提出合理、有效的辦法和思路。每個學生實現(xiàn)同一教學案例方法以及分析結(jié)果各不相同，雖然部分學生能找到容易、簡單的實現(xiàn)方法，卻無法充分理解;部分學生雖然找到了容易理解的實現(xiàn)方法，其實現(xiàn)過程卻非常復雜。所以，教師應(yīng)有效指導學生果斷刪除不重要的案例細節(jié)，同時尋找教學案例的結(jié)構(gòu)與理論知識之間的聯(lián)系。此外，討論教學案例的核心是學生和教師共同努力，進而將教學案例的理論知識和教學內(nèi)容有機相連，這就要求教師充分發(fā)揮引導者的作用，并為學生創(chuàng)造自由、和諧的討論氛圍，同時讓學生成為教學案例討論的主角。一般來講，案例教學模式著重強調(diào)教師教學過程中的交往情境，而學生在這一情境中，也能主動參與到學習及互動交流活動中，進而反復學習。與傳統(tǒng)教學模式不同是，案例教學拋棄了教師為主的舊觀念，將學生作為教學主體，且不強迫學生進行記憶，只要求其積極思考提出的相關(guān)問題，并反復訓練，從而達到提高學生解決及分析問題的能力，最終實現(xiàn)培養(yǎng)學生積極動手能力的教育目標。例如，計算機網(wǎng)頁設(shè)計案例教學中，教師應(yīng)根據(jù)實際教學內(nèi)容選擇合理、有效的教學方式，如介紹網(wǎng)頁制作工具時，由于學生對其比較陌生，因而教師可通過討論案例實施教學活動。
3、總結(jié)和實現(xiàn)教學案例
學生結(jié)束教學案例討論后，教師應(yīng)恰當評價討論結(jié)果，以便去除錯誤觀點。同時，教師還要分析、講解教學案例分析的相關(guān)技巧及知識技能，進而在學生通過計算機進行操作時，根據(jù)課堂討論內(nèi)容具體實現(xiàn)教學案例，以利于學生牢固掌握相關(guān)知識點。
三、案例教學在計算機網(wǎng)頁設(shè)計教學中的具體應(yīng)用
1、營造輕松、和諧的學習氛圍
計算機網(wǎng)頁設(shè)計的案例教學中，教師應(yīng)注重為學生營造活躍、融洽的學習氛圍，促使學生在心理上產(chǎn)生安全、自由的感覺，進而激發(fā)其敢做、敢說的勇氣。此外，教師在計算機網(wǎng)頁設(shè)計的案例教學中，始終扮演著指導者和組織者的重要角色。所以，學生要獨自完成整個案例教學過程，且學生在這一過程中表現(xiàn)出的極大的積極性和主動性，直接影響著教學效果和教學質(zhì)量。
2、提高教師素質(zhì)，構(gòu)建良好的師生關(guān)系
若想保證計算機網(wǎng)頁設(shè)計案例教學順利進行，需要教師具備知識淵博、經(jīng)驗豐富的特點，這也是教師為學生傳遞經(jīng)驗和知識的基本條件。因此，教師必須要不斷的學習，以便為學生提供豐富的信息。因為只有這樣，才能提高教師的影響力和威信，進而提高教學質(zhì)量和教學效果。除此以外，教師還應(yīng)全面、多角度的愛護和關(guān)心學生，同時融入學生中間，以便更好的感受和體會其內(nèi)心世界，進而在做好教師的同時，努力成為學生的朋友。
3、建立科學合理的知識體系，選擇合適的教學案例
一般來講，學生學習必備、認識事物和適應(yīng)環(huán)境的基本條件是認知結(jié)構(gòu)，且其學習過程是不斷平衡同化和順應(yīng)機能的過程，也是不斷構(gòu)建認知結(jié)構(gòu)的過程。因此，教師若在教學過程中引入相關(guān)背景知識和展示新知識點，都要密切結(jié)合教學大綱。此外，教師選擇教學案例時，應(yīng)保證案例具有較強的針對性，且能充分反映教學大綱中的相關(guān)知識點。例如，為網(wǎng)頁頁面進行布局時，可通過表格、框架和層的方式進行，如為食品網(wǎng)站做簡圖時:為確定網(wǎng)頁的主色調(diào)，應(yīng)將背景圖片插在第一層中;為給網(wǎng)頁增添活力和生機，可將flas插在第二層中;將精美食品插在第三層中;為體現(xiàn)飲食文化，可在第四層中搭配相關(guān)歌曲;為增強網(wǎng)頁的立體感，可在第五層中添加浮動物體。此外，教師應(yīng)先鼓勵學生使用表格布局解決相關(guān)問題，爾后引出層的內(nèi)涵，進而逐步解決問題，直至完成學習任務(wù)。
四、結(jié)語
第5篇：網(wǎng)頁設(shè)計論文范文
圖形元素的存在大大美化了網(wǎng)頁設(shè)計，它擁有強烈的藝術(shù)美感和視覺沖擊力，是文字之后最早被引入到網(wǎng)頁設(shè)計中的元素，它所傳遞信息的直觀性遠勝于文字。圖形設(shè)計中的色彩搭配、元素構(gòu)成、版式布局都要符合瀏覽者的審美心理，才能使得網(wǎng)頁在短時間內(nèi)給受眾留下深刻的印象。網(wǎng)頁設(shè)計中的圖片提供導向和鏈接的功能。根據(jù)人機心理學研究，人們的視線在瀏覽網(wǎng)頁時，會首先垂直的落在屏幕中心，然后向四周游動。決定了設(shè)計師要將重要的信息安排在注視點高的區(qū)域，所以設(shè)計師要根據(jù)視覺流程來合理安排圖片的適度位置。網(wǎng)頁設(shè)計中的圖片是要經(jīng)過網(wǎng)絡(luò)下載才可以最后看到，受到寬帶的限制，所以要求圖形文件量盡可能的小。在圖片大小固定的情況下，文件量越低說明圖片分辨率要越低。對于顯示器上的圖片而言，分辨率為72dpi是大多數(shù)圖片的最佳選擇。
二、色彩元素
色彩的配色設(shè)計直接影響網(wǎng)站的整體定位、風格。作為設(shè)計中不可缺少的元素，它建立在文字圖形的基礎(chǔ)上，依靠眼睛的功能，通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍色代表平靜，暖色中的紅色代表激動；黑色給人沉重感，淺色則讓物體輕盈；色彩從色調(diào)、飽和度、明度三個方面影響著網(wǎng)頁，我們可以找到很多運用廣泛的色彩配色方案，來作為實際學習和工作中的向?qū)А?/p>
網(wǎng)頁設(shè)計中的色彩元素需要符合國際色彩的標準，因為互聯(lián)網(wǎng)絡(luò)是建立在國際互聯(lián)網(wǎng)統(tǒng)一的平臺上的。最簡單的說就是采用網(wǎng)頁安全色，不能毫無節(jié)制的運用太多顏色，一般情況下先根據(jù)總體風格的要求定出主色調(diào)和輔助色進行色彩的搭配。網(wǎng)頁色彩模式一般采取RGB模式。網(wǎng)頁設(shè)計是通過顯示器來進行展示的，目前顯示器大都采用RGB顏色標準，這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來設(shè)計定的，通俗點說它的顏色混合方式就好像有紅、綠、藍三盞燈，當它們的光相互疊合的時候，色彩相混，而亮度卻等于兩者亮度之總和，越混合亮度越高，即加法混合。在顯示器上，通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產(chǎn)生色彩的。
三、版式設(shè)計
第6篇：網(wǎng)頁設(shè)計論文范文
多媒體技術(shù)是將數(shù)字技術(shù)以及計算機技術(shù)的綜合體，它是各種多媒體信息集合的產(chǎn)物，它將文字、視頻、圖像、音頻等各種信息進行了有效的合成。多媒體技術(shù)已經(jīng)廣泛的應(yīng)用到到了各個行業(yè)之中，如教育、旅游、廣告等，并發(fā)揮著越來越重要的作用。多媒體技術(shù)在當前的應(yīng)用范疇中所包含的內(nèi)容也越來越多，其使用的素材也在不斷地增多，并且使得網(wǎng)頁更加的具有藝術(shù)性，使之更容易吸引瀏覽者的眼球，進而使得人們的工作學習效率得以提高。
2多媒體技術(shù)在網(wǎng)頁中的應(yīng)用
2.1圖形圖像處理技術(shù)
網(wǎng)頁設(shè)計的最基礎(chǔ)元素就是對圖形、圖像的設(shè)計，其設(shè)計程序主要包含著五個方面的內(nèi)容，首先是對圖像的獲取，其次是對圖像的編輯處理，還有就是圖像的輸出，以及圖像的壓縮和存儲，最后要將這些圖像轉(zhuǎn)化成另一種平面或者是立體的圖像，給瀏覽者一種視覺沖擊的效果，進而吸引更多的瀏覽者。
2.2動畫處理技術(shù)
一些動畫往往運用了一些數(shù)字處理技術(shù)，這一技術(shù)的運用可以使得文字具有一些特殊的效果，同時還可以使的一些圖形具有一種立體動態(tài)的效果。動畫的格式有GIF、SWF、FLIC、Java動畫等。
2.3數(shù)字音頻處理技術(shù)
這一技術(shù)可以使音頻不再是模擬，而是可以將音頻和視頻合成，可以通過數(shù)字化技術(shù)產(chǎn)生更加良好的效果，使整個網(wǎng)頁不管是從整體的角度看還是從局部的角度看都可以產(chǎn)生良好的視覺與聽覺效果，。
2.4視頻處理技術(shù)
當前視屏在網(wǎng)頁中的應(yīng)用比較廣泛，已經(jīng)成為網(wǎng)頁設(shè)計時必須考慮的多媒體元素，在網(wǎng)頁視頻設(shè)計的過程中，信號源是第一要素，它可以是高頻信號、分離電視、復合視頻信號。獲取數(shù)字視頻的方式主要包含著通過數(shù)碼攝像機獲取，CD獲取以及模擬視頻采集。
3網(wǎng)頁設(shè)計過程中對多媒體技術(shù)的運用
3.1動畫、視頻設(shè)計
在一些網(wǎng)站中，不難發(fā)現(xiàn)一些動畫、視視頻之類的東西，通過這些可以生動形象的將主題突顯出來，使得網(wǎng)頁瀏覽者可以在感官上獲得享受，同時產(chǎn)生空間的聯(lián)想。這樣也使得動畫在網(wǎng)頁設(shè)計中的地位越來越突出，成為網(wǎng)頁設(shè)計中非常重要的組成部分。
3.2圖形、圖像的版式設(shè)計
在對網(wǎng)頁進行設(shè)計時需要注意圖像質(zhì)量的選擇，注意圖像的質(zhì)量，盡可能的做到精致，這樣也就要求設(shè)計者在設(shè)計的過程中要對圖像進行細心的篩選，使圖片在整個網(wǎng)頁中的效果既融洽又精致，同時還需要對圖像的色調(diào)進行選擇，對文字進行合適的排版，這樣就可以使得圖形和文字的效果在視覺上呈現(xiàn)出一種意境美，從而使得整個網(wǎng)頁的形式統(tǒng)一，設(shè)計新穎。
3.3在對多媒體元素選擇的過程中要注意與網(wǎng)頁風格的協(xié)調(diào)
在設(shè)計網(wǎng)頁的過程中需要注意網(wǎng)頁的主體，通過視覺上的沖擊效果以及瀏覽用戶的心動情況吸引用戶，促使用戶直觀的理解網(wǎng)頁的主題，并通過藝術(shù)美吸引瀏覽者關(guān)注本網(wǎng)站，最終實現(xiàn)網(wǎng)站設(shè)計的目的。
3.4注意在多媒體設(shè)計的過程中體現(xiàn)藝術(shù)性
隨著信息技術(shù)的不斷進步，多媒體技術(shù)得到了迅速發(fā)展，當前網(wǎng)絡(luò)傳輸?shù)募夹g(shù)以及硬件技術(shù)也在不斷的提高，這樣也就為藝術(shù)和技術(shù)的結(jié)合創(chuàng)造了良好的條件，這樣也有利于網(wǎng)頁的設(shè)計體現(xiàn)出更為優(yōu)質(zhì)的效果，從而也為多媒體技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用創(chuàng)造了更為廣闊的前景。
4在多媒體設(shè)計中恰當?shù)娜谌胨囆g(shù)設(shè)計的成分
網(wǎng)頁設(shè)計不只是由多媒體元素構(gòu)成，為了使其更加的美觀就必須要考慮藝術(shù)性，要注意平面效果的傳達，這也就需要做到不同的元素結(jié)合起來，但是在結(jié)合過程中需要注意以下幾點：
4.1在設(shè)計網(wǎng)頁的過程中要注意內(nèi)容和形式的統(tǒng)一
在進行設(shè)計時就需要做到形式與內(nèi)容的統(tǒng)一，使得形式服從于內(nèi)容，從而使得網(wǎng)絡(luò)的整體效果表現(xiàn)出來，這也就要求網(wǎng)頁的細節(jié)需要做得很到位，從而使得網(wǎng)頁與多媒體元素的相關(guān)性凸現(xiàn)出來。
4.2突出主題要素
網(wǎng)頁要盡可能的突出主題，使得風格與之相協(xié)調(diào)。在風格選擇上要注意多媒體元素的選擇，注意其色調(diào)的搭配，同時還要做好排版工作，從而使得整個網(wǎng)頁具有較強的吸引力，達到應(yīng)有的效果。
4.3注重色彩搭配
在一個網(wǎng)頁中色彩數(shù)量最好控制在4個左右，同時還要分出主次，確保總體上的統(tǒng)一，在局部上形成對比，要注意體現(xiàn)主題的色彩搭配，注意色系的選擇，還要注意背景色的選擇，盡可能的站在瀏覽者的角度思考問題。
4.4注重網(wǎng)頁布局
網(wǎng)頁布局大致可分標題型、拐角型、框架型等，選擇布局類型的依據(jù)主要是信息狀況，網(wǎng)頁狀況以及結(jié)構(gòu)狀況，這樣就會使得網(wǎng)頁的頁面可以一目了然。國字型以及拐角型的適合用于信息量大的網(wǎng)頁中，標題正文型的適合用于綱要性的網(wǎng)頁之中，動畫型的可以靈活的運用到各種各樣網(wǎng)頁之中，但是在布局的選擇過程中需要注意各種布局類型優(yōu)缺點的選擇，只有這樣才能使得網(wǎng)頁的效果更為明顯。
5結(jié)束語
第7篇：網(wǎng)頁設(shè)計論文范文
遠程教育已經(jīng)在我國眾多的發(fā)達城市當中開展起來，這使得我國的教育更加具有終身性與普遍性，不僅能夠極大提高國民綜合素質(zhì)，還能夠突破傳統(tǒng)教育的局限。然而，遠程教育需要強大的交互功能以及多媒體的輔助作用，教師所傳授的內(nèi)容也更加廣泛與具體，通過人機的交互不僅能夠提高學習者的學習熱情，還能夠更好地訓練邏輯思維與創(chuàng)新思維，因此，遠程教育的課件一定要達到動態(tài)交互的效果。與此同時，腳本語言不僅能夠?qū)討B(tài)課件的效果最大限度地展現(xiàn)出來，還能夠?qū)⑵渑c市場中其他的課件進行比對，從而找出最佳的教學方案，將先進的教學思想盡可能的傳授給學生。
2腳本語言在遠程教育動態(tài)網(wǎng)頁設(shè)計中的應(yīng)用
2.1JavaScript語言的應(yīng)用JavaScript語言作為一種新型的動態(tài)性編程語言具有多種應(yīng)用功能，首先在網(wǎng)址的編寫當中可以運用簡潔、精準的編碼將語言編譯出來，使得動態(tài)網(wǎng)頁呈現(xiàn)出特有的表現(xiàn)形式，這樣能夠讓初學者很快明白課程教授的內(nèi)容和目的，然而，JavaScript語言的不足就是一旦有一處編碼出現(xiàn)錯誤，將會影響后續(xù)的程序運行，使得遠程教授出現(xiàn)問題。另一方面，JavaScript語言具有先進的鼠標動畫跟蹤功能，這是課堂教學中不可缺少的重要組成部分，是教師與學生互動的體現(xiàn)，教師可以通過移動鼠標準確、快速地將自己想要表達的內(nèi)容展現(xiàn)給學生看，同時在有限的課堂時間內(nèi)顧及各個水平學生的學習需求。最后，就是JavaScript語言對于文字圖像的動態(tài)顯示功能，很多文字內(nèi)容通過動態(tài)的圖像來展現(xiàn)能夠使人更容易理解和記憶，這正是現(xiàn)階段我國遠程教育所欠缺的內(nèi)容，遠程教育的動態(tài)網(wǎng)頁設(shè)計如果能夠?qū)⒔虒W內(nèi)容自動化的傳授，就能突破傳統(tǒng)的教學模式，也就是說，通過動態(tài)的文字將學生存在的問題一一解答，同時實現(xiàn)學生之間的交流和互動，這樣就能夠?qū)⒚總€人的創(chuàng)新思想與他人分享。
2.2JSP語言的應(yīng)用腳本語言可以與多種編程語言配合使用，這樣不僅能夠完善腳本語言的運用效果，更能夠凸顯其兼容性，使得遠程教育的動態(tài)效果達到最佳。而JSP語言在腳本語言中可謂是后起之秀，其以更快的速度和準確度占據(jù)著動態(tài)網(wǎng)頁設(shè)計的重要位置，很多遠程教育的編程語言都是選用JSP語言，其能夠?qū)崿F(xiàn)知識點的連接功能，能夠讓學生在學習的同時更加便捷地查閱自己不懂的內(nèi)容，通過動態(tài)圖片或語言的連接，只要通過點擊就能夠進入到另一個界面，獲取更加詳細、準確的信息，讓遠程教育不存在知識點的堆積，提高學習效率與教學成果。另一方面，JSP語言還能夠根據(jù)實際的課堂需求設(shè)計出動畫卡通人物，其目的是為了提高低年級學生或初學者的學習熱情，從而使其更加專心的學習，可以幫助學生建立抽象思維。最后，JSP語言能夠?qū)崿F(xiàn)網(wǎng)絡(luò)測試，這樣就能夠解決遠程教育存在的測試問題，通過網(wǎng)上學習能力的測試，讓學生即便在沒有教師與家長的看護下也能夠認真的完成作業(yè)，同時檢驗自己的學習成果，更為重要的是JSP語言所展現(xiàn)的動態(tài)教學具有限時和提醒的功能，可幫助學生更加認真、高效的完成作業(yè)。
2.3其他腳本語言的應(yīng)用實際上，腳本語言的種類有很多，應(yīng)該根據(jù)實際的教學情況和需求選擇最恰當?shù)哪_本語言，只有這樣才能使遠程教育的動態(tài)網(wǎng)頁設(shè)計更加實用，當然也是為了獲得最大的經(jīng)濟效益。每種腳本語言都有自身的優(yōu)勢和不足，一些技巧性與動態(tài)性的網(wǎng)頁設(shè)計就可以選用上文闡述的兩種腳本語言，其他的腳本語言可以先讓部分用戶做體驗，看其是否符合用戶的需求，從而達到遠程教育的最終目的。
3結(jié)語
第8篇：網(wǎng)頁設(shè)計論文范文
目前，案例驅(qū)動教學在高等教育各學科中廣泛使用．但由于很多教師對案例驅(qū)動教學法的內(nèi)涵、特點及組織過程的認識不透徹，導致案例教學法的使用存在許多誤區(qū)．
(1)案例設(shè)計不當．
案例驅(qū)動教學本質(zhì)上應(yīng)是通過“案例”來誘發(fā)、加強和維持學生的成就動機，成就動機是學生學習和完成任務(wù)的真正動力．因此，案例驅(qū)動教學法的案例設(shè)計是教學成敗的關(guān)鍵因素．案例過于簡單、欠缺針對性、設(shè)計不清晰等都會影響案例教學的教學目標．一個具體的案例設(shè)計，必須考慮周全，保證案例的可行性和有效性．進行案例設(shè)計時，要以學生為中心，教師為主導，興趣為主線，使學生在完成任務(wù)的過程中掌握知識、技能、方法并學以致用．
(2)組織實施過程并非案例教學．
案例教學是師生的雙向活動，通過具體案例引導學生參與分析、討論，讓學生在具體的案例情景中積極思考，主動探索．在實際教學過程中，有些教師只是把案例呈現(xiàn)給學生，像講故事一樣敘述一遍，沒有引導，沒有總結(jié)，缺乏交流與互動;有些教師在課堂上引用了案例，但教學方式還是沿用傳統(tǒng)的灌輸式的教學，仍然以教師為主體．以上種種教學方式看上去是引用了案例，但并非采用了案例教學法，更談不上通過案例驅(qū)動去激發(fā)學生的學習興趣，培養(yǎng)學生分析問題解決問題的能力，提高學生自主學習及與他人協(xié)作的能力．上述種種對案例驅(qū)動教學法的不恰當使用，將直接影響學生學習的深入和教學目標的達成．本文結(jié)合“案例驅(qū)動在網(wǎng)頁設(shè)計類課程中的應(yīng)用”的教改課題，對案例驅(qū)動在實際教學工作中的應(yīng)用進行了探討和反思．
2案例驅(qū)動的教學實踐
《網(wǎng)頁設(shè)計》是一門知識點豐富、應(yīng)用性和操作性強的課程．此類課程目標是培養(yǎng)學生分析問題和動手解決問題的能力．通過教師對網(wǎng)頁設(shè)計知識點的講解，結(jié)合案例驅(qū)動的教學模式，讓學生系統(tǒng)地學會如何設(shè)計網(wǎng)頁和開發(fā)網(wǎng)站．
2．1案例選取的原則
根據(jù)網(wǎng)頁設(shè)計課程的內(nèi)容和特點，在課程開始就引出成品案例，明確需要解決的問題，調(diào)動學生的學習積極性;同時，在教學過程中，以該案例為線索，將其貫穿于課程的始終，將零散的知識點結(jié)合在一個完整地案例實現(xiàn)中，并通過分組操作完成案例的方式，進行相互評比學習，進一步擴展知識面．對于教學過程中的小知識點選擇對應(yīng)的小案例．案例的選取在案例驅(qū)動的教學過程中至關(guān)重要，大的成品案例應(yīng)具備較強的實際應(yīng)用價值，能夠較好的模擬真實的應(yīng)用環(huán)境，小知識點案例則需注意選取的針對性，做到有的放矢．在實際教學過程中，我們一般遵循以下的案例選取原則:
(1)代表性．
在課程開始之初，為激發(fā)學生的學習興趣，明確學習目標．讓學生觀摩的成品案例應(yīng)選擇不同風格類網(wǎng)站的代表或往屆學生優(yōu)秀作品的代表，且此類網(wǎng)站需和學生的實際學習生活息息相關(guān)，如班級網(wǎng)站、購物網(wǎng)站、技術(shù)網(wǎng)站等，以此調(diào)動學生繼續(xù)探究學習的積極性．
(2)針對性．
在教學過程中零散知識點對應(yīng)引入小案例，此類案例應(yīng)具有較強的針對性，將課堂教學目標融入到案例教學中．如通過網(wǎng)站公告欄引出對marquee標簽的講解，通過網(wǎng)頁的刷新功能引出對meta標簽的講解等．
(3)趣味性．
盡可能選取趣味性強的案例，更好地吸引學生的注意，抓住學生好奇的心理，喚起學生更多的學習熱情和欲望．如通過漂浮的廣告、滾動的圖片等案例引出對腳本內(nèi)容的講解．
(4)綜合性．
成品案例的選取應(yīng)注重綜合性．一個成品案例網(wǎng)站應(yīng)涵蓋HTML，CSS，JAVASCRIPT等多個知識點．通過成品案例的設(shè)計與實現(xiàn)，考察學生綜合應(yīng)用多知識點解決實際應(yīng)用的能力．
(5)理論聯(lián)系實際．
更多地結(jié)合學生在實際生活學習中的應(yīng)用選擇案例，最好從學生熟悉的操作和感興趣的事件出發(fā)，使他們有更多的機會從周圍熟悉的事物中學習和理解，感受到設(shè)計的趣味和作用，體驗到設(shè)計的魅力．如在講解時間對象時，可以選擇人性化問候或重大事件的倒計時牌設(shè)置作為案例引出．
2．2案例驅(qū)動教學的實施過程
在案例驅(qū)動教學應(yīng)用到《網(wǎng)頁設(shè)計》類課程的具體實踐中，我們創(chuàng)設(shè)了“模仿—擴展—發(fā)揮”的教學過程．具體的教學過程主要分五個階段展開．
(1)成品案例演示，學生觀摩．
此階段為教學展開的第一階段，通過各類代表性綜合網(wǎng)站的觀摩，激發(fā)學生的學習熱情，調(diào)動學生的學習積極性，為課程深入學習打下基礎(chǔ)．可粗略提及網(wǎng)站內(nèi)容組織，設(shè)計理念和主要相關(guān)技術(shù)，建立對課程學習的大體認識．
(2)知識點講解，模仿練習．
此階段是教學深入開展階段，教師開始各類知識點的講解，通過引出小案例配合教學，教師需要示范案例的制作過程，講明案例的制作步驟和方法，講解制作中運用的知識要點和技能，學生模仿練習，達到掌握各類知識點的目的．
(3)成品案例擴展，實現(xiàn)．
成品案例的實現(xiàn)是一個循序漸進的過程，在知識點的講解過程中，學生在每次模仿練習完成后，可運用已學知識與技能逐步展開對成品案例的制作，不斷擴充，直至課程結(jié)束，案例制作完成．
(4)評價教學．
教學實踐完成后，教師抽取學生個案展示，并對學習成果進行多元評價，歸納總結(jié)學生學習過程和結(jié)果中出現(xiàn)的問題，引導學生進行反思．同時對優(yōu)秀的案例進行總結(jié)分析，和學生分享學習其設(shè)計的風格、思路和技巧，查漏補缺．
(5)自選主題設(shè)計作品．
此階段為自由發(fā)揮階段，不限題材，不限風格，引導學生應(yīng)用所學構(gòu)建風格各異的網(wǎng)站，通過自主完成搜集素材到分析設(shè)計，再到制作的過程，讓學生充分了解并親歷實際開發(fā)中網(wǎng)頁設(shè)計的開發(fā)流程，提高學生獨立分析和解決實際問題的能力，有利于學生的自我完善和提高．針對目前《網(wǎng)頁設(shè)計》課程的教學體系所存在的不足，只有通過教學內(nèi)容的整合與優(yōu)化，并以課堂教學環(huán)節(jié)、實驗實訓教學環(huán)節(jié)、考核方式的改革相配合，建立一個合理的實踐教學體系，才能培養(yǎng)學生的學習興趣，提高學生在網(wǎng)頁設(shè)計的應(yīng)用中分析問題和解決問題的能力，促進教學質(zhì)量的提高．在實際教學過程中，我們采用以下的策略來優(yōu)化教學過程，進行案例驅(qū)動教學工作的實施．首先，以案例驅(qū)動為導向，優(yōu)化教學過程，改進學習方式．同時，加強實訓環(huán)節(jié)的教學．直接引進企業(yè)實際應(yīng)用需求的案例，學生在教師指導下通過分組直接參與綜合大型實踐案例開發(fā)．通過這種大型實訓教學，完成對基本知識和基本操作技能的綜合訓練，讓學生了解了實際工作中需要的多方面素質(zhì)，實現(xiàn)了課堂教學與職場崗位間的“短距離對接”．其次，開展技能比賽式教學．組織網(wǎng)頁設(shè)計與制作方面的競賽，如網(wǎng)頁設(shè)計、圖像處理等，通過形式多樣、豐富多彩的學生競賽活動，促進學生主動進行計算機應(yīng)用與技能訓練活動，提高學生對技能應(yīng)用的能力，加深對知識的理解．在對《網(wǎng)頁設(shè)計》課程采用案例驅(qū)動教學法后，學生學習積極性大大增強，動手實踐能力顯著提高，通過案例展開的教學讓學生更輕松，系統(tǒng)地掌握知識和技能，上機實踐已由驗證實驗逐步轉(zhuǎn)變?yōu)樽灾髟O(shè)計實驗，學生能在課程結(jié)束時學以致用，或個人獨立或分組協(xié)作達到完成一個綜合性網(wǎng)站制作的目標．在學生獲得相應(yīng)技能的同時，學習的積極性、主動性、創(chuàng)新能力、協(xié)同工作的能力，獨立分析問題和解決問題的能力都得到了發(fā)展．
3結(jié)語
第9篇：網(wǎng)頁設(shè)計論文范文
1適用性
創(chuàng)建網(wǎng)站時，首先要考慮的是用戶的需求。網(wǎng)站是以宣傳用戶企業(yè)文化為主，還是以宣傳企業(yè)產(chǎn)品為主，即確定網(wǎng)站的主題。主題確定以后，就要了解哪些顏色適合傳達該主題信息。例如，IT類網(wǎng)站常常采用藍色為主色調(diào)，因為藍色為冷色調(diào)，通常讓人聯(lián)想到海洋、天空、水、宇宙。純凈的藍色表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。由于藍色沉穩(wěn)的特性，具有理智、準確的意象，在商業(yè)設(shè)計中，強調(diào)科技、效率的商品或企業(yè)公司，大多選用藍色當做標準色，企業(yè)色，如電腦，汽車，影印機，攝影器材等等。橙色是暖色調(diào)中最溫暖的顏色，具有興奮、溫暖、歡樂、輝煌、以及容易動人的色感，所以，家居類網(wǎng)站常常以橙色調(diào)為主，能夠烘托家庭溫馨的主題，即不同的主題應(yīng)選用不同的顏色。
2獨特性
網(wǎng)頁的數(shù)量不斷增長，越來越富有個性，對設(shè)計者的要求也更高。相同類型的網(wǎng)站，若網(wǎng)站的整體風格大同小異，沒有突破，則很難在競爭中取勝。要吸引瀏覽者挑剔的眼球，就要打破常規(guī)、標新立異。即網(wǎng)站的色彩搭配要在考慮網(wǎng)站本身特點的同時，讓色彩的獨特性充分發(fā)揮魅力。
3整體性
網(wǎng)頁上各部分色彩都有自己的分工角色，主色具有傳達主題信息的作用，輔助色是烘托氣氛的，背景色保持畫面的整體統(tǒng)一，點睛色起強調(diào)作用。網(wǎng)頁的色彩也可以區(qū)分信息模塊、暗示控件功能等。不同的色彩在網(wǎng)頁中同時存在，就會出現(xiàn)色彩的不同組合關(guān)系，可能有強烈的顏色對比關(guān)系，也可能在亮度上有明暗對比關(guān)系，還可能有相似色彩間的調(diào)和關(guān)系。這些色彩的組合使網(wǎng)頁在視覺效果上豐富多彩，構(gòu)成了網(wǎng)頁的整體效果。優(yōu)秀的色彩組合是網(wǎng)頁設(shè)計者發(fā)揮藝術(shù)才能的重要領(lǐng)地，和諧的配色能夠讓整個界面看上去舒適。對比強烈的配色加以適當?shù)拿娣e比例調(diào)整進行調(diào)和能夠讓整個界面看上去清晰并且重點突出。因此，不同的需求可以采用不同的組合關(guān)系，但是一定要給瀏覽者良好的整體印象，這就需要這些色彩組合關(guān)系具備整體性，它主要包括色彩對比與色彩調(diào)和2個方面：
(1)色彩對比:
指各種色彩在構(gòu)成中的面積、形狀以及色相、明度、純度之間的差別，這些差別為網(wǎng)頁配色增添了許多變化，頁面顯得更加豐富多彩。色彩的對比規(guī)律大致有以下幾點：
（2）色相對比:
指不同色相之間的差別產(chǎn)生的對比。當網(wǎng)頁主色確定后，必須充分考慮其他色彩與主色的關(guān)系、要表現(xiàn)的內(nèi)容及效果等，這樣才能增強其表現(xiàn)力。如果要突出差別關(guān)系，應(yīng)選擇主色的補色。若要對比效果柔和，就要選擇相似色。
（3）明度對比:
指色彩之間明暗程度的不同所形成的對比。通過明暗程度的調(diào)整，可以給瀏覽者在視覺上產(chǎn)生不同層次，不同距離的感覺。
（4）純度對比:
指不同色彩之間純度的不同所形成的對比。色彩的純度決定著色彩的鮮艷程度，將不同純度的色彩放置在一起進行對比，會使得純度高的色彩更鮮艷，純度低的色彩更渾濁。
（5）補色對比:
補色是色環(huán)中相對位置上的兩種顏色。網(wǎng)頁中的點睛色就經(jīng)常采用補色，當互為補色的兩種色彩接近時，能顯示出強烈的對比關(guān)系。
（6）冷暖對比:
色彩給人的感覺是有冷暖的，分為冷、暖兩大色系，這兩種色系相互排斥的，放置在同一個頁面中，就會產(chǎn)生冷暖對比。冷暖對比效果是極為強烈的，會導致畫面的不協(xié)調(diào)，一般采用以下兩種方法解決。首先是純度調(diào)整：降低冷暖兩色的純度。用黑、白、灰明度變化來調(diào)整畫面的層次、直接使用黑、白、灰色系進入畫面搭配，或者加入補色，也都能很好地起到協(xié)調(diào)的效果。其次是面積調(diào)整：主次的面積區(qū)分，根絕主題的需要在畫面的面積上以一方為主色，其他顏色在使用上拉開距離，使畫面的主次關(guān)系更突出，在統(tǒng)一的同時又富有變化。
（7）面積對比:
指頁面中各種色彩在面積上的大小差別，它會影響到頁面的主次關(guān)系。在同一視覺范圍內(nèi)，色彩面積的不同會產(chǎn)生不同的對比效果。若兩種色彩的面積同樣，那么這兩種顏色之間的對比十分強烈，若色彩的面積不相等時，小的一種色彩就會成為陪襯，在小面積的色彩陪襯下，大面積的色彩就顯得特別突出。根據(jù)主題的需要在頁面的面積上以一方為主色，其他顏色為輔助色，使頁面的主次關(guān)系更突出。
4色彩的調(diào)和
兩種或兩種以上的色彩分布在同一個頁面中，形成色彩組合關(guān)系，色彩調(diào)和就是使這種組合關(guān)系合理搭配，產(chǎn)生統(tǒng)一、協(xié)調(diào)的效果。色彩調(diào)和是人們求得色彩協(xié)調(diào)、達到心理平衡的重要手段。
（1）同種色的調(diào)和：
選定一種顏色，通過改變這種顏色的明度或純度得到所需要的新的色彩，進而使色彩產(chǎn)生循序的漸進，彌補同種色相的單調(diào)感。
（2）類似色的調(diào)和：
如果希望兩種或兩種以上的顏色對比不那么明顯，那么就要在這些顏色之間再添加類似色進行調(diào)和。在色相環(huán)中，色相越靠近越調(diào)和。
（3）對比色的調(diào)和：
對比度調(diào)和是指兩種或兩種以上的色彩配置在一起，通過一定的方法使其產(chǎn)生自然而融洽的感覺。其調(diào)和的方法有：提高或降低對比色的純度、采用面積大小不同的處理方法。
（4）漸變色的調(diào)和：
漸變色本身實際上是一種調(diào)和方法的運用，是顏色按層次逐漸變化的現(xiàn)象。色彩漸變在網(wǎng)頁的背景色中是經(jīng)常使用的。色彩的對比與調(diào)和是形式美的變化與統(tǒng)一。
二、配色的基本方法
1色調(diào)配色法
選定一種顏色，加入黑色或白色會使其明暗程度發(fā)生變化，形成這種顏色的不同色調(diào)，一般分為亮調(diào)、中間調(diào)、暗調(diào)。不同的色調(diào)會對人產(chǎn)生的一定的心理暗示。這種色調(diào)配色法在網(wǎng)頁色彩構(gòu)成中是經(jīng)常使用的。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB選項區(qū)（不是RGB選項區(qū)）中的B（亮度），指定選擇的顏色，通過拖動右側(cè)的滑塊就可以得到這種顏色的各種色調(diào)。
2色相配色法
當基于色相策劃了一個配色方案時，獲得的效果通常會比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相，進行類似色、互補色的搭配。適當?shù)仡愃粕钆洌梢垣@得整齊寧靜的效果；適當?shù)匮a色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB調(diào)板區(qū)域中的H（色相），指定選擇的顏色，通過拖動右側(cè)的滑塊即產(chǎn)生色相變化。若已在Photoshop的工作區(qū)選定了某一顏色，按下[Ctrl]+[I]鍵即可得到顏色的互補色。
三、小結(jié)
