前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)范文，相信會(huì)為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)范文第1篇

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作 綜合實(shí)訓(xùn) 案例教學(xué) 任務(wù)驅(qū)動(dòng)

中圖分類號(hào)：G633 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9795（2013）05（b）-0173-02

近年來，隨著我國(guó)職業(yè)教育改革的進(jìn)一步深化，計(jì)算機(jī)專業(yè)課程改革面臨著進(jìn)一步完善，這就對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革提出了更高的要求?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程是中職學(xué)校計(jì)算機(jī)應(yīng)用技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)中一門創(chuàng)新性和實(shí)踐性很強(qiáng)的專業(yè)課程，要求學(xué)生不但要學(xué)好理論知識(shí)，還需要掌握實(shí)踐技能，關(guān)鍵是要具有解決實(shí)際問題的能力。但是，這樣一門看似簡(jiǎn)單好學(xué)的課程，卻經(jīng)常得不到很好的教學(xué)效果。學(xué)生在學(xué)完課程之后，要么設(shè)計(jì)結(jié)果達(dá)不到應(yīng)有的功能和視覺效果，要么不能獨(dú)立地進(jìn)行網(wǎng)站規(guī)劃和頁(yè)面設(shè)計(jì)。因此，筆者在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)實(shí)訓(xùn)中，對(duì)教學(xué)內(nèi)容、教學(xué)方法、教學(xué)手段、考核方式等進(jìn)行了一些嘗試，收到了良好的效果。

1 實(shí)訓(xùn)階段

以我校計(jì)算機(jī)應(yīng)用專業(yè)為例，《網(wǎng)頁(yè)設(shè)計(jì)與制作》綜合實(shí)訓(xùn)課安排時(shí)間為60個(gè)課時(shí)，以集中訓(xùn)練的方式進(jìn)行。在綜合實(shí)訓(xùn)之前，學(xué)生已經(jīng)學(xué)習(xí)理論知識(shí)和上機(jī)操作，對(duì)課程的重點(diǎn)、難點(diǎn)進(jìn)行了相關(guān)的練習(xí)。筆者在教學(xué)中發(fā)現(xiàn)，雖然學(xué)生經(jīng)過指導(dǎo)能夠完成課堂上布置的任務(wù)，但是只能根據(jù)規(guī)定的操作步驟進(jìn)行，學(xué)生沒有獨(dú)立設(shè)計(jì)和制作網(wǎng)頁(yè)的能力。學(xué)生的操作依賴性很強(qiáng)，學(xué)習(xí)之后很快就遺忘。針對(duì)這些問題，筆者制定了切合實(shí)際的實(shí)訓(xùn)計(jì)劃，主要目的是培養(yǎng)他們團(tuán)隊(duì)中協(xié)作能力，獨(dú)力完成所承擔(dān)的網(wǎng)站需求分析、網(wǎng)站規(guī)劃、網(wǎng)頁(yè)設(shè)計(jì)、綜合測(cè)試等工作，從而使學(xué)生牢固掌握所學(xué)知識(shí)，實(shí)現(xiàn)以技能培養(yǎng)為核心，培育適合當(dāng)前職業(yè)崗位需求的應(yīng)用型、技能型人才。本課程綜合實(shí)訓(xùn)如下所示。

1.1 實(shí)訓(xùn)動(dòng)員

在綜合教學(xué)實(shí)訓(xùn)進(jìn)行前，要做好學(xué)生的學(xué)習(xí)動(dòng)員工作。一方面，讓學(xué)生明確綜合實(shí)訓(xùn)的主要目的是讓學(xué)生通過實(shí)踐，了解和掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基本方法，通過不斷上機(jī)練習(xí)達(dá)到解決實(shí)際問題的能力。因此，集中兩個(gè)星期時(shí)間使學(xué)生綜合運(yùn)用所學(xué)習(xí)的網(wǎng)頁(yè)設(shè)計(jì)與制作的知識(shí)及以前所學(xué)習(xí)圖形圖像處理等計(jì)算機(jī)軟件應(yīng)用方面的知識(shí)，根據(jù)網(wǎng)站制作的流程，完成一個(gè)綜合的網(wǎng)站，全面鞏固學(xué)生的知識(shí)，培養(yǎng)學(xué)生解決實(shí)際問題的能力，從而達(dá)到學(xué)以致用的目的。另一方面，讓學(xué)生了解實(shí)訓(xùn)的目的和意義、學(xué)習(xí)方法以及考核方式等方面的內(nèi)容。采用展示實(shí)際案例效果、歷年網(wǎng)頁(yè)設(shè)計(jì)與制作競(jìng)賽獲獎(jiǎng)作品、歷屆學(xué)生的優(yōu)秀作品等方式來激發(fā)學(xué)生的學(xué)習(xí)興趣，讓他們積極主動(dòng)地參與到實(shí)訓(xùn)中來。

1.2 實(shí)訓(xùn)過程

在《網(wǎng)頁(yè)設(shè)計(jì)與制作》綜合實(shí)訓(xùn)教程中，老師的角色是參謀，學(xué)生的角色是任務(wù)的完成者。老師提出項(xiàng)目要求，學(xué)生根據(jù)具體的任務(wù)來完成。我們把一個(gè)班的學(xué)生分成10個(gè)小組，每個(gè)小組4～5人，每個(gè)小組選擇一個(gè)主題制作網(wǎng)站，綜合運(yùn)用前面所學(xué)的知識(shí)和相關(guān)的技術(shù)共同完成。

