網(wǎng)頁設(shè)計(jì)論文精選(九篇)

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

第1篇：網(wǎng)頁設(shè)計(jì)論文范文

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

1.討論網(wǎng)站的主題。

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

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

3.確定欄目和板塊。

于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁：一張主頁三張二級(jí)頁面。分別設(shè)計(jì)了“時(shí)尚首頁、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。

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

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

二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工作。

1.資料的搜集。

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

2.熟悉制作軟件。

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

三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了具體制作流程如下。

1.構(gòu)建站點(diǎn)框架。

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

2.設(shè)計(jì)主頁及二級(jí)頁面。

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

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

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

3.實(shí)現(xiàn)網(wǎng)頁間的鏈接。

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

4.向靜太網(wǎng)頁插入動(dòng)態(tài)效果。

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

第2篇：網(wǎng)頁設(shè)計(jì)論文范文

(1)影音。

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

(2)整體色彩感。

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

2服飾網(wǎng)頁框架布局

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

3結(jié)語

第3篇：網(wǎng)頁設(shè)計(jì)論文范文

1從屏幕采集

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

2從網(wǎng)上下載

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

3用掃描儀采集圖像

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

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

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

5通過計(jì)算機(jī)軟件進(jìn)行繪制

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

二圖片在網(wǎng)頁應(yīng)用中的處理方法

1退底處理

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

2虛實(shí)處理

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

3影調(diào)處理

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

4質(zhì)感處理

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

5局部與特寫

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

6綜合處理

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

三結(jié)束語

第4篇：網(wǎng)頁設(shè)計(jì)論文范文

1、傳統(tǒng)網(wǎng)頁設(shè)計(jì)教學(xué)中存在的問題

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

2、案例教學(xué)模式的內(nèi)涵

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

3、案例教學(xué)模式的特點(diǎn)

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

二、案例教學(xué)的具體實(shí)施方法

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

1、教學(xué)案例的設(shè)計(jì)

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

2、組織學(xué)生討論教學(xué)案例

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

3、總結(jié)和實(shí)現(xiàn)教學(xué)案例

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

三、案例教學(xué)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)中的具體應(yīng)用

1、營造輕松、和諧的學(xué)習(xí)氛圍

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

2、提高教師素質(zhì)，構(gòu)建良好的師生關(guān)系

若想保證計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)案例教學(xué)順利進(jìn)行，需要教師具備知識(shí)淵博、經(jīng)驗(yàn)豐富的特點(diǎn)，這也是教師為學(xué)生傳遞經(jīng)驗(yàn)和知識(shí)的基本條件。因此，教師必須要不斷的學(xué)習(xí)，以便為學(xué)生提供豐富的信息。因?yàn)橹挥羞@樣，才能提高教師的影響力和威信，進(jìn)而提高教學(xué)質(zhì)量和教學(xué)效果。除此以外，教師還應(yīng)全面、多角度的愛護(hù)和關(guān)心學(xué)生，同時(shí)融入學(xué)生中間，以便更好的感受和體會(huì)其內(nèi)心世界，進(jìn)而在做好教師的同時(shí)，努力成為學(xué)生的朋友。

3、建立科學(xué)合理的知識(shí)體系，選擇合適的教學(xué)案例

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

四、結(jié)語

第5篇：網(wǎng)頁設(shè)計(jì)論文范文

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

二、色彩元素

色彩的配色設(shè)計(jì)直接影響網(wǎng)站的整體定位、風(fēng)格。作為設(shè)計(jì)中不可缺少的元素，它建立在文字圖形的基礎(chǔ)上，依靠眼睛的功能，通過感覺的視覺沖擊力對(duì)心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍(lán)色代表平靜，暖色中的紅色代表激動(dòng)；黑色給人沉重感，淺色則讓物體輕盈；色彩從色調(diào)、飽和度、明度三個(gè)方面影響著網(wǎng)頁，我們可以找到很多運(yùn)用廣泛的色彩配色方案，來作為實(shí)際學(xué)習(xí)和工作中的向?qū)А?/p>

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

三、版式設(shè)計(jì)

第6篇：網(wǎng)頁設(shè)計(jì)論文范文

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

2多媒體技術(shù)在網(wǎng)頁中的應(yīng)用

2.1圖形圖像處理技術(shù)

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

2.2動(dòng)畫處理技術(shù)

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

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

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

2.4視頻處理技術(shù)

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

3網(wǎng)頁設(shè)計(jì)過程中對(duì)多媒體技術(shù)的運(yùn)用

