本站小編為你精心準(zhǔn)備了任務(wù)驅(qū)動下的網(wǎng)頁設(shè)計(jì)論文參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

1、《網(wǎng)頁設(shè)計(jì)與制作》選修課程的教學(xué)現(xiàn)狀

1.1課時分配少。

我校選修課程一般總課時為36節(jié)，一周2節(jié)，共18周完成，只有計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)課時的一半左右。嚴(yán)重不足的課時，致使學(xué)生在基礎(chǔ)性知識點(diǎn)的學(xué)習(xí)上淺嘗輒止，練習(xí)時間極少，知識難點(diǎn)難于學(xué)習(xí)。

1.2學(xué)生的計(jì)算機(jī)基礎(chǔ)知識相對匱乏。

大部分藝術(shù)類專業(yè)的中職學(xué)生，在初中階段只接觸過簡單的計(jì)算機(jī)應(yīng)用操作，對網(wǎng)頁設(shè)計(jì)的相關(guān)基礎(chǔ)知識處于空白狀態(tài)，如：基礎(chǔ)編程、腳本的概念、HTML和文件管理等，而這些都直接影響著課堂的學(xué)習(xí)質(zhì)量。倘若教師在原本有限的課時中，再分出一定的時間去解析文件路徑、html和腳本等相關(guān)知識，就必然會導(dǎo)致學(xué)生的實(shí)操課時嚴(yán)重被壓縮，最終無法真正掌握課堂的精髓。顯然，課時不足、學(xué)生基礎(chǔ)知識薄弱，教學(xué)方法傳統(tǒng)等已經(jīng)成為了阻礙該課程有效實(shí)施的突出問題，亟需探索新的教學(xué)方法，從本質(zhì)上改變現(xiàn)狀。而任務(wù)驅(qū)動法教學(xué)無疑是最適合的選擇。其通過教師提出生動有趣的任務(wù)，最大限度地激發(fā)學(xué)生的學(xué)習(xí)熱情，促使學(xué)生在完成任務(wù)的過程中掌握學(xué)習(xí)新知識的方法，并利用新知識完成任務(wù)，在課余或課堂上主動學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的相關(guān)知識。

2、任務(wù)驅(qū)動在課程中的設(shè)置

傳統(tǒng)的《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)大多只注重基礎(chǔ)知識的教授，缺乏對學(xué)生實(shí)踐能力的培養(yǎng)。同時作為選修課，很少能與學(xué)生自身專業(yè)相結(jié)合。實(shí)施任務(wù)驅(qū)動的藝術(shù)類專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》選修課的設(shè)置：

2.1教學(xué)對象

服裝設(shè)計(jì)專業(yè)、工美專業(yè)的藝術(shù)類中職學(xué)生。

2.2教學(xué)目的

掌握網(wǎng)頁布局技巧。基于藝術(shù)類學(xué)生所做的靜態(tài)網(wǎng)站與計(jì)算機(jī)專業(yè)學(xué)生的動態(tài)網(wǎng)站相比沒有任何競爭力。因此，本課程不以網(wǎng)站制作為最終教學(xué)目標(biāo)。針對藝術(shù)類學(xué)生對“美”的認(rèn)識普遍比工科類學(xué)生要強(qiáng)，并且藝術(shù)專業(yè)學(xué)生有學(xué)習(xí)Photoshop、CorelDRAW等軟件的基礎(chǔ)，筆者認(rèn)為培養(yǎng)藝術(shù)類學(xué)生為網(wǎng)站進(jìn)行布局和美工設(shè)計(jì)會更為恰當(dāng)。因此，藝術(shù)類學(xué)生的網(wǎng)頁設(shè)計(jì)課程的教學(xué)目的主要以掌握網(wǎng)頁布局技巧為主。

2.3教學(xué)任務(wù)。

結(jié)合該課程以及教學(xué)對象的特點(diǎn)，教學(xué)任務(wù)可分為兩種：一種是有明確要求和統(tǒng)一模板的，學(xué)生只需按步驟重復(fù)老師的演示過程。這種任務(wù)適合學(xué)習(xí)的初始階段，可在任務(wù)中認(rèn)識網(wǎng)頁設(shè)計(jì)的基本操作。另一種任務(wù)則是給出一些限制性的條件，讓學(xué)生自由發(fā)揮完成。這類任務(wù)的關(guān)鍵在于激起學(xué)生的學(xué)習(xí)興趣，從而激發(fā)學(xué)生主動利用周邊資源，在教師的幫助或引導(dǎo)下，主動學(xué)習(xí)課程中相關(guān)知識，完成任務(wù)。學(xué)生從中獲得滿足感并渴望完成下一個任務(wù)，造成一個良性的循環(huán)。