1.2.1 基本知識(shí)回顧

這部分的要求是溫習(xí)網(wǎng)頁(yè)制作課程的重點(diǎn)難點(diǎn)，使學(xué)生對(duì)Dream weaver各方面的操作知識(shí)系統(tǒng)的由“片”的認(rèn)識(shí)轉(zhuǎn)向“面”的認(rèn)識(shí)。

1.2.2 案例作品賞識(shí)

在網(wǎng)頁(yè)設(shè)計(jì)過程中，經(jīng)驗(yàn)豐富的設(shè)計(jì)師需要博采眾家之所長(zhǎng)，形成自己的風(fēng)格，而對(duì)于初學(xué)者來說，模仿是最容易收到效果的方法。大量欣賞優(yōu)秀的網(wǎng)站作品并不斷地分析、比較，會(huì)使學(xué)生的各種能力逐漸增長(zhǎng)和提高。通過展示歷年中職學(xué)校職業(yè)技能競(jìng)賽中網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目中的獲獎(jiǎng)作品、歷屆學(xué)生的優(yōu)秀作品等手段來提起學(xué)生的學(xué)習(xí)興趣，吸引學(xué)生積極主動(dòng)地參與實(shí)訓(xùn)。

1.2.3 案例模仿操作練習(xí)

從歷屆學(xué)生的優(yōu)秀作品中選擇一個(gè)典型的案例，讓學(xué)生作為網(wǎng)頁(yè)設(shè)計(jì)與制作知識(shí)的回顧。例如，對(duì)一個(gè)旅游網(wǎng)站進(jìn)行解析，使學(xué)生了解制作網(wǎng)站的基本方法，讓學(xué)生對(duì)旅游網(wǎng)站的粗略和宏觀認(rèn)識(shí)得到細(xì)化，使學(xué)生懂得如何獨(dú)立面對(duì)旅游網(wǎng)站進(jìn)行需求分析、站點(diǎn)規(guī)劃和設(shè)計(jì)。

1.2.4 作品的選擇、網(wǎng)站需求分析、站點(diǎn)規(guī)劃

在綜合實(shí)訓(xùn)中，首先要求各小組學(xué)生選擇一個(gè)網(wǎng)站主題，主題一般選擇如下內(nèi)容：校園生活、教育、體育、旅游、電子商務(wù)等。然后，小組成員開始著手進(jìn)行網(wǎng)站需求分析，設(shè)計(jì)整個(gè)網(wǎng)站的框架，選定要設(shè)計(jì)和制作的各部分內(nèi)容，由組長(zhǎng)組織完成一份完整的網(wǎng)站規(guī)劃書。在此過程中，老師要適當(dāng)指導(dǎo)，要求學(xué)生獨(dú)立完成，設(shè)計(jì)出有具有本組特色的網(wǎng)站。最后，由組長(zhǎng)給本組成員進(jìn)行網(wǎng)站設(shè)計(jì)與制作任務(wù)分配，分頭搜集素材并進(jìn)行整理。

1.2.5 網(wǎng)站色彩搭配

網(wǎng)站的色彩就像人的外表一樣，如果打扮得美觀大方，就會(huì)給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，所以，網(wǎng)頁(yè)的色彩搭配將直接影響訪問者對(duì)網(wǎng)站的印象。網(wǎng)頁(yè)配色有著很強(qiáng)的藝術(shù)性，不同的色彩搭配方案就會(huì)讓人產(chǎn)生不一樣的感受。對(duì)于初學(xué)者來說，模仿是最容易看到效果的方法。在站點(diǎn)規(guī)劃完成的基礎(chǔ)上，選擇網(wǎng)站的主色調(diào)和學(xué)習(xí)色彩搭配。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。由于中職生英語、數(shù)學(xué)等文化基礎(chǔ)較差，編程對(duì)他們來說難度太大，他們走上工作崗位后一般不會(huì)從事程序開發(fā)工作，大多數(shù)學(xué)生畢業(yè)后從事的是網(wǎng)站美工等，因此，應(yīng)該在網(wǎng)頁(yè)美工等方面加強(qiáng)培養(yǎng)。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)范文第2篇

1理論教學(xué)

1.1課程目標(biāo)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫的簡(jiǎn)單設(shè)計(jì)；5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。

1.2課程內(nèi)容

1.2.1HTML網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)?！爸淙唬渌匀弧笔俏覀兊哪繕?biāo)。

1.2.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。該部分重點(diǎn)知識(shí)包括CSS基本語法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。

1.2.3Photoshop圖像處理重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。

1.2.4Flas制作重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫制作、運(yùn)動(dòng)漸變動(dòng)畫制作、形狀漸變動(dòng)畫制作、引導(dǎo)動(dòng)畫制作、遮罩動(dòng)畫制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。

1.2.5JavaScript程序設(shè)計(jì)JavaScript是目前Web客戶端開發(fā)的主要編程語言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。

1.3教學(xué)方法該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。教學(xué)過程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。

1.3.1模塊教學(xué)法根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。

1.3.2案例教學(xué)法在課堂上采用案例教學(xué)法，通過精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過程。比如在講解HTML的<img>標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過一個(gè)綜合實(shí)例——具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。