3.1動(dòng)畫、視頻設(shè)計(jì)

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

3.2圖形、圖像的版式設(shè)計(jì)

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

3.3在對(duì)多媒體元素選擇的過程中要注意與網(wǎng)頁風(fēng)格的協(xié)調(diào)

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

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

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

4在多媒體設(shè)計(jì)中恰當(dāng)?shù)娜谌胨囆g(shù)設(shè)計(jì)的成分

網(wǎng)頁設(shè)計(jì)不只是由多媒體元素構(gòu)成，為了使其更加的美觀就必須要考慮藝術(shù)性，要注意平面效果的傳達(dá)，這也就需要做到不同的元素結(jié)合起來，但是在結(jié)合過程中需要注意以下幾點(diǎn)：

4.1在設(shè)計(jì)網(wǎng)頁的過程中要注意內(nèi)容和形式的統(tǒng)一

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

4.2突出主題要素

網(wǎng)頁要盡可能的突出主題，使得風(fēng)格與之相協(xié)調(diào)。在風(fēng)格選擇上要注意多媒體元素的選擇，注意其色調(diào)的搭配，同時(shí)還要做好排版工作，從而使得整個(gè)網(wǎng)頁具有較強(qiáng)的吸引力，達(dá)到應(yīng)有的效果。

4.3注重色彩搭配

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

4.4注重網(wǎng)頁布局

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

5結(jié)束語

第7篇：網(wǎng)頁設(shè)計(jì)論文范文

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

2腳本語言在遠(yuǎn)程教育動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)中的應(yīng)用

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

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

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

3結(jié)語

第8篇：網(wǎng)頁設(shè)計(jì)論文范文

目前，案例驅(qū)動(dòng)教學(xué)在高等教育各學(xué)科中廣泛使用．但由于很多教師對(duì)案例驅(qū)動(dòng)教學(xué)法的內(nèi)涵、特點(diǎn)及組織過程的認(rèn)識(shí)不透徹，導(dǎo)致案例教學(xué)法的使用存在許多誤區(qū)．

(1)案例設(shè)計(jì)不當(dāng)．

案例驅(qū)動(dòng)教學(xué)本質(zhì)上應(yīng)是通過“案例”來誘發(fā)、加強(qiáng)和維持學(xué)生的成就動(dòng)機(jī)，成就動(dòng)機(jī)是學(xué)生學(xué)習(xí)和完成任務(wù)的真正動(dòng)力．因此，案例驅(qū)動(dòng)教學(xué)法的案例設(shè)計(jì)是教學(xué)成敗的關(guān)鍵因素．案例過于簡單、欠缺針對(duì)性、設(shè)計(jì)不清晰等都會(huì)影響案例教學(xué)的教學(xué)目標(biāo)．一個(gè)具體的案例設(shè)計(jì)，必須考慮周全，保證案例的可行性和有效性．進(jìn)行案例設(shè)計(jì)時(shí)，要以學(xué)生為中心，教師為主導(dǎo)，興趣為主線，使學(xué)生在完成任務(wù)的過程中掌握知識(shí)、技能、方法并學(xué)以致用．

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

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

2案例驅(qū)動(dòng)的教學(xué)實(shí)踐

《網(wǎng)頁設(shè)計(jì)》是一門知識(shí)點(diǎn)豐富、應(yīng)用性和操作性強(qiáng)的課程．此類課程目標(biāo)是培養(yǎng)學(xué)生分析問題和動(dòng)手解決問題的能力．通過教師對(duì)網(wǎng)頁設(shè)計(jì)知識(shí)點(diǎn)的講解，結(jié)合案例驅(qū)動(dòng)的教學(xué)模式，讓學(xué)生系統(tǒng)地學(xué)會(huì)如何設(shè)計(jì)網(wǎng)頁和開發(fā)網(wǎng)站．

2．1案例選取的原則

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

(1)代表性．

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

(2)針對(duì)性．

在教學(xué)過程中零散知識(shí)點(diǎn)對(duì)應(yīng)引入小案例，此類案例應(yīng)具有較強(qiáng)的針對(duì)性，將課堂教學(xué)目標(biāo)融入到案例教學(xué)中．如通過網(wǎng)站公告欄引出對(duì)marquee標(biāo)簽的講解，通過網(wǎng)頁的刷新功能引出對(duì)meta標(biāo)簽的講解等．

(3)趣味性．