3、任務(wù)驅(qū)動的教學(xué)策略

3.1基礎(chǔ)小任務(wù)。

在課程開始之初，首先通過演示等方式，讓學(xué)生全面了解網(wǎng)頁設(shè)計(jì)。并展示出往屆學(xué)生優(yōu)秀并吸引學(xué)生效仿的網(wǎng)站作品，從而提起學(xué)生學(xué)習(xí)的興趣與自信。與此同時，引導(dǎo)學(xué)生逐一完成“詩歌排版”、“圖文并茂”、“時空隧道——超鏈接”等幾個簡單并富有趣味性的基礎(chǔ)小任務(wù)，讓學(xué)生快速學(xué)會在網(wǎng)頁中插入文字、圖片和超鏈接等基礎(chǔ)操作，以幫助學(xué)生建立學(xué)習(xí)該課程的信心，保持其繼續(xù)學(xué)習(xí)的欲望。

3.2核心任務(wù)。

在學(xué)生完成基礎(chǔ)小任務(wù)后，設(shè)下課程的核心任務(wù)——制作有特色的個人網(wǎng)站。然后帶著完成核心任務(wù)的目的去接受日常小任務(wù)的練習(xí)。當(dāng)然，此時提出核心任務(wù)，是比較打擊學(xué)生的學(xué)習(xí)自信的。所以在提出核心任務(wù)的同時，老師可將往屆生完成的激趣小任務(wù)成果展示出來，并現(xiàn)場通過超鏈接拼湊，快速完成往屆生的個人網(wǎng)站制作。并引導(dǎo)鼓勵學(xué)生，接下來只要緊跟腳步，完成任務(wù)；最后即可快速完成核心任務(wù)。

3.3進(jìn)階小任務(wù)。

通過完成“隱形的表格”、“多變的框架”、“神秘的樣式——CSS基礎(chǔ)”和“精準(zhǔn)的定位——DIV”等任務(wù)，讓學(xué)生自主學(xué)習(xí)和熟悉網(wǎng)頁布局的技巧的同時，掌握文件路徑和簡單的CSS、DIV腳本閱讀與修改能力。

3.4小組任務(wù)。

在學(xué)生完成了幾個任務(wù)之后，引導(dǎo)學(xué)生分小組協(xié)作完成自由度更大的任務(wù)。如：制作有5個不同內(nèi)容的網(wǎng)頁，其中一個為導(dǎo)航頁，并可用超鏈接瀏覽其他頁面。要求頁面不會隨窗口大小變化而改變內(nèi)容位置，色彩、排版要配搭恰當(dāng)，如網(wǎng)頁有框架、聲音、相冊、Flash按鍵、CSS技術(shù)、DIV技術(shù)則加分。其他頁面可以是團(tuán)隊(duì)介紹、興趣愛好、組員的服裝專業(yè)作品的介紹或展示、旅行回憶等頁面內(nèi)容。在小組分組成功之后，需要小組長帶領(lǐng)組員討論網(wǎng)站的設(shè)計(jì)以及所需的技術(shù)，并在紙上作出草圖。如遇到小組的設(shè)計(jì)過于簡單，教師需引導(dǎo)其豐富設(shè)計(jì)內(nèi)容。在確定草圖后，教師及時引導(dǎo)并鼓勵學(xué)生自主學(xué)習(xí)，獲取所需知識，完成任務(wù)。小組任務(wù)完成后，互相演示并說明制作中所用到的技術(shù)，同時組織學(xué)生進(jìn)行小組相互點(diǎn)評。通過不斷多種的任務(wù)驅(qū)動，逐漸引導(dǎo)學(xué)生獨(dú)立完成美觀的、實(shí)用的和使用較多網(wǎng)頁布局技術(shù)（如：表格、框架、CSS和DIV等技術(shù)）的網(wǎng)站。

4、結(jié)語

需要注意的是，在任務(wù)設(shè)計(jì)的時候，要注意任務(wù)的開放性，使學(xué)生可以有充分發(fā)揮的空間，并且任務(wù)中要應(yīng)包含多個知識點(diǎn)，并且任務(wù)的答案是多樣性的，以更好地激發(fā)學(xué)生的學(xué)習(xí)興致和探索欲望。同時任務(wù)的趣味性也很重要，布魯納曾說：學(xué)習(xí)的最好動機(jī)乃是對所學(xué)材料本身發(fā)生興趣。

作者：王新競單位：廣州市紡織服裝職業(yè)學(xué)校