2課程實(shí)踐

2.1實(shí)驗(yàn)題目的設(shè)計(jì)結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。

2.1.1HTML網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5HTML綜合實(shí)例。

2.1.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1CSS文字排版、實(shí)驗(yàn)2CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。

2.1.3Photoshop圖像處理實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。

2.1.4Flas制作實(shí)驗(yàn)1Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫的制作、實(shí)驗(yàn)5逐幀動(dòng)畫的制作、實(shí)驗(yàn)6綜合實(shí)例。

2.1.5JavaScript程序設(shè)計(jì)實(shí)驗(yàn)1JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4JavaScript事件處理、實(shí)驗(yàn)5Dom操作實(shí)例。

2.2自學(xué)模式的創(chuàng)建為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開辟了學(xué)生自學(xué)天地。

2.3參與教師科研，以研促學(xué)鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。

2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：1）舉辦講座：資深開發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。這些活動(dòng)的開展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。

3課程實(shí)訓(xùn)

網(wǎng)頁(yè)的制作不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問題想辦法解決學(xué)生帶著問題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)范文第3篇

關(guān)鍵詞：高職教育；課程改革；基于工作過程

中圖分類號(hào)：G642文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2012)12-2817-02

1傳統(tǒng)授課方式存在的問題

作者從事高職《網(wǎng)頁(yè)設(shè)計(jì)》課程講解工作3年之久，在3年的教學(xué)過程中作者發(fā)現(xiàn)的高職《網(wǎng)頁(yè)設(shè)計(jì)》課程存在的最大問題是：學(xué)生學(xué)習(xí)的知識(shí)與社會(huì)就業(yè)所需技能脫軌。

傳統(tǒng)的《網(wǎng)頁(yè)設(shè)計(jì)》課程主要講授的是Dreamweaver軟件的使用。所謂的《網(wǎng)頁(yè)設(shè)計(jì)》課程其實(shí)更多的是講Dreamweaver這款工具的操作使用。教學(xué)過程完全是按照軟件的操作使用來進(jìn)行，整體感覺上更像是一款操作軟件的培訓(xùn)。學(xué)生在學(xué)習(xí)完這門課程后掌握更多的是工具的操作，學(xué)生可以根據(jù)教師的要求模仿現(xiàn)成的網(wǎng)頁(yè)作品的制作網(wǎng)頁(yè)。而讓其自己動(dòng)手去設(shè)計(jì)一個(gè)符合企業(yè)需求的網(wǎng)站很多學(xué)生無法完成，或者能夠完成頁(yè)面卻達(dá)不到網(wǎng)頁(yè)新穎吸引人的目的。

簡(jiǎn)而言之，傳統(tǒng)《網(wǎng)頁(yè)設(shè)計(jì)》存在的問題就是學(xué)生只能完成既定的要求，而沒有獨(dú)立創(chuàng)新去解決實(shí)際問題的能力。

2《網(wǎng)頁(yè)設(shè)計(jì)》課程改革的設(shè)計(jì)

在進(jìn)行課程改革之前我們首先要了解對(duì)這門課程的知識(shí)要求、素質(zhì)要求和能力要求。對(duì)于《網(wǎng)頁(yè)設(shè)計(jì)》這門課程來說它主要的要求如下：

知識(shí)要求——深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網(wǎng)站設(shè)計(jì)和的流程；理解網(wǎng)站維護(hù)管理的意義及重要性，理解服務(wù)器、客戶端、瀏覽器的概念和作用。

素質(zhì)要求——本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)：服務(wù)意識(shí)：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)；文明法制意識(shí)：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力；較強(qiáng)的自我知識(shí)及技術(shù)更新能力：快速跟蹤網(wǎng)頁(yè)制作的新技術(shù)及市場(chǎng)應(yīng)用動(dòng)態(tài)。

能力與技能要求——網(wǎng)頁(yè)制作軟件的使用方法；在網(wǎng)頁(yè)中編制/插入需要的腳本；進(jìn)行網(wǎng)站的上傳/下載、更新、管理。

課程改革圍繞一個(gè)中心就是服務(wù)于高職學(xué)生的就業(yè)問題，課程的設(shè)計(jì)應(yīng)以促進(jìn)學(xué)生就業(yè)為目的。本課程在設(shè)計(jì)中引進(jìn)了企業(yè)的真實(shí)工作場(chǎng)景，通過威客豬八戒網(wǎng)站獲取真實(shí)的用戶需求，教師引導(dǎo)學(xué)生完成一個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的制作。將《網(wǎng)頁(yè)設(shè)計(jì)》分為以下幾個(gè)環(huán)節(jié)進(jìn)行：

1）網(wǎng)頁(yè)欣賞

在該環(huán)節(jié)中，提供大量的中內(nèi)外優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品。讓學(xué)生邊欣賞邊說出該網(wǎng)頁(yè)吸引人的優(yōu)點(diǎn)所在，教師講解網(wǎng)頁(yè)設(shè)計(jì)中關(guān)于色彩搭配和布局的知識(shí)。這樣做可以提高學(xué)生學(xué)習(xí)的主動(dòng)性，讓學(xué)生主動(dòng)的去學(xué)習(xí)知識(shí)。此環(huán)節(jié)以教師講解為主，學(xué)生參與討論為輔。

2）主頁(yè)制作