盡可能選取趣味性強(qiáng)的案例，更好地吸引學(xué)生的注意，抓住學(xué)生好奇的心理，喚起學(xué)生更多的學(xué)習(xí)熱情和欲望．如通過漂浮的廣告、滾動(dòng)的圖片等案例引出對(duì)腳本內(nèi)容的講解．

(4)綜合性．

成品案例的選取應(yīng)注重綜合性．一個(gè)成品案例網(wǎng)站應(yīng)涵蓋HTML，CSS，JAVASCRIPT等多個(gè)知識(shí)點(diǎn)．通過成品案例的設(shè)計(jì)與實(shí)現(xiàn)，考察學(xué)生綜合應(yīng)用多知識(shí)點(diǎn)解決實(shí)際應(yīng)用的能力．

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

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

2．2案例驅(qū)動(dòng)教學(xué)的實(shí)施過程

在案例驅(qū)動(dòng)教學(xué)應(yīng)用到《網(wǎng)頁設(shè)計(jì)》類課程的具體實(shí)踐中，我們創(chuàng)設(shè)了“模仿—擴(kuò)展—發(fā)揮”的教學(xué)過程．具體的教學(xué)過程主要分五個(gè)階段展開．

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

此階段為教學(xué)展開的第一階段，通過各類代表性綜合網(wǎng)站的觀摩，激發(fā)學(xué)生的學(xué)習(xí)熱情，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，為課程深入學(xué)習(xí)打下基礎(chǔ)．可粗略提及網(wǎng)站內(nèi)容組織，設(shè)計(jì)理念和主要相關(guān)技術(shù)，建立對(duì)課程學(xué)習(xí)的大體認(rèn)識(shí)．

(2)知識(shí)點(diǎn)講解，模仿練習(xí)．

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

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

成品案例的實(shí)現(xiàn)是一個(gè)循序漸進(jìn)的過程，在知識(shí)點(diǎn)的講解過程中，學(xué)生在每次模仿練習(xí)完成后，可運(yùn)用已學(xué)知識(shí)與技能逐步展開對(duì)成品案例的制作，不斷擴(kuò)充，直至課程結(jié)束，案例制作完成．

(4)評(píng)價(jià)教學(xué)．

教學(xué)實(shí)踐完成后，教師抽取學(xué)生個(gè)案展示，并對(duì)學(xué)習(xí)成果進(jìn)行多元評(píng)價(jià)，歸納總結(jié)學(xué)生學(xué)習(xí)過程和結(jié)果中出現(xiàn)的問題，引導(dǎo)學(xué)生進(jìn)行反思．同時(shí)對(duì)優(yōu)秀的案例進(jìn)行總結(jié)分析，和學(xué)生分享學(xué)習(xí)其設(shè)計(jì)的風(fēng)格、思路和技巧，查漏補(bǔ)缺．

(5)自選主題設(shè)計(jì)作品．

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

3結(jié)語

第9篇：網(wǎng)頁設(shè)計(jì)論文范文

1適用性

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

2獨(dú)特性

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

3整體性

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

(1)色彩對(duì)比:

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

（2）色相對(duì)比:

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

（3）明度對(duì)比:

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

（4）純度對(duì)比:

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

（5）補(bǔ)色對(duì)比:

補(bǔ)色是色環(huán)中相對(duì)位置上的兩種顏色。網(wǎng)頁中的點(diǎn)睛色就經(jīng)常采用補(bǔ)色，當(dāng)互為補(bǔ)色的兩種色彩接近時(shí)，能顯示出強(qiáng)烈的對(duì)比關(guān)系。

（6）冷暖對(duì)比:

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

（7）面積對(duì)比:

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

4色彩的調(diào)和

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

（1）同種色的調(diào)和：

選定一種顏色，通過改變這種顏色的明度或純度得到所需要的新的色彩，進(jìn)而使色彩產(chǎn)生循序的漸進(jìn)，彌補(bǔ)同種色相的單調(diào)感。

（2）類似色的調(diào)和：

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

（3）對(duì)比色的調(diào)和：

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

（4）漸變色的調(diào)和：

漸變色本身實(shí)際上是一種調(diào)和方法的運(yùn)用，是顏色按層次逐漸變化的現(xiàn)象。色彩漸變?cè)诰W(wǎng)頁的背景色中是經(jīng)常使用的。色彩的對(duì)比與調(diào)和是形式美的變化與統(tǒng)一。

二、配色的基本方法

1色調(diào)配色法

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

2色相配色法

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

三、小結(jié)