在該環(huán)節(jié)中，教授引導(dǎo)學(xué)生使用Dreamweaver工具模范制作一個(gè)主頁(yè)，在制作的過程中，引導(dǎo)學(xué)生掌握Dreamweaver軟件的基本操作。在設(shè)計(jì)一個(gè)主頁(yè)的過程中，Dreamweaver軟件的一些主要的操作都會(huì)涉及到：站點(diǎn)設(shè)計(jì)、表格布局、文字圖片、超級(jí)鏈接、CSS樣式設(shè)計(jì)。邊講邊練，為接下來的教學(xué)打下良好的基礎(chǔ)。此環(huán)節(jié)以教師講解為主，學(xué)生模仿制作為輔。

3）二級(jí)頁(yè)面的制作

在該環(huán)節(jié)中，主要目的是提高學(xué)生操作軟件的熟練程度，讓學(xué)生能夠做到熟練的操作Dreamweaver工具。針對(duì)上一個(gè)環(huán)節(jié)中存在的不足進(jìn)一步動(dòng)手練習(xí)，提高動(dòng)手操作能力。

二級(jí)頁(yè)面的制作過程中，教師講解內(nèi)容逐漸減少，學(xué)生自主開發(fā)逐漸增多。讓學(xué)生的自主性、創(chuàng)新性得到大的提高。

4）網(wǎng)頁(yè)的上傳與維護(hù)

此環(huán)節(jié)為網(wǎng)頁(yè)設(shè)計(jì)工作過程中的最后一環(huán)，設(shè)計(jì)好的網(wǎng)頁(yè)上傳到指定的位置，同時(shí)對(duì)存在的網(wǎng)頁(yè)進(jìn)行更新與維護(hù)。

5）學(xué)習(xí)自主課程實(shí)訓(xùn)

在該環(huán)節(jié)中，教師給出課題，學(xué)生綜合運(yùn)用所學(xué)的知識(shí)，從威客豬八戒網(wǎng)站上承接一個(gè)真實(shí)的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目進(jìn)行實(shí)訓(xùn)。課程的實(shí)訓(xùn)是對(duì)前一階段所學(xué)知識(shí)的總結(jié)和升華，更是動(dòng)手能力創(chuàng)新能力得到鍛煉的一個(gè)很好的平臺(tái)。

3《網(wǎng)頁(yè)設(shè)計(jì)》課程考核方式設(shè)計(jì)

傳統(tǒng)的課程考核方式多為期末考核，本課程改革的期末考核方式為：過程化考核+期末大作品。其中，過程化考核針對(duì)的是學(xué)生在學(xué)習(xí)該課程的過程中針對(duì)每一個(gè)環(huán)節(jié)的考核。主要參與考核的過程有：

站點(diǎn)的建立:站點(diǎn)的建立、編輯與維護(hù)；

頁(yè)面布局：表格、框架、層、模板和庫(kù)；

添加文字與圖片：頁(yè)面內(nèi)容添加；

超級(jí)鏈接的使用：導(dǎo)航條；

交互設(shè)計(jì)入門：表單的應(yīng)用、簡(jiǎn)單特效；

CSS樣式表：頁(yè)面的美化。

期末大作品主要以小組為單位設(shè)計(jì)一個(gè)完整的作品，小組成員之間相互合作利用所學(xué)習(xí)的知識(shí)自主設(shè)計(jì)一個(gè)完整的作品，上繳的內(nèi)容包括一個(gè)完整的靜態(tài)網(wǎng)站、答辯用PPT和小組成員之間的自評(píng)和互評(píng)。

4結(jié)束語

《網(wǎng)頁(yè)設(shè)計(jì)》這門課程對(duì)于高職學(xué)生來說提供了一個(gè)很好的就業(yè)方向，掌握這門技能對(duì)于學(xué)生來說意義重大。作為眾多高職課程中的一門，作者希望該課程的設(shè)計(jì)與改革能夠起到拋磚引玉的效果，使眾多的高職課程設(shè)計(jì)更加完善。讓高職學(xué)生的動(dòng)手能力得到進(jìn)一步的提升，為高職學(xué)生的就業(yè)打下良好的基礎(chǔ)。

參考文獻(xiàn)：

[1]楊寧.淺議《網(wǎng)頁(yè)設(shè)計(jì)》課程改革[J].科技博覽,2009,(26).

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)范文第4篇

該文介紹了《網(wǎng)頁(yè)設(shè)計(jì)與制作》項(xiàng)目化教學(xué)思路和方法，從設(shè)計(jì)理念與思路、對(duì)計(jì)應(yīng)相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對(duì)性與適用性、教學(xué)內(nèi)容的組織與安排、教學(xué)模式的設(shè)計(jì)與創(chuàng)新、實(shí)踐教學(xué)條件的建設(shè)與使用等6個(gè)方面進(jìn)行了設(shè)計(jì)與分析，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求進(jìn)行了一些思考和探索。

關(guān)鍵詞：

高職院校;網(wǎng)頁(yè)設(shè)計(jì);項(xiàng)目化課程;開發(fā)實(shí)踐

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用專業(yè)的一門專業(yè)核心課程。該課程目標(biāo)是讓學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應(yīng)用等課程的學(xué)習(xí)為基礎(chǔ)，也是進(jìn)一步學(xué)習(xí)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)等課程的基礎(chǔ)。學(xué)完本課程，要求學(xué)生能達(dá)到掌握網(wǎng)頁(yè)美工初步技能；熟練掌握HTML+CSS進(jìn)行頁(yè)面布局與排版的技能；基本掌握使用網(wǎng)頁(yè)腳本控制頁(yè)面操作和提升用戶體驗(yàn)的能力。按照高職高專知識(shí)傳授特點(diǎn)與職業(yè)技能需求，同時(shí)根據(jù)網(wǎng)頁(yè)設(shè)計(jì)與制作課程知識(shí)的掌握規(guī)律，目前我校采用了項(xiàng)目化教學(xué)方法，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求打下扎實(shí)的基礎(chǔ)。

1設(shè)計(jì)理念與思路

該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學(xué)習(xí)內(nèi)容設(shè)計(jì)為網(wǎng)頁(yè)設(shè)計(jì)實(shí)際工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。采用整體→模塊→整體的設(shè)計(jì)思路，按照簡(jiǎn)單到復(fù)雜、單一到綜合、低級(jí)到高級(jí)的原則進(jìn)行。

1.1設(shè)計(jì)理念：學(xué)習(xí)的內(nèi)容是工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。這一理念體現(xiàn)了該課程的職業(yè)性和實(shí)踐性，同時(shí)學(xué)習(xí)的主體變?yōu)閷W(xué)生，學(xué)習(xí)內(nèi)容以培養(yǎng)學(xué)生的職業(yè)技能為主。為體現(xiàn)這一設(shè)計(jì)理念，在課程設(shè)計(jì)前我們調(diào)研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對(duì)網(wǎng)頁(yè)設(shè)計(jì)各個(gè)方面涵蓋的崗位進(jìn)行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個(gè)基于工作實(shí)踐的“網(wǎng)頁(yè)設(shè)計(jì)與制作”項(xiàng)目（比工作實(shí)踐更完備體現(xiàn)課程的各個(gè)知識(shí)點(diǎn)）。同時(shí)分解實(shí)際工作中網(wǎng)頁(yè)設(shè)計(jì)的工作流程和崗位，確立多個(gè)子項(xiàng)目。這種方式學(xué)習(xí)，充分體現(xiàn)職業(yè)典型工作任務(wù)，以“工作”促學(xué)習(xí)，邊“工作”邊學(xué)習(xí)，學(xué)生學(xué)習(xí)內(nèi)容具體化，學(xué)習(xí)興趣大大提高。

1.2設(shè)計(jì)思路：整體→模塊→整體課程設(shè)計(jì)的思路是根據(jù)幾個(gè)不同類型的網(wǎng)站案例整體設(shè)計(jì)入手，將網(wǎng)頁(yè)設(shè)計(jì)所有環(huán)節(jié)和操作步驟詳細(xì)介紹給學(xué)生，讓學(xué)生從與“用戶”溝通開始參與到整個(gè)系統(tǒng)的設(shè)計(jì)過程中，教師根據(jù)任務(wù)需要，先給出網(wǎng)頁(yè)效果圖，讓學(xué)生體驗(yàn)完成后的整體效果，再根據(jù)項(xiàng)目進(jìn)程分解任務(wù)，這種設(shè)計(jì)優(yōu)點(diǎn)是能讓學(xué)生將學(xué)習(xí)過程作為完整的“工作”過程。在此基礎(chǔ)上，進(jìn)一步將各工作任務(wù)分成若干子任務(wù)，通過90課時(shí)教學(xué)+30課時(shí)整周實(shí)訓(xùn)學(xué)習(xí)，最終將各個(gè)子項(xiàng)目整合，完成網(wǎng)站整體設(shè)計(jì)工作。在子模塊學(xué)習(xí)任務(wù)設(shè)定中，每個(gè)子任務(wù)設(shè)計(jì)是按實(shí)際工作中網(wǎng)頁(yè)設(shè)計(jì)的技能要求提煉出來的，能滿足不同崗位的需求。項(xiàng)目完成時(shí)，我們還設(shè)計(jì)了學(xué)員相互評(píng)價(jià)體系，對(duì)設(shè)計(jì)成果進(jìn)行評(píng)估，讓學(xué)生在自我學(xué)習(xí)過程中及時(shí)總結(jié)并收獲進(jìn)步。

2對(duì)專業(yè)建設(shè)與發(fā)展的定位與作用

該課程采用項(xiàng)目化教學(xué)方式，可以起到如下作用。（1）學(xué)生對(duì)該專業(yè)的工作崗位有了具體認(rèn)識(shí)，了解了各崗位所需的專業(yè)知識(shí)，從而幫助學(xué)生進(jìn)行職業(yè)規(guī)劃和知識(shí)儲(chǔ)備。（2）學(xué)生對(duì)所學(xué)專業(yè)的工作內(nèi)容有了比較具體的認(rèn)識(shí)。該課程使學(xué)生對(duì)計(jì)應(yīng)專業(yè)到底是做什么的、怎么做等問題有了全面認(rèn)識(shí)，增強(qiáng)了學(xué)習(xí)信心和學(xué)習(xí)興趣。

3課程內(nèi)容的針對(duì)性與適用性

（1）該課程是依據(jù)“計(jì)算機(jī)應(yīng)用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁(yè)設(shè)計(jì)師職業(yè)崗位設(shè)置的。總體設(shè)計(jì)思路是：著重培養(yǎng)學(xué)生網(wǎng)頁(yè)制作能力，具備HTML、CSS、JavaScript等知識(shí)，以網(wǎng)站設(shè)計(jì)工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學(xué)生在完成網(wǎng)站設(shè)計(jì)具體項(xiàng)目的過程中完成相應(yīng)工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學(xué)時(shí)為90學(xué)時(shí)教學(xué)+30學(xué)時(shí)整周實(shí)訓(xùn)，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁(yè)視覺效果設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁(yè)兼容性設(shè)計(jì)等。（3）知識(shí)目標(biāo)和能力目標(biāo)。知識(shí)目標(biāo)應(yīng)掌握HTML、CSS、JavaScript、HTML5、CSS3等知識(shí)，該課程學(xué)習(xí)結(jié)束，學(xué)生應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁(yè)、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設(shè)計(jì)出綜合性的網(wǎng)站。能力目標(biāo)主要體現(xiàn)以下方面：①熟練使用網(wǎng)頁(yè)編輯軟件。②熟練使用樣式表控制頁(yè)面外觀。③能在網(wǎng)頁(yè)中設(shè)置需要的腳本。④能進(jìn)行網(wǎng)站的更新與管理。另外根據(jù)職業(yè)教育要求，加強(qiáng)學(xué)生以下素質(zhì)：①服務(wù)意識(shí)：為他人提供優(yōu)質(zhì)的服務(wù)。②文明法制意識(shí)：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。④較強(qiáng)的自我知識(shí)及技術(shù)更新能力：能快速跟蹤網(wǎng)頁(yè)制作的新技術(shù)及市場(chǎng)應(yīng)用動(dòng)態(tài)。

4教學(xué)內(nèi)容的組織與安排

該課程主要教學(xué)內(nèi)容包括網(wǎng)站服務(wù)器、HTML、CSS、網(wǎng)頁(yè)界面整體設(shè)計(jì)(含JavaScript應(yīng)用)、網(wǎng)頁(yè)兼容性等5個(gè)教學(xué)模塊，其中HTML和CSS為學(xué)習(xí)和實(shí)踐的重點(diǎn)，通過幾個(gè)案例的制作過程展開知識(shí)講授。具體教學(xué)內(nèi)容及課時(shí)安排見表1，“網(wǎng)頁(yè)外觀制作技術(shù)”項(xiàng)目的教學(xué)設(shè)計(jì)見表2（其他教學(xué)項(xiàng)目的教學(xué)設(shè)計(jì)因篇幅所限此處省略）。

5教學(xué)模式的設(shè)計(jì)與創(chuàng)新

在該課程的教學(xué)中，教學(xué)地點(diǎn)由教室遷移到一體化實(shí)訓(xùn)室，教學(xué)方式由教師講為主轉(zhuǎn)變?yōu)閷W(xué)生做為主。實(shí)施中包含如下步驟。（1）指定清晰的工作任務(wù)，教師展示頁(yè)面效果。（2）學(xué)生制訂工作計(jì)劃，理順工作思路。（3）教師進(jìn)行工作過程輔導(dǎo)，講解涉及的理論知識(shí)。（4）學(xué)生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學(xué)資源。（5）學(xué)生完成工作任務(wù)，體驗(yàn)工作效果。（6）師生及企業(yè)專家共同評(píng)價(jià)工作成果。

6實(shí)踐教學(xué)條件的建設(shè)與使用

課程在網(wǎng)站設(shè)計(jì)一體化教室完成，其間配合到企業(yè)現(xiàn)場(chǎng)教學(xué)實(shí)習(xí)環(huán)節(jié),實(shí)施時(shí)由每位學(xué)生獨(dú)立完成網(wǎng)頁(yè)制作任務(wù)，課程各種教學(xué)資源能夠在學(xué)習(xí)過程中在線使用。

7結(jié)語

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)范文第5篇

關(guān)鍵詞 網(wǎng)頁(yè)設(shè)計(jì) 立體化教材 高等職業(yè)教育

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A

Design and Practice of Web Design Three-dimensional Materials

GAO Yan

（Shenzhen Polytechnic， Shenzhen， Guangdong 518055）

Abstract In this paper， from the necessity of "Web Design" course materials' implementation of three-dimensional to three-dimensional design of the materials， and finally on how to implement specific construction "web design" three-dimensional materials， gradual progression analyzed and discussed， and gives "Web Design" course details of three-dimensional materials.

Key words web design； three-dimensional materials； higher vocational education

1 傳統(tǒng)教材已不能滿足網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)需要

傳統(tǒng)教材指的就是我們通常所用的教科書，其表現(xiàn)形式為紙質(zhì)，其教材體系更多的是學(xué)科知識(shí)體系的濃縮和再現(xiàn)，強(qiáng)調(diào)教材的核心內(nèi)容是各門學(xué)科中的基本知識(shí)結(jié)構(gòu)，強(qiáng)調(diào)學(xué)科領(lǐng)域之間的界限。立體化教材，區(qū)別于傳統(tǒng)意義的印刷教材，是指通過多種教學(xué)資源的提供而提出的某課程的“整體教學(xué)解決方案”，它把各種相互作用、相互聯(lián)系的媒體和資源有機(jī)整合起來，為教學(xué)提供一整套解決方案。

網(wǎng)頁(yè)設(shè)計(jì)是一門既有理論知識(shí)，又對(duì)實(shí)踐、動(dòng)手能力有較強(qiáng)要求的課程。其特殊性在于：（1）它不是一種單純的知識(shí)灌輸，還包含各種操作技能的訓(xùn)練，是一門實(shí)踐性和創(chuàng)新性很強(qiáng)的課程：要求學(xué)生不僅要學(xué)會(huì)制作軟件的使用，還需要有創(chuàng)新性，能夠真正獨(dú)立制作并出一個(gè)個(gè)性化的個(gè)人網(wǎng)站。（2）它還是一門需要表現(xiàn)形象化和交互性內(nèi)容的課程，那么在教學(xué)過程中，自然需要給學(xué)生展示網(wǎng)頁(yè)效果，顯示動(dòng)畫、聲音以及交互效果，而這是傳統(tǒng)教材的表現(xiàn)形式所無法展現(xiàn)的。

網(wǎng)頁(yè)設(shè)計(jì)與制作課程的特殊性，決定了傳統(tǒng)教材的紙質(zhì)表現(xiàn)形式已不能滿足教學(xué)需要，傳統(tǒng)教材的體系結(jié)構(gòu)也不能滿足教學(xué)需要，而立體化教材體系的建立則有效地解決了這個(gè)問題。原因在于：立體化教材體系的建構(gòu)，綜合考慮了內(nèi)容的多學(xué)科、教學(xué)對(duì)象的多層次、表現(xiàn)形式的多媒體、解決問題的多角度等不同層面的要求，能夠滿足網(wǎng)頁(yè)設(shè)計(jì)這門課程的特殊需要。

2 網(wǎng)頁(yè)設(shè)計(jì)立體化教材的設(shè)計(jì)

立體化教材通常包括印刷教材、學(xué)習(xí)輔助光盤、教學(xué)課件、教學(xué)網(wǎng)站、網(wǎng)絡(luò)教學(xué)平臺(tái)等多種資源。其內(nèi)在本質(zhì)則是內(nèi)容編排與呈現(xiàn)方式的立體化設(shè)計(jì)，主要指以現(xiàn)代教育教學(xué)理論尤其是建構(gòu)主義理論為指導(dǎo)，以網(wǎng)絡(luò)、多媒體等信息技術(shù)為依托，提供一整套能夠最大限度地滿足教與學(xué)需要的整體解決方案，其目的是更新教學(xué)觀念和教學(xué)模式，提高教學(xué)質(zhì)量和效益。

從立體化教材的內(nèi)在本質(zhì)來看，對(duì)各種教學(xué)資源進(jìn)行有效的設(shè)計(jì)才是立體化教材建設(shè)的關(guān)鍵所在。立體化教材建設(shè)絕不是各種教育資源的簡(jiǎn)單拼湊，而是要進(jìn)行整體的策劃和設(shè)計(jì)，對(duì)資源進(jìn)行有效的整合，正確認(rèn)識(shí)各種媒體的特性和實(shí)用效果，遵循以下幾個(gè)基本原則：目的性原則、教師和學(xué)生共同參與的原則、直觀與抽象相結(jié)合的原則、經(jīng)濟(jì)性原則、多種媒體優(yōu)化組合原則等，才能最大限度地發(fā)揮其自身的優(yōu)勢(shì)，進(jìn)而優(yōu)化整個(gè)教學(xué)過程。

3 網(wǎng)頁(yè)設(shè)計(jì)立體化教材的建設(shè)與實(shí)踐

3.1 主教材《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程》

《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程》教材為普通高等教育“十一五”國(guó)家級(jí)規(guī)劃教材，具有以下幾個(gè)特點(diǎn)：（1）教材的結(jié)構(gòu)體系：教材采用目標(biāo)式案例教學(xué)方式，以完整案例貫穿全書。本教材采用“設(shè)計(jì)目標(biāo)—頁(yè)面分析—實(shí)訓(xùn)引導(dǎo)—制作過程—?dú)w納總結(jié)—舉一反三”的目標(biāo)式案例教學(xué)方式編寫。每個(gè)章節(jié)均以具有代表性、實(shí)用性、趣味性的實(shí)例導(dǎo)入，在分析實(shí)例的基礎(chǔ)上，展開具體實(shí)現(xiàn)的過程，使讀者能夠快速把握實(shí)際操作的思路，并在操作過程中掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的方法和要點(diǎn)。（2）內(nèi)容的編排：以實(shí)用為目的，由淺入深，符合教學(xué)規(guī)律。本教材在內(nèi)容的規(guī)劃上不追求面面俱到，而是針對(duì)高職教育的特點(diǎn)，大膽舍棄根本就不實(shí)用的內(nèi)容，本書在內(nèi)容的安排上由淺入深、循序漸進(jìn)、逐步拓寬知識(shí)點(diǎn)。全書實(shí)例從最簡(jiǎn)單的頁(yè)面開始，逐漸豐富、完善，最后制作出較復(fù)雜、完整的頁(yè)面。（3）設(shè)置了“配套實(shí)訓(xùn)”，鼓勵(lì)學(xué)生課后自主制作網(wǎng)站。本教材在配套實(shí)訓(xùn)中提供了題材豐富多樣的實(shí)訓(xùn)項(xiàng)目，指引學(xué)生在完成課堂案例學(xué)習(xí)之后，能在輔導(dǎo)光盤、網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)中獲得配套實(shí)訓(xùn)的素材資源，鼓勵(lì)學(xué)生可以觸類旁通地完成相應(yīng)的配套實(shí)訓(xùn)，鞏固課堂所學(xué)知識(shí)?！芭涮讓?shí)訓(xùn)”的主題亦均是學(xué)生所感興趣的內(nèi)容，如“信樂團(tuán)”網(wǎng)站、“HUNTER”網(wǎng)站、“八音盒”網(wǎng)站、“杭州西湖”網(wǎng)站、“游戲任務(wù)介紹”網(wǎng)站、“汽車世界”網(wǎng)站等等，可以充發(fā)激發(fā)學(xué)生的學(xué)習(xí)興趣。

3.2 教學(xué)課件

教學(xué)課件不應(yīng)該做成“文字搬家”式的幻燈片，我們?cè)诶肞PT制作教學(xué)課件時(shí)，充分考慮了以下兩方面因素：（1）在內(nèi)容上，與教材配套使用，突出教學(xué)內(nèi)容的重點(diǎn)和難點(diǎn)。（2）在表現(xiàn)形式上：體現(xiàn)出PPT演示文稿的集成性、觀賞性、超媒體結(jié)構(gòu)的特點(diǎn)。集成性指的是集圖形、聲音、視頻、動(dòng)畫于一體的演示文稿；觀賞性則是指相比傳統(tǒng)的靜態(tài)平面表現(xiàn)形式。PPT演示文稿更加生動(dòng)、直觀，具有觀賞性；超媒體結(jié)構(gòu)指的是演示文稿中的文本、聲音、圖片等信息形式之間的鏈接，這種結(jié)構(gòu)便于老師根據(jù)教學(xué)需要自由選擇和重新組織教學(xué)內(nèi)容。

3.3 學(xué)習(xí)輔助光盤

為了便于學(xué)生學(xué)習(xí)，提供了學(xué)習(xí)輔助光盤，主要包含3個(gè)部分：一是完整的“暢想未來”網(wǎng)站案例；二是各章教程的相關(guān)素材和結(jié)果樣例；三是各章的配套實(shí)訓(xùn)（包括相關(guān)素材和結(jié)果樣例）和練習(xí)題。

3.4 教學(xué)網(wǎng)站（http：///webcourse）

教學(xué)網(wǎng)站提供了配套的教學(xué)資源，包含所有教學(xué)指導(dǎo)文件、教學(xué)課件、制作素材、完成的頁(yè)面效果、配套實(shí)訓(xùn)以及練習(xí)題等?？紤]到網(wǎng)站的觀賞性，我們將網(wǎng)站的風(fēng)格定義為清新自然；結(jié)構(gòu)則選擇框架結(jié)構(gòu)來表現(xiàn)出來，脈絡(luò)清晰、主題鮮明；在內(nèi)容的組織上，每一章先給出主要內(nèi)容及教程案例，并提供素材下載以及案例演示，以供學(xué)生下載練習(xí)。

3.5 網(wǎng)絡(luò)教學(xué)平臺(tái)（http：//）

利用網(wǎng)絡(luò)教學(xué)平臺(tái)，可輔助教學(xué)：考勤、作業(yè)提交、資料下載、教學(xué)論壇、網(wǎng)上考試等。教師可以通過網(wǎng)上教學(xué)平臺(tái)進(jìn)行考勤，上傳素材，下載學(xué)生的作業(yè)等功能來輔助教學(xué)，課前教師將本次課所講的內(nèi)容上傳到網(wǎng)絡(luò)，以便學(xué)生預(yù)習(xí)；課后學(xué)生則可以及時(shí)提交自己的作業(yè)，便于老師批閱。教師還可應(yīng)用教學(xué)論壇來進(jìn)行師生交流，以及時(shí)跟進(jìn)教學(xué)進(jìn)程，還可以通過互動(dòng)交流進(jìn)一步改進(jìn)課堂教學(xué)方式，增強(qiáng)課堂教學(xué)效果。

4 結(jié)束語

本文從網(wǎng)頁(yè)設(shè)計(jì)課程的特殊性著手，說明本課程亟需立體化教材建設(shè)，進(jìn)而根據(jù)教學(xué)設(shè)計(jì)中的媒體選擇與設(shè)計(jì)原則規(guī)劃了本課程的立體化教材體系結(jié)構(gòu)，然后進(jìn)一步詳細(xì)闡述了本課程的立體化教材的具體開發(fā)過程?？傊?，建設(shè)立體化教材體系需要針對(duì)教學(xué)系統(tǒng)進(jìn)行整體設(shè)計(jì)，要能促進(jìn)教學(xué)水平的不斷進(jìn)步和教學(xué)質(zhì)量的不斷提高，要既能滿足教師的教學(xué)需要，也能滿足學(xué)生的學(xué)習(xí)需要。

參考文獻(xiàn)

[1] 黃榮懷，郭芳.立體化教材的設(shè)計(jì)與開發(fā).現(xiàn)代教育技術(shù)，2008（10）.

[2] 陳勝利，時(shí)雪梅.立體化教材及高等職業(yè)教育的教材定位.圖書情報(bào)通訊，2002（4）.