時(shí)間：2022-08-01 03:38:05
序論：在您撰寫網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)探討時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
摘 要：《網(wǎng)頁(yè)設(shè)計(jì)與制作》是計(jì)算機(jī)專業(yè)的必修課程，該課程集知識(shí)與實(shí)踐一體，深受學(xué)生的喜愛。目前多數(shù)院校在教學(xué)過程中，普遍存在“重制作，輕設(shè)計(jì)”的問題，致使學(xué)生制作出來(lái)的網(wǎng)頁(yè)粗糙拙劣。本文提出《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)應(yīng)以“技術(shù)為設(shè)計(jì)服務(wù)”為指導(dǎo)思想，從教學(xué)內(nèi)容、教學(xué)方法和課程考核等方面，對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程進(jìn)行教學(xué)改革和創(chuàng)新研究，旨在提高學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作能力，為其適應(yīng)市場(chǎng)需求打下良好基礎(chǔ)。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作 網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則 教學(xué)改革
內(nèi)蒙古科技大學(xué)是地方高等院校，畢業(yè)生大多到企業(yè)從事設(shè)計(jì)、生產(chǎn)、管理等技術(shù)工作，故人才培養(yǎng)定位于“工程實(shí)施型人才”，要求學(xué)生具有扎實(shí)的基礎(chǔ)理論和專業(yè)基礎(chǔ)知識(shí)，能夠教深入地掌握專業(yè)知識(shí)和流行生產(chǎn)技術(shù)，具有較強(qiáng)的工程實(shí)施能力，因此內(nèi)蒙古科技大學(xué)的畢業(yè)生具有“上手快，留得住，后勁足”的特點(diǎn)，畢業(yè)生就業(yè)率連續(xù)多年位居自治區(qū)高校前列，被國(guó)務(wù)院授予“全國(guó)就業(yè)先進(jìn)工作單位”光榮稱號(hào)。該校的計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)在學(xué)校人才培養(yǎng)思想的指導(dǎo)下完成了專業(yè)定位，重新制定了人才培養(yǎng)方案和課程體系，在此背景下，計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)開設(shè)了《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程。
1 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程現(xiàn)狀及存在的問題
根據(jù)企業(yè)用人標(biāo)準(zhǔn)及對(duì)畢業(yè)生的回訪調(diào)查，總結(jié)出了網(wǎng)頁(yè)設(shè)計(jì)師的從業(yè)要求：具備優(yōu)秀網(wǎng)站設(shè)計(jì)能力，能綜合運(yùn)用各類軟件設(shè)計(jì)視覺創(chuàng)意網(wǎng)站，能獨(dú)立進(jìn)行平面網(wǎng)頁(yè)的創(chuàng)意設(shè)計(jì)，具有良好的藝術(shù)觸覺和美術(shù)色彩搭配功底，深刻理解web標(biāo)準(zhǔn)，熟悉CSS+DIV模式，能手寫XHTML及CSS樣式代碼，懂得javascript應(yīng)用，精通設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)軟件，如photoshop、fireworks、dreamweaver等，能獨(dú)立完成網(wǎng)站的規(guī)劃和靜態(tài)頁(yè)面制作?？梢钥闯鲆粋€(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師能夠?qū)W(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃和創(chuàng)造性思維活動(dòng)，通過網(wǎng)頁(yè)制作技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的目的，達(dá)到了藝術(shù)與技術(shù)的和諧統(tǒng)一。[1]為了培養(yǎng)大一新生對(duì)計(jì)算機(jī)專業(yè)的學(xué)習(xí)興趣和熱情，許多高校包括我校在內(nèi)，將《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程規(guī)劃為必修課安排在大一下學(xué)期開課，目的通過本課程所見即所得的特點(diǎn)，激發(fā)新生對(duì)計(jì)算機(jī)專業(yè)的學(xué)生興趣和熱情?？稍谝酝谋菊n程教學(xué)內(nèi)容安排上，重網(wǎng)頁(yè)制作技術(shù)的講授，對(duì)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)知識(shí)涉及甚少，即便學(xué)生掌握了XHTML、css+div、JavaScript等網(wǎng)頁(yè)制作技術(shù)，可沒有遵循網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)原則，致使學(xué)生制作出來(lái)的網(wǎng)頁(yè)粗糙拙劣，毫無(wú)美感可言，這樣的教學(xué)安排，難以培養(yǎng)學(xué)生的專業(yè)學(xué)習(xí)興趣和熱情。
2 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革思路
以適應(yīng)企業(yè)需求為導(dǎo)向，以培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)能力為根本，以項(xiàng)目教學(xué)和案例教學(xué)為手段，以實(shí)際網(wǎng)站為目標(biāo)，進(jìn)行課程內(nèi)容的編排和改革。[2]緊跟當(dāng)前市場(chǎng)需求，及時(shí)對(duì)教學(xué)內(nèi)容作出調(diào)整，特別強(qiáng)調(diào)網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)原則理論知識(shí)，在講授網(wǎng)頁(yè)制作技術(shù)的過程中注重網(wǎng)頁(yè)設(shè)計(jì)基本理論與基礎(chǔ)知識(shí)的滲透，努力提高學(xué)生的審美情趣，在潛移默化中讓學(xué)生形成“技術(shù)為設(shè)計(jì)服務(wù)”的思想，讓這種思想指導(dǎo)其網(wǎng)頁(yè)設(shè)計(jì)與制作行為，最后將這種認(rèn)識(shí)轉(zhuǎn)換為能力，最終體現(xiàn)在其網(wǎng)頁(yè)設(shè)計(jì)作品上。
3 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革方案
以“技術(shù)為設(shè)計(jì)服務(wù)”為指導(dǎo)思想，以項(xiàng)目教學(xué)和案例教學(xué)為手段，通過項(xiàng)目驅(qū)動(dòng)，[3]讓學(xué)生在32學(xué)時(shí)講授+32學(xué)時(shí)上機(jī)的學(xué)習(xí)過程中，獨(dú)立完成上機(jī)項(xiàng)目。上機(jī)項(xiàng)目按照具備知識(shí)水平由易到難，需求由低到高，設(shè)計(jì)方案由局部到整體的梯度進(jìn)行，符合教育教學(xué)的基本規(guī)律。結(jié)課后，以一個(gè)綜合項(xiàng)目的開發(fā)作為對(duì)學(xué)生學(xué)習(xí)效果的最后的評(píng)價(jià)。綜合項(xiàng)目的開發(fā)，實(shí)際上是學(xué)生實(shí)踐和獨(dú)立探究的過程，在此過程中，增長(zhǎng)了學(xué)生的知識(shí)，培養(yǎng)了學(xué)生創(chuàng)造性思維和發(fā)現(xiàn)問題、解決問題的能力。
3.1 教學(xué)內(nèi)容的編排
按照WEB標(biāo)準(zhǔn)，網(wǎng)頁(yè)由三部分組成：結(jié)構(gòu)（structure）、表現(xiàn)（presentation）和行為（behavior），因此，在教學(xué)內(nèi)容的編排上，將《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程分為四大模塊進(jìn)行講授和實(shí)踐。分別為：網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則、XHTML基礎(chǔ)知識(shí)、css+div、javascript。
網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則模塊：在本課程的教學(xué)過程中處于指導(dǎo)地位和核心地位。通過該模塊的教學(xué)，首先讓學(xué)生掌握網(wǎng)站的3C設(shè)計(jì)原則，即簡(jiǎn)潔、一致性、對(duì)比度。通過一些優(yōu)秀網(wǎng)站設(shè)計(jì)案例的展示，使學(xué)生對(duì)3C設(shè)計(jì)原則有初步的體會(huì)和認(rèn)識(shí)。其次讓學(xué)生掌握頁(yè)面設(shè)計(jì)要點(diǎn)，包括：精心組織的內(nèi)容、格式美觀的正文、和諧的色彩搭配、較好的對(duì)比度、生動(dòng)的背景圖案、頁(yè)面元素大小適中，布局均勻、不同元素間的留白等。通過優(yōu)秀網(wǎng)站設(shè)計(jì)案例的講解，讓學(xué)生初步體會(huì)每一個(gè)頁(yè)面設(shè)計(jì)要點(diǎn)。在隨后的課程講授及上機(jī)實(shí)踐中，通過具體案例，強(qiáng)調(diào)網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則，讓學(xué)生對(duì)3C設(shè)計(jì)原則及頁(yè)面設(shè)計(jì)要點(diǎn)有更深的體會(huì)和認(rèn)識(shí)，在潛移默化中，學(xué)會(huì)用網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則指導(dǎo)自己的網(wǎng)站制作行為。
其他三個(gè)模塊為《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的技術(shù)范疇。通過XHTML、css+div、javascript的講授及配合各類上機(jī)項(xiàng)目的實(shí)踐，使學(xué)生具備認(rèn)識(shí)網(wǎng)頁(yè)創(chuàng)建站點(diǎn)應(yīng)用網(wǎng)頁(yè)元素對(duì)網(wǎng)頁(yè)布局應(yīng)用CSS美化頁(yè)面給網(wǎng)頁(yè)添加動(dòng)態(tài)行為的能力。最后以網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則為指導(dǎo)，設(shè)計(jì)開發(fā)一個(gè)綜合項(xiàng)目。該綜合項(xiàng)目要求要有鮮明的主題，內(nèi)容與形式統(tǒng)一，個(gè)性突出、布局合理、配色美觀?？梢钥闯?，通過本課程技術(shù)層面的學(xué)習(xí)，為學(xué)生奠定了制作綜合項(xiàng)目的技術(shù)基礎(chǔ)，而其掌握的網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則又將反作用于其網(wǎng)頁(yè)制作的行為上，提高其網(wǎng)頁(yè)制作水平，逐步達(dá)到技術(shù)與設(shè)計(jì)的和諧統(tǒng)一。
4 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程考核體系
本課程的考核方式為考察，主要考察學(xué)生的實(shí)踐能力及學(xué)生網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則的掌握情況。將平時(shí)表現(xiàn)，上機(jī)項(xiàng)目完成情況、綜合項(xiàng)目的開發(fā)情況相結(jié)合，從而得出學(xué)生的最終成績(jī)。
考核方案設(shè)計(jì)如下。
平時(shí)表現(xiàn)10分：包括上課出勤，上機(jī)出勤。有課堂主動(dòng)回答問題的額外加3分。
上機(jī)實(shí)驗(yàn)40分：內(nèi)容包括：包含文本、圖像、超鏈接、多媒體的簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)（3分）；包含表格的簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)（3分）；包含表單的簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)（3分）；利用框架進(jìn)行簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)（3分）；利用CSS樣式表美化網(wǎng)頁(yè)（10分）；利用表格進(jìn)行網(wǎng)頁(yè)布局（3分）、利用DIV進(jìn)行網(wǎng)頁(yè)布局（5分）、利用DIV嵌套表格進(jìn)行網(wǎng)頁(yè)布局（5分）；利用javascript實(shí)現(xiàn)網(wǎng)頁(yè)特效（5分）。
綜合項(xiàng)目開發(fā)：通過本課程掌握的網(wǎng)站設(shè)計(jì)原則及制作方法，完成綜合項(xiàng)目的設(shè)計(jì)與制作。（50分）
設(shè)計(jì)要求（25分）：需求分析充分，欄目設(shè)計(jì)合理，功能完善，網(wǎng)站深度不低于3級(jí)別（5分）；主題鮮明，頁(yè)面布局合理，配色和諧，形式美觀，風(fēng)格統(tǒng)一（10分）；logo、banner的設(shè)計(jì)應(yīng)突出主題，與頁(yè)面風(fēng)格相協(xié)調(diào)（5分）；要有便捷的導(dǎo)航信息。網(wǎng)站內(nèi)容豐富，具有良好的可讀性（5分）。
技術(shù)要求（25分）：站點(diǎn)文件組織規(guī)劃合理，主頁(yè)必須以index命名（2分）；代碼書寫符合XHTML語(yǔ)法規(guī)范（3分）；用Div對(duì)網(wǎng)站進(jìn)行總體布局，局部布局可用表格（6分）；用css進(jìn)行頁(yè)面的美化，對(duì)樣式的定義統(tǒng)一寫在外部樣式表中（6分）；多媒體元素運(yùn)用得當(dāng)，適合網(wǎng)絡(luò)傳輸（3分）；頁(yè)面中包含有JavaScript實(shí)現(xiàn)的特效（5分）。
5 結(jié)語(yǔ)
改革后的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程重視學(xué)生網(wǎng)頁(yè)設(shè)計(jì)能力的培養(yǎng)，在每一次的教學(xué)實(shí)踐環(huán)節(jié)中，都在強(qiáng)調(diào)網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則，在潛移默化中讓學(xué)生學(xué)會(huì)用網(wǎng)頁(yè)與網(wǎng)站設(shè)計(jì)原則來(lái)指導(dǎo)自己的制作行為。在此原則的指導(dǎo)下，74名學(xué)生完成的綜合項(xiàng)目開發(fā)作品中，符合網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)原則的作品有62.3%，其中優(yōu)秀作品比例為 12.6%，較未實(shí)行教改前學(xué)生的設(shè)計(jì)與制作水平有了明顯提高。實(shí)踐證明，以“技術(shù)為設(shè)計(jì)服務(wù)”為指導(dǎo)思想的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革實(shí)在可行，提高了學(xué)生網(wǎng)站設(shè)計(jì)與制作水平，為其以后的就業(yè)打下了良好基礎(chǔ)。
摘要：網(wǎng)頁(yè)設(shè)計(jì)與制作在高職課程教學(xué)中的落實(shí)突出了課程的綜合性與操作性特征，這對(duì)于學(xué)生動(dòng)手能力提高和創(chuàng)造性思維培養(yǎng)都有積極的導(dǎo)向作用。高職教育的核心在于學(xué)生職業(yè)素質(zhì)的培養(yǎng)，與企業(yè)專業(yè)技術(shù)崗位需求相結(jié)合，高職網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)效果的提升需要從教學(xué)內(nèi)容改革出發(fā)，突出課程教學(xué)中應(yīng)用型人才培養(yǎng)優(yōu)勢(shì)，能夠?qū)⑺鶎W(xué)知識(shí)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中。網(wǎng)頁(yè)設(shè)計(jì)與制作的目標(biāo)在于網(wǎng)站建設(shè)，這就需要通過課程資源整合構(gòu)建全新的高職教育教學(xué)模式，促進(jìn)課程教學(xué)改革。筆者從自身的教育教學(xué)實(shí)踐著手，借助能力本位思想對(duì)當(dāng)前高職網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)現(xiàn)狀及其課程特點(diǎn)進(jìn)行了闡述，突出了就業(yè)崗位與課程實(shí)施之間的適應(yīng)性，以任務(wù)驅(qū)動(dòng)教學(xué)為基礎(chǔ)提出了網(wǎng)頁(yè)設(shè)計(jì)與制作的課程改革思路。
關(guān)鍵詞：高職教學(xué)；網(wǎng)頁(yè)設(shè)計(jì)與制作；課程改革；崗位需求
伴隨互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，現(xiàn)代企業(yè)越發(fā)關(guān)注到自身門戶網(wǎng)站建設(shè)及維護(hù)問題，與此對(duì)應(yīng)的專業(yè)技術(shù)崗位需求也偏向于對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作人才的渴求。高職教育立足于對(duì)專業(yè)技術(shù)人才的培養(yǎng)，職業(yè)教育在突出人才實(shí)踐技能訓(xùn)練的同時(shí)也更加關(guān)注信息技術(shù)背景下學(xué)生的就業(yè)問題，這對(duì)于高職教育今后的發(fā)展至關(guān)重要。實(shí)踐性是高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程的顯著特征，它不同于傳統(tǒng)的網(wǎng)絡(luò)技術(shù)教學(xué)模式，對(duì)于學(xué)生的動(dòng)手能力和實(shí)踐創(chuàng)新能力都提出了更高的要求，教學(xué)方式和教學(xué)手段的選擇偏向于對(duì)學(xué)生實(shí)踐意識(shí)和主動(dòng)意識(shí)的激發(fā)，這同時(shí)也是當(dāng)前課程教學(xué)改革對(duì)高職網(wǎng)頁(yè)設(shè)計(jì)與制作學(xué)科提出的必然要求。只有切實(shí)與企業(yè)專業(yè)技術(shù)崗位需求相適應(yīng)，才能更好地體現(xiàn)高職教育技術(shù)型人才的培養(yǎng)優(yōu)勢(shì)。
1 高職網(wǎng)頁(yè)設(shè)計(jì)與制作的課程特點(diǎn)及其教學(xué)現(xiàn)狀
從現(xiàn)代職業(yè)技術(shù)教育的特點(diǎn)分析，高職網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)目標(biāo)除了表現(xiàn)在系統(tǒng)化的網(wǎng)頁(yè)制作理論知識(shí)外，還突出了對(duì)學(xué)生綜合動(dòng)手能力、實(shí)踐創(chuàng)新能力和網(wǎng)頁(yè)設(shè)計(jì)能力的訓(xùn)練，以此促進(jìn)學(xué)生實(shí)踐技能和理論知識(shí)的雙重發(fā)展，更好地將所學(xué)應(yīng)用于崗位就業(yè)當(dāng)中。操作性是高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程的特點(diǎn)之一，這就決定了在網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中理論與實(shí)踐之間的相互配合，并將實(shí)訓(xùn)教學(xué)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的各環(huán)節(jié)當(dāng)中，這對(duì)于教學(xué)效果的提升意義重大。
現(xiàn)階段網(wǎng)頁(yè)設(shè)計(jì)與制作課程在高職院校技術(shù)教育中的落實(shí)相較于以往網(wǎng)頁(yè)制作工具教學(xué)而言有了顯著進(jìn)步，借助多媒體教室演示教學(xué)和實(shí)訓(xùn)室教學(xué)激發(fā)學(xué)生的課堂教學(xué)主體意識(shí)，并以此培養(yǎng)學(xué)生的實(shí)踐創(chuàng)新能力。然而當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)還存在著實(shí)用性與理論性相脫節(jié)的問題，忽視了與企業(yè)專業(yè)技術(shù)崗位需求相結(jié)合，這就使得崗位工作和學(xué)科教學(xué)之間存在著較大差距，不利于教學(xué)效果的提升。高職學(xué)生本身在網(wǎng)頁(yè)制作能力方面有所欠缺，加之教學(xué)內(nèi)容和教學(xué)方法中存在的弊端，不僅有礙于學(xué)生學(xué)習(xí)積極性的激發(fā)，同時(shí)也使得現(xiàn)代工作崗位與教學(xué)模式之間的差距拉大，課程改革亟需得到落實(shí)。在網(wǎng)頁(yè)設(shè)計(jì)與制作的課程考核方面，僅僅采用的是任課教師出題的方式，具體形式表現(xiàn)為上機(jī)操作和理論考核兩個(gè)部分，而其中學(xué)生出勤率以及平時(shí)作業(yè)卻占據(jù)了較小的比例，這不僅忽視了學(xué)生實(shí)際問題解決能力的培養(yǎng)，同時(shí)也使得學(xué)生的實(shí)踐創(chuàng)新意識(shí)被遏制，不利于學(xué)生個(gè)性品質(zhì)的完善。高職網(wǎng)頁(yè)設(shè)計(jì)與制作涉及到多門學(xué)科內(nèi)容，單一的考核形式顯然難以滿足現(xiàn)代化職業(yè)教育的根本需求，這就需要在課程改革中突出網(wǎng)頁(yè)設(shè)計(jì)與制作課程考核的多元化，以此激發(fā)學(xué)生的學(xué)習(xí)主動(dòng)性。
2 高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革的設(shè)計(jì)思路
2.1 與企業(yè)專業(yè)技術(shù)崗位需求相結(jié)合
從當(dāng)前企業(yè)網(wǎng)站開發(fā)團(tuán)隊(duì)的角色劃分角度分析，通常除了網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工師和后臺(tái)開發(fā)工程師以外，還包括網(wǎng)絡(luò)測(cè)試人員及維護(hù)管理人員。由于網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)對(duì)象自身專業(yè)的差異性，因此培養(yǎng)目標(biāo)的構(gòu)建也應(yīng)當(dāng)與學(xué)生知識(shí)結(jié)構(gòu)及專業(yè)特點(diǎn)相對(duì)應(yīng)，體現(xiàn)教學(xué)內(nèi)容和教學(xué)目標(biāo)的針對(duì)性，這是高職教育因材施教原則的集中體現(xiàn)。從具體分類上看，電子商務(wù)和計(jì)算機(jī)相關(guān)專業(yè)的學(xué)生在邏輯思維能力方面有著顯著優(yōu)勢(shì)，作為電子商務(wù)網(wǎng)站建設(shè)與WEB應(yīng)用程序開發(fā)的重要前導(dǎo)課程，這些專業(yè)學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作時(shí)可借助自身的編程基礎(chǔ)強(qiáng)化在網(wǎng)站及網(wǎng)頁(yè)制作方面的學(xué)習(xí)，至于Firework或是Photoshop這類圖形處理技術(shù)則不作過多要求，在網(wǎng)頁(yè)設(shè)計(jì)與制作課程學(xué)習(xí)中學(xué)生對(duì)于CSS樣式表以及HTML語(yǔ)言有了更加全面的了解，并且能夠借助JavaScript實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)特效和Flash腳本的編寫，這是對(duì)學(xué)生專業(yè)技術(shù)崗位能力的培養(yǎng)過程。而藝術(shù)專業(yè)學(xué)生本身對(duì)于布局、構(gòu)圖、色彩等內(nèi)容較為敏感，因此可著重訓(xùn)練學(xué)生的制圖能力，通過網(wǎng)頁(yè)制作與設(shè)計(jì)課程的學(xué)習(xí)引導(dǎo)學(xué)生立足于網(wǎng)頁(yè)界面的美觀設(shè)計(jì)，借助Flash使得網(wǎng)頁(yè)素材的呈現(xiàn)更有動(dòng)感，這對(duì)于學(xué)生后期的職業(yè)生涯也有著積極的導(dǎo)向意義。
2.2 項(xiàng)目驅(qū)動(dòng)型教學(xué)模式
以往高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)中關(guān)于案例教學(xué)法的運(yùn)用僅僅是將網(wǎng)頁(yè)制作技術(shù)與案例分析相結(jié)合，其教學(xué)過程中學(xué)生仍處于極為被動(dòng)的狀態(tài)，學(xué)生關(guān)注的核心在于某一個(gè)案例的制作過程，然卻忽略了自身對(duì)網(wǎng)站項(xiàng)目的制作及設(shè)計(jì)。項(xiàng)目驅(qū)動(dòng)型教學(xué)在高職網(wǎng)頁(yè)設(shè)計(jì)與制作中的應(yīng)用能夠顯著改善當(dāng)前的教學(xué)現(xiàn)狀，推動(dòng)課程教學(xué)改革的有序?qū)嵤?。這一教學(xué)模式的具體程序及環(huán)節(jié)包括以下幾點(diǎn)：
2.2.1 項(xiàng)目選擇
項(xiàng)目選擇的過程應(yīng)當(dāng)與教學(xué)大綱及課程教學(xué)內(nèi)容相結(jié)合，控制好項(xiàng)目選擇的難度以及知識(shí)覆蓋面，使得項(xiàng)目教學(xué)的實(shí)施能夠連成一線，突出各環(huán)節(jié)課程教學(xué)的連貫性。教學(xué)實(shí)踐當(dāng)中首先需要完成學(xué)生的分組工作，確定三至四人為一個(gè)小組，并確定其中一人為組長(zhǎng)，網(wǎng)站主題的確立可由小組成員自由選擇，并于特定時(shí)間內(nèi)完成主題資料收集和網(wǎng)站策劃書的編寫工作，并由組長(zhǎng)在課堂教學(xué)中對(duì)其進(jìn)行演示，完成小組方案的呈現(xiàn)與闡述，之后由其余小組對(duì)其提出合理建議。網(wǎng)站項(xiàng)目確定后需要由教師幫助學(xué)生完成項(xiàng)目開發(fā)進(jìn)度表的制定，細(xì)化項(xiàng)目實(shí)施的具體內(nèi)容。
2.2.2 專題教學(xué)方式
從網(wǎng)站項(xiàng)目實(shí)施的具體步驟分析，除了網(wǎng)站主題確定、資料整理、logo設(shè)計(jì)以及網(wǎng)站風(fēng)格選擇外，還涉及到配色方案的選擇、網(wǎng)頁(yè)排版、主頁(yè)制作和網(wǎng)站測(cè)試等內(nèi)容。依據(jù)具體的實(shí)施步驟，教師可與教學(xué)大綱相結(jié)合明確教學(xué)專題的開發(fā)進(jìn)度，對(duì)基本元素、布局模式及網(wǎng)頁(yè)排版等問題組織學(xué)生進(jìn)行討論。在對(duì)以往教學(xué)案例進(jìn)行分析后，學(xué)生對(duì)于網(wǎng)站設(shè)計(jì)的理解更加深入，能夠在知識(shí)點(diǎn)的驅(qū)動(dòng)下完成自我網(wǎng)頁(yè)的設(shè)計(jì)與制作。
2.2.3 組織討論
從教師本身知識(shí)結(jié)構(gòu)及專業(yè)修養(yǎng)的差異性分析，在網(wǎng)站制作技術(shù)方面會(huì)對(duì)教學(xué)設(shè)計(jì)產(chǎn)生一些影響，因此針對(duì)存在疏漏的地方就需要對(duì)其進(jìn)行討論與修改。通過優(yōu)秀網(wǎng)站欣賞使得學(xué)生加深對(duì)網(wǎng)頁(yè)制作的感性認(rèn)識(shí)，能夠從優(yōu)秀網(wǎng)站中獲得網(wǎng)頁(yè)設(shè)計(jì)的靈感，體現(xiàn)自身創(chuàng)意設(shè)計(jì)水平，這對(duì)于學(xué)生知識(shí)面的擴(kuò)展和分析問題能力的提高都有積極影響。
2.3 分階段型考核模式
這一考核模式將項(xiàng)目開發(fā)進(jìn)度劃分為若干小的階段，學(xué)生完成階段工程匯報(bào)后再由師生共同參與考核，考核的重點(diǎn)在于對(duì)網(wǎng)站主題和頁(yè)面布局的考查，除此之外還需要對(duì)整體頁(yè)面的美觀性進(jìn)行評(píng)定，檢查網(wǎng)站規(guī)劃中的各項(xiàng)功能以及頁(yè)面鏈接效果，具體包括：
2.3.1 網(wǎng)站選題
小組網(wǎng)站主題的擬定可由成員自行選擇，在對(duì)同類網(wǎng)站進(jìn)行分析后分析自身技術(shù)路線和服務(wù)形式的異同，并與企業(yè)專業(yè)技術(shù)崗位需求相聯(lián)系，切實(shí)分析網(wǎng)站本身的維護(hù)成本及盈利模式。網(wǎng)站策劃書是這一階段需要完成的項(xiàng)目，組成對(duì)其進(jìn)行必要的演示操作，并由師生對(duì)其展開評(píng)價(jià)和提出意見。網(wǎng)站選題占總考核比重的10%。
2.3.2 網(wǎng)站設(shè)計(jì)
網(wǎng)站設(shè)計(jì)涉及到網(wǎng)站的色彩配搭、版面布局以及主題設(shè)計(jì)等方面內(nèi)容，小組成員需要借助FireWork或是PhotoShop完成草圖制作，并由組長(zhǎng)對(duì)設(shè)計(jì)理念進(jìn)行陳述，師生對(duì)其提出建議。網(wǎng)站設(shè)計(jì)占總考核比重的15%。
2.3.3 網(wǎng)站制作
依據(jù)草圖設(shè)計(jì)完成對(duì)應(yīng)的網(wǎng)站制作工作，由于頁(yè)面較多也可采用定期對(duì)開發(fā)進(jìn)度進(jìn)行報(bào)告的方式對(duì)關(guān)鍵頁(yè)面進(jìn)行演示，這一過程中教師需要對(duì)演示進(jìn)度進(jìn)行控制。網(wǎng)站制作占總考核比重的25%。
2.3.4 網(wǎng)站測(cè)試
網(wǎng)站測(cè)試的內(nèi)容除了包括頁(yè)面文字和圖片顯示、鏈接有效性以及瀏覽器使用情況外，還需要由小組成員完成對(duì)應(yīng)的測(cè)試報(bào)告，認(rèn)真剖析測(cè)試過程中存在的問題。網(wǎng)站測(cè)試占總考核比重的15%。
2.3.5 網(wǎng)站
在完成主頁(yè)空間的申請(qǐng)后借助FTP工具對(duì)網(wǎng)站實(shí)施操作，教師和學(xué)生可用各小組提供的域名訪問網(wǎng)站。網(wǎng)站占總考核比重的5%。
3 結(jié)束語(yǔ)
綜上所述，作為近年來(lái)高職教育新興的學(xué)科課程，網(wǎng)頁(yè)設(shè)計(jì)與制作重視對(duì)學(xué)生實(shí)踐創(chuàng)新能力的培養(yǎng)，通過實(shí)踐技能與理論知識(shí)的結(jié)合體現(xiàn)高職教育人才培養(yǎng)特點(diǎn)和企業(yè)專業(yè)技術(shù)崗位需求之間的契合。教學(xué)內(nèi)容的豐富及其教學(xué)過程富于變化，使得網(wǎng)頁(yè)設(shè)計(jì)與制作這一課程在學(xué)生群體中引起了廣泛關(guān)注。現(xiàn)階段高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程研究的重點(diǎn)在于如何將學(xué)科教學(xué)與企業(yè)崗
位相結(jié)合，促進(jìn)學(xué)生職業(yè)素質(zhì)和專業(yè)技能的發(fā)展。課程改革的有效性在于與市場(chǎng)就業(yè)需求相一致，將企業(yè)專業(yè)技術(shù)崗位需求納入網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革的考慮范圍之內(nèi)，使得崗位能力與教學(xué)內(nèi)容相吻合，這對(duì)于學(xué)生團(tuán)隊(duì)協(xié)作能力、網(wǎng)站管理能力和網(wǎng)頁(yè)設(shè)計(jì)能力的提高有著積極的促進(jìn)意義，這是職業(yè)教育在人才培養(yǎng)方面資源優(yōu)勢(shì)的集中體現(xiàn)。除此之外，關(guān)于網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革的新一輪研究對(duì)于高職網(wǎng)絡(luò)技術(shù)等課程教學(xué)模式更新也有著不可忽視的啟發(fā)與借鑒意義。
【摘 要】隨著計(jì)算機(jī)技術(shù)的發(fā)展，中職學(xué)校的“網(wǎng)頁(yè)設(shè)計(jì)與制作”教學(xué)存在的主要問題是傳統(tǒng)的理論教學(xué)內(nèi)容過多，結(jié)合案例的內(nèi)容偏少。只有在實(shí)際教學(xué)中突破傳統(tǒng)的教學(xué)模式，切實(shí)加強(qiáng)學(xué)生的實(shí)踐力度，才能讓學(xué)生在實(shí)際操作中循序漸進(jìn)地了解和掌握“網(wǎng)頁(yè)設(shè)計(jì)與制作”的流程和方法，才能適應(yīng)現(xiàn)代化社會(huì)的發(fā)展。
【關(guān)鍵詞】計(jì)算機(jī) 中職學(xué)校 網(wǎng)頁(yè)設(shè)計(jì)與制作 教學(xué)設(shè)計(jì)
中等職業(yè)學(xué)校培養(yǎng)目標(biāo)是把學(xué)生培養(yǎng)成與我國(guó)社會(huì)主義現(xiàn)代化建設(shè)要求相適應(yīng)，具有綜合職業(yè)能力，在生產(chǎn)、服務(wù)一線工作的高素質(zhì)勞動(dòng)者和技能型人才。本文以《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程為例，淺談?dòng)嘘P(guān)這門課程的教學(xué)設(shè)計(jì)。
一、教材分析
我校目前使用的教材是人民郵電出版社出版的《Dreamweaver CS3 網(wǎng)頁(yè)制作基礎(chǔ)教程》。該教材主要采用項(xiàng)目教學(xué)法，通過大量精心編排的項(xiàng)目由淺入深、循序漸進(jìn)地介紹網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)，章末還安排了習(xí)題，以幫助學(xué)生在課后及時(shí)鞏固所學(xué)內(nèi)容。
教材中采用的網(wǎng)頁(yè)制作軟件是Dreamweaver CS3。對(duì)于初學(xué)者來(lái)說(shuō)，Dreamweaver 比較容易入門，具體表現(xiàn)在兩個(gè)方面：一是靜態(tài)頁(yè)面的編排，這和Microsoft等可視化辦公軟件是類似的；二是交互式網(wǎng)頁(yè)的制作，利用Dreamweaver可以比較容易地制作出交互式網(wǎng)頁(yè)，且很容易鏈接到Access、SQL Sever等數(shù)據(jù)庫(kù)。
二、學(xué)情分析
我的授課對(duì)象是職校計(jì)算機(jī)專業(yè)二年級(jí)的學(xué)生。
（一）思想觀念方面：中專學(xué)生一般由基礎(chǔ)薄弱、學(xué)習(xí)態(tài)度不端正的弱勢(shì)群體組成，他們很少得到賞識(shí)，缺乏自信。
（二）現(xiàn)有知識(shí)水平方面：通過一年級(jí)的基礎(chǔ)課程和部分專業(yè)課的學(xué)習(xí)，學(xué)生對(duì)計(jì)算機(jī)操作有了一定的了解和掌握，但對(duì)于學(xué)生剛接觸一門新開設(shè)的專業(yè)課程，還是很陌生的，需要由淺入深逐步引導(dǎo)學(xué)生入門。
（三）專業(yè)能力需求方面：大部分學(xué)生畢業(yè)以后都直接走向社會(huì)的工作崗位，他們更需要堅(jiān)實(shí)的專業(yè)能力和職業(yè)素養(yǎng)。
三、教學(xué)目標(biāo)
（一）知識(shí)與技能：1.能熟練地建立站點(diǎn)，創(chuàng)建和設(shè)置文檔。2.能在網(wǎng)頁(yè)中使用圖像和媒體，設(shè)置超級(jí)鏈接。3.能使用表格、框架和AP Div布局頁(yè)面。4.能創(chuàng)建表單頁(yè)面和使用行為。5.能使用庫(kù)和模板制作網(wǎng)頁(yè)。6.能使用時(shí)間軸制作動(dòng)畫。7.能使用CSS樣式控制網(wǎng)頁(yè)外觀。8.能配置動(dòng)態(tài)網(wǎng)站的運(yùn)行環(huán)境。
（二）過程與方法：1.通過課堂教學(xué)過程中的觀察對(duì)比、實(shí)踐演練等形式，培養(yǎng)學(xué)生分析問題和解決問題的能力。2.采用任務(wù)驅(qū)動(dòng)的方法，養(yǎng)成主動(dòng)進(jìn)行學(xué)習(xí)的習(xí)慣。3.采用項(xiàng)目教學(xué)法，培養(yǎng)學(xué)生的團(tuán)隊(duì)合作精神。
（三）情感態(tài)度與價(jià)值觀：1.通過學(xué)生自主解決問題的過程，體會(huì)成就感，樹立自信心，為自主學(xué)習(xí)、主動(dòng)學(xué)習(xí)奠定基礎(chǔ)。2.通過小組協(xié)作、任務(wù)驅(qū)動(dòng)等形式，滲透團(tuán)隊(duì)合作精神及研究探索知識(shí)的意識(shí)。
四、教學(xué)重點(diǎn)難點(diǎn)
重點(diǎn)：學(xué)生能夠熟練地使用Dreamweaver 這個(gè)軟件來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作。
難點(diǎn)：熟悉網(wǎng)站制作流程、分析網(wǎng)頁(yè)的布局結(jié)構(gòu)、網(wǎng)頁(yè)色彩的搭配原理。
五、設(shè)計(jì)思想
（一）項(xiàng)目教學(xué)。為培養(yǎng)學(xué)生自主學(xué)習(xí)的能力，讓學(xué)生成為課堂的主體，本門課程采用了項(xiàng)目教學(xué)法。在課堂中，教師只是 起組織、引導(dǎo)的作用。教師先提項(xiàng)目要求，然后學(xué)生進(jìn)行分析、討論，同時(shí)教師可以通過隨機(jī)點(diǎn)名提問或者舉手自薦的方法來(lái)總結(jié)學(xué)生遇到的問題，然后有針對(duì)性地進(jìn)行理論知識(shí)和實(shí)際操作的講解。
（二）任務(wù)驅(qū)動(dòng)：1.創(chuàng)設(shè)情境，引出任務(wù)。首先使用與課程相關(guān)的動(dòng)畫短片、音樂、視頻、圖片等素材來(lái)創(chuàng)設(shè)情境，引出任務(wù)，然后提出任務(wù)的要求，目的是提供學(xué)生動(dòng)手、動(dòng)腦、參與的機(jī)會(huì)，明確任務(wù)。2.思考討論，分析任務(wù)。通過思考、分析、討論和教師的引導(dǎo)下，將任務(wù)細(xì)分為若干個(gè)小層次，逐個(gè)解決。這有利于提高學(xué)生的分析能力、思考能力。3.實(shí)施任務(wù)，完成任務(wù)。在思考、分析任務(wù)后接下來(lái)就是任務(wù)的實(shí)施階段。在這個(gè)階段，學(xué)生作為課堂的主體，通過自主探究、小組討論等方式來(lái)分析問題和解決問題。而教師就扮演組織引導(dǎo)的角色，在課堂中巡回觀察、指點(diǎn)學(xué)生更好、更快地完成任務(wù)。
六、考核方式的設(shè)計(jì)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門實(shí)踐性強(qiáng)的專業(yè)技能課程。為適應(yīng)該課程培養(yǎng)學(xué)生自主學(xué)習(xí)能力、知識(shí)應(yīng)用能力以及創(chuàng)新性專業(yè)人才的目標(biāo)需要，在教學(xué)過程中，教師應(yīng)重視理論與實(shí)踐相結(jié)合，注重培養(yǎng)學(xué)生運(yùn)用理論進(jìn)行觀察、分析和解決問題的能力。
為了能準(zhǔn)確反映出課堂的教學(xué)效果，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程主要以“項(xiàng)目考核制”為主，即學(xué)生個(gè)人獨(dú)立完成項(xiàng)目作為該課程的一種考核方式?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程的總評(píng)成績(jī)應(yīng)包括平時(shí)成績(jī)、實(shí)訓(xùn)課成績(jī)、項(xiàng)目考核成績(jī)以及展示作品成績(jī)。
對(duì)于一個(gè)整體項(xiàng)目，應(yīng)從以下幾方面進(jìn)行評(píng)價(jià)：主頁(yè)面的設(shè)計(jì)風(fēng)格、子頁(yè)面的制作、網(wǎng)頁(yè)中的鏈接、頁(yè)面布局方式以及整體效果。要求整體風(fēng)格統(tǒng)一且有特色，主頁(yè)面、子頁(yè)布局完善且合理，文件夾組織有序、標(biāo)準(zhǔn)，文件命名正確、符合行業(yè)標(biāo)準(zhǔn)。評(píng)分時(shí)，教師應(yīng)結(jié)合平時(shí)實(shí)訓(xùn)的操作情況以及展示作品時(shí)其他學(xué)生的評(píng)價(jià)給出一個(gè)綜合分?jǐn)?shù)。
總之，教無(wú)定法，貴在得法。以項(xiàng)目為載體、以任務(wù)為驅(qū)動(dòng)的教學(xué)方法對(duì)中職學(xué)校的學(xué)生來(lái)說(shuō)是一種能調(diào)動(dòng)其學(xué)習(xí)積極性的行之有效的方法，能充分發(fā)揮教師的主導(dǎo)作用和學(xué)生的能動(dòng)作用。學(xué)生在進(jìn)行項(xiàng)目設(shè)計(jì)時(shí)，能充分發(fā)揮自己的想象，展示自己的設(shè)計(jì)思路，從而更主動(dòng)地參與到教學(xué)活動(dòng)中來(lái)，促使學(xué)生為完成項(xiàng)目而進(jìn)行多渠道的自主學(xué)習(xí)，以擴(kuò)大學(xué)生的知識(shí)面，實(shí)現(xiàn)個(gè)性化、層次化和彈性教學(xué)，提高學(xué)生解決問題和綜合應(yīng)用知識(shí)的能力，培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，實(shí)現(xiàn)學(xué)生與工作崗位間的零距離接觸，為以后走向社會(huì)打下了堅(jiān)實(shí)的基礎(chǔ)。
摘 要 針對(duì)高校開設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程培養(yǎng)的學(xué)生無(wú)法滿足事企業(yè)單位需求的問題，文章以整個(gè)教育技術(shù)學(xué)課程體系為研究對(duì)象，研究如何將網(wǎng)頁(yè)設(shè)計(jì)與制作大方向的相關(guān)技術(shù)進(jìn)行整合，在整個(gè)學(xué)習(xí)過程中將學(xué)生分層分級(jí)，將知識(shí)分階段，進(jìn)行“教傳幫帶”的層層深入學(xué)習(xí)。
關(guān)鍵詞 教育技術(shù)專業(yè) 網(wǎng)頁(yè)設(shè)計(jì)與制作 教學(xué)改革
0 引言
隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，利用互聯(lián)網(wǎng)獲取信息已成為人們生活學(xué)習(xí)不可缺少的部分，①同時(shí)作為各種教育類機(jī)構(gòu)在網(wǎng)絡(luò)信息時(shí)代的窗口，這些事企業(yè)單位急需大量的網(wǎng)頁(yè)制作人才，網(wǎng)頁(yè)設(shè)計(jì)與制作課程乃至相關(guān)的學(xué)科內(nèi)部方向，成為高校教育技術(shù)專業(yè)的核心課程。
傳統(tǒng)的教學(xué)模式培養(yǎng)的學(xué)生，往往不能適應(yīng)用人單位的要求。網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)內(nèi)容與市場(chǎng)需求相脫離，距離社會(huì)崗位要求甚遠(yuǎn)，無(wú)法勝任事企業(yè)崗位等問題。②
1 課程改革原因分析
筆者認(rèn)為，造成高校開設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)與事企業(yè)單位用人需求脫節(jié)的主要原因有以下幾個(gè)方面：
（1）網(wǎng)頁(yè)設(shè)計(jì)與制作課程開設(shè)滯后。教育技術(shù)專業(yè)全程教學(xué)計(jì)劃中，在第二學(xué)期開設(shè)圖像制作課程；但是到第四學(xué)期才開設(shè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程，而且學(xué)時(shí)受到壓縮，不僅學(xué)生學(xué)到的知識(shí)有限，還不能得到實(shí)際的鍛煉；而后續(xù)專業(yè)課程Flash和C#在第五學(xué)期才能開設(shè)；社會(huì)大量需求的如Flex和Ajax以及后臺(tái)代碼編程的或PHP在第六學(xué)期才能開設(shè)；而在第七學(xué)期開始專業(yè)方向訓(xùn)練為時(shí)已晚，許多學(xué)生選擇去考研和盲目地開始實(shí)習(xí)。
（2）相關(guān)教材編寫沒有連續(xù)性。當(dāng)前大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)與制作方向的教材都是基礎(chǔ)知識(shí)的講解，提供的案例也都相對(duì)簡(jiǎn)單且實(shí)用性不強(qiáng)。絕大多數(shù)的教材都沒有交叉性，無(wú)法體現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)與制作作為現(xiàn)今主流的B/S模式下系統(tǒng)開發(fā)體系在跨平臺(tái)性、交互性、開放性等方面的優(yōu)勢(shì)。使得學(xué)生們總認(rèn)為什么技術(shù)都只學(xué)個(gè)皮毛。
2 深入開展網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)改革的探討
湖北第二師范學(xué)院計(jì)算機(jī)信息技術(shù)系，從2011年開始，比照教育技術(shù)專業(yè)的多個(gè)大的方向，將學(xué)生分為多個(gè)課程組。提出“基礎(chǔ)知識(shí)扎實(shí)化；特長(zhǎng)教育持續(xù)化；產(chǎn)學(xué)研用③一體化”的方針，進(jìn)行了教育技術(shù)方向的“三化”教學(xué)改革。要求學(xué)生在學(xué)好本專業(yè)基礎(chǔ)課程的同時(shí)，還要掌握一種自己的特長(zhǎng)技術(shù)，為勝任畢業(yè)后工作的需求對(duì)學(xué)生進(jìn)行大學(xué)階段的全程培養(yǎng)。通過長(zhǎng)時(shí)間的學(xué)習(xí)、討論、制定，兩年來(lái)，我們對(duì)2009、2010、2011這3個(gè)年級(jí)的近100名學(xué)生進(jìn)行了分方向培養(yǎng)。網(wǎng)頁(yè)設(shè)計(jì)與制作為其教學(xué)改革的一個(gè)方向，培養(yǎng)學(xué)生人數(shù)為31人。
2.1 基礎(chǔ)知識(shí)扎實(shí)化
選擇了在網(wǎng)頁(yè)設(shè)計(jì)與制作課程方向的同學(xué)，所要求學(xué)習(xí)的知識(shí)是一個(gè)系統(tǒng)級(jí)的體系結(jié)構(gòu)，將網(wǎng)頁(yè)設(shè)計(jì)與制作的學(xué)習(xí)過程大致分為3個(gè)階段，如圖1所示：
第一階段學(xué)習(xí)色彩與構(gòu)圖、平面圖像處理等課程。在基礎(chǔ)知識(shí)學(xué)習(xí)的過程中就不斷地提供實(shí)踐案例進(jìn)行分析講解。
第二階段學(xué)習(xí)HTML、DIV+CSS、JavaScript腳本，掌握網(wǎng)頁(yè)制作的前臺(tái)基礎(chǔ)。掌握Dreamweaver軟件的使用，結(jié)合網(wǎng)頁(yè)實(shí)例掌握DIV+CSS的各種布局方式。并對(duì)學(xué)生教授前端Js腳本技術(shù)，使其后續(xù)可以進(jìn)行網(wǎng)站的交互式開發(fā)。
第三階段分兩個(gè)方向，學(xué)生在學(xué)習(xí)完數(shù)據(jù)庫(kù)基礎(chǔ)后選擇學(xué)習(xí)富客戶端編程或網(wǎng)頁(yè)制作后臺(tái)編程。富客戶端選擇用Flash進(jìn)行教學(xué)，后續(xù)學(xué)習(xí)ActionScript的Flex編程；網(wǎng)頁(yè)制作后臺(tái)選擇用C#進(jìn)行教學(xué)，后續(xù)學(xué)習(xí)的編程。
所有學(xué)生在最初學(xué)習(xí)平面設(shè)計(jì)課程組的基礎(chǔ)知識(shí)。當(dāng)?shù)诙A段開始時(shí)，正規(guī)課堂教學(xué)開設(shè)C語(yǔ)言，小組成員可以同時(shí)學(xué)習(xí)第二階段的課程。此后正規(guī)課堂開設(shè)了數(shù)據(jù)庫(kù)概論的課程，成員可以在鞏固第二階段的課程后開始進(jìn)行第三階段分方向?qū)W習(xí)。整個(gè)過程在1～2年內(nèi)全部覆蓋到。
2.2 特長(zhǎng)教育持續(xù)化
要求從大一就開始選擇方向并持續(xù)的開展上述知識(shí)的學(xué)習(xí)。提倡“教學(xué)為輔自學(xué)為主”的教學(xué)模式，和學(xué)以致用的精神。按上述三個(gè)學(xué)習(xí)階段通過考核將學(xué)生分成多個(gè)層次，每個(gè)層次分成同級(jí)別的多個(gè)小組。
課程的學(xué)習(xí)都是在正規(guī)課堂教學(xué)以外的時(shí)間來(lái)完成。教師首先對(duì)各個(gè)小組提出學(xué)習(xí)方向和目標(biāo)，精確到每個(gè)星期，并指定教材和參考書目及相關(guān)網(wǎng)站。高層次的小組輪流安排學(xué)生為低層次的小組進(jìn)行教學(xué)輔導(dǎo)，和布置任務(wù)，檢查作業(yè)。每個(gè)星期開會(huì)討論和總結(jié)。教師進(jìn)行大方向的干預(yù)。最高層次的小組直接進(jìn)入老師的項(xiàng)目或老師提供的項(xiàng)目，進(jìn)行以項(xiàng)目為驅(qū)動(dòng)的教學(xué)。④
2.3 產(chǎn)學(xué)研用一體化
第一，最高層次的小組成員直接進(jìn)入老師的項(xiàng)目?？梢栽陧?xiàng)目組中進(jìn)行后臺(tái)代碼或前端富客戶端的開發(fā)以及文檔的撰寫。第二，組織學(xué)生積極參加國(guó)內(nèi)外的各種大創(chuàng)比賽，鍛煉學(xué)生的水平、提升學(xué)生的積極性。第三，積極和事企業(yè)單位進(jìn)行合作，將這些單位的項(xiàng)目分給學(xué)生制作，老師進(jìn)行全程監(jiān)控；或者推薦學(xué)生到對(duì)方單位加入項(xiàng)目組進(jìn)行實(shí)戰(zhàn)的開發(fā)。
3 結(jié)語(yǔ)
通過兩年多時(shí)間的實(shí)踐和探討。學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)與制作方向的實(shí)踐能力取得了穩(wěn)步的提高，并形成了一套良性循環(huán)的教學(xué)模式。低級(jí)別的學(xué)生通過學(xué)習(xí)進(jìn)入高級(jí)別，高級(jí)別的同學(xué)通過給低級(jí)別的學(xué)生教學(xué)而更加鞏固了知識(shí)，學(xué)生們的實(shí)踐制作能力得到了用人單位的肯定，達(dá)到了教學(xué)改革的效果。
摘 要 網(wǎng)頁(yè)設(shè)計(jì)與制作是計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)中，一門知識(shí)面廣、實(shí)踐性強(qiáng)的課程。通過近幾年教學(xué)方法的改革，在教學(xué)過程中采用任務(wù)驅(qū)動(dòng)法，不僅提高了課堂教學(xué)效率，而且為培養(yǎng)學(xué)生應(yīng)用相關(guān)專業(yè)知識(shí)開發(fā)產(chǎn)品的能力提供了有效途徑。本文闡述了任務(wù)驅(qū)動(dòng)教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)中的運(yùn)用。
關(guān)鍵詞 任務(wù)驅(qū)動(dòng)教學(xué)法 網(wǎng)頁(yè)設(shè)計(jì)與制作 教學(xué)運(yùn)用
0引言
隨著網(wǎng)絡(luò)時(shí)代的到來(lái)，網(wǎng)頁(yè)設(shè)計(jì)制作技術(shù)在IT領(lǐng)域得到越來(lái)越廣泛的應(yīng)用，因此網(wǎng)頁(yè)設(shè)計(jì)與制作被納入到計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)課程體系中，成為該專業(yè)的一門專業(yè)核心課程。該課程強(qiáng)調(diào)理論與實(shí)踐并重，通過對(duì)Html、Dreamweaver、動(dòng)態(tài)網(wǎng)頁(yè)的學(xué)習(xí)，掌握網(wǎng)頁(yè)設(shè)計(jì)制作的各種技能，培養(yǎng)學(xué)生實(shí)踐動(dòng)手能力，使學(xué)生能夠進(jìn)行網(wǎng)站的建設(shè)和開發(fā)。
1任務(wù)驅(qū)動(dòng)教學(xué)法的特點(diǎn)
網(wǎng)頁(yè)設(shè)計(jì)與制作課程不僅實(shí)踐性和操作性強(qiáng)，應(yīng)用面廣，而且與崗位聯(lián)系非常密切，因此在教學(xué)過程中，如何啟發(fā)學(xué)生的思維，培養(yǎng)學(xué)生的應(yīng)用能力，使學(xué)生形成自主學(xué)習(xí)的習(xí)慣是教學(xué)的主要目標(biāo)。這就需要在教學(xué)的過程中充分調(diào)動(dòng)學(xué)生的積極性，使學(xué)生參與進(jìn)來(lái)，培養(yǎng)學(xué)生的實(shí)踐操作能力，注意引導(dǎo)學(xué)生將理論知識(shí)應(yīng)用于實(shí)踐操作。任務(wù)驅(qū)動(dòng)法打破了傳統(tǒng)的“教師講、學(xué)生聽”的填鴨式教學(xué)方法，建構(gòu)“教師積極引導(dǎo)、學(xué)生主動(dòng)學(xué)習(xí)”的教學(xué)方法，使學(xué)生由被動(dòng)接受轉(zhuǎn)變?yōu)橹鲃?dòng)思考，使學(xué)生在完成任務(wù)的過程中學(xué)習(xí)到了新的知識(shí)，并且培養(yǎng)了學(xué)生發(fā)現(xiàn)問題、分析問題和解決問題的能力，以及團(tuán)隊(duì)合作的精神。
2任務(wù)驅(qū)動(dòng)教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的實(shí)施
任務(wù)驅(qū)動(dòng)教學(xué)法在實(shí)訓(xùn)教學(xué)過程中采用“目標(biāo)+任務(wù)”的教學(xué)模式，通過任務(wù)驅(qū)動(dòng)使學(xué)生掌握單個(gè)內(nèi)容知識(shí)點(diǎn)，任務(wù)由淺入深，使學(xué)生得到清晰的思路、方法、技能脈絡(luò)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。
2.1設(shè)計(jì)任務(wù)，創(chuàng)建情境
首先，教師向?qū)W生布置學(xué)習(xí)任務(wù)，要求學(xué)生帶著任務(wù)和問題去學(xué)習(xí)。在教學(xué)初期，教師可推薦一些有特色的網(wǎng)站供學(xué)生欣賞，將學(xué)生帶入真實(shí)的環(huán)境中，激發(fā)他們學(xué)習(xí)的興趣，同時(shí)引導(dǎo)他們?nèi)ニ伎既绾卧O(shè)計(jì)網(wǎng)頁(yè)、建設(shè)網(wǎng)站，由此確定本課程的總體任務(wù)――建成一個(gè)網(wǎng)站。其次，教師要針對(duì)課程中每一部分知識(shí)點(diǎn)將總體任務(wù)細(xì)分為若干大任務(wù)，如：文本、圖像、鏈接、表格、框架、表單等，再將這些大任務(wù)進(jìn)一步細(xì)分為一些小任務(wù)。任務(wù)從易到難，小任務(wù)緊密圍繞總體任務(wù)逐一實(shí)現(xiàn)。教師要充分結(jié)合網(wǎng)頁(yè)設(shè)計(jì)與制作的特點(diǎn)，創(chuàng)建可以引發(fā)學(xué)生學(xué)習(xí)興趣的任務(wù)，為學(xué)生營(yíng)造一個(gè)愉快的學(xué)習(xí)氛圍，以使他們積極主動(dòng)地參與進(jìn)來(lái)。
2.2分析任務(wù)，提出問題
任務(wù)提出之后，不要急于講解，而是要先讓學(xué)生對(duì)任務(wù)進(jìn)行思考、分析和討論，提出完成任務(wù)需要解決哪些問題。提出的問題中，一些是學(xué)生以前已經(jīng)學(xué)過的，這些問題學(xué)生自己就能解決；另一些是沒有學(xué)過的，即隱含在任務(wù)中的新知識(shí)點(diǎn)，這也正是任務(wù)所要解決的問題，這些問題最好由學(xué)生提出，因?yàn)榻鉀Q一個(gè)問題僅僅是技能而已，而提出新問題、從新的角度去看舊問題，卻需要較強(qiáng)的思維能力。在學(xué)生學(xué)習(xí)過程中，教師應(yīng)給予適當(dāng)?shù)奶崾?，引?dǎo)問題的提出時(shí)，要采取先粗后細(xì)、逐步求精的辦法。另外，學(xué)生不可能一次把所有的問題都提出來(lái)，對(duì)于一些任務(wù)中存在的問題，學(xué)生只有親自做到相應(yīng)步驟時(shí)才有可能提出。同時(shí)，也只有在完成任務(wù)的過程中提出并解決相應(yīng)的問題才有助于學(xué)生對(duì)問題的理解。
2.3自主學(xué)習(xí)，探索研究
問題提出后，教師不要直接告訴學(xué)生如何去做，而應(yīng)向?qū)W生提供解決該問題的線索。要以線索引起和維持學(xué)生的學(xué)習(xí)興趣和動(dòng)機(jī)。學(xué)生結(jié)合已有知識(shí)自行完成任務(wù)，通過自主探索或團(tuán)隊(duì)協(xié)作開展解決問題的工作。在完成任務(wù)的過程中鞏固舊知識(shí)、掌握新知識(shí)，并將所學(xué)知識(shí)融會(huì)貫通，進(jìn)而運(yùn)用到實(shí)際任務(wù)中去。教師最好讓學(xué)生自己去設(shè)計(jì)具有個(gè)性化的網(wǎng)頁(yè)，發(fā)揮學(xué)生的主動(dòng)性，激發(fā)學(xué)生的創(chuàng)造力。完成任務(wù)的過程是學(xué)生有意識(shí)將技能運(yùn)用的過程，在這一過程中，學(xué)生圍繞設(shè)計(jì)主題搜索資料，深入學(xué)習(xí)，完成對(duì)問題的理解、知識(shí)的應(yīng)用和意識(shí)的構(gòu)建。
2.4測(cè)評(píng)反饋，形成結(jié)果
鑒于高職院校學(xué)生的特點(diǎn)，在整個(gè)教學(xué)過程中，教師不應(yīng)過多地看重學(xué)生所獲得知識(shí)的對(duì)與錯(cuò)，而應(yīng)重視學(xué)生參與教學(xué)活動(dòng)的態(tài)度，解決問題的能力和創(chuàng)造性的發(fā)揮，以及獲取的經(jīng)驗(yàn)與教訓(xùn)。測(cè)評(píng)是對(duì)學(xué)生能力的客觀評(píng)價(jià)，應(yīng)既符合技能教學(xué)的要求，又注重學(xué)生的個(gè)性發(fā)展。同時(shí)要注意，測(cè)評(píng)不僅要指出學(xué)生的優(yōu)點(diǎn)，也要看到學(xué)生的缺點(diǎn)，以有利于學(xué)生的創(chuàng)新能力和自學(xué)能力的充分發(fā)揮。對(duì)每個(gè)學(xué)生完成的任務(wù)，都要在多媒體教學(xué)環(huán)境中進(jìn)行交流展示，師生共同討論點(diǎn)評(píng)，及時(shí)對(duì)學(xué)生的任務(wù)結(jié)果做出反饋。
2.5知識(shí)轉(zhuǎn)移，自主創(chuàng)新
學(xué)生只有將所學(xué)的知識(shí)有效地運(yùn)用于不同的實(shí)際環(huán)境之中，實(shí)現(xiàn)知識(shí)的轉(zhuǎn)移，才能說(shuō)實(shí)現(xiàn)了真正的掌握。在經(jīng)過測(cè)評(píng)反饋之后，大部分學(xué)生已經(jīng)能熟練掌握操作技能，鑒于網(wǎng)頁(yè)設(shè)計(jì)制作課程的特點(diǎn)，此時(shí)應(yīng)按照不同的網(wǎng)站類別，如：個(gè)人網(wǎng)站、公司網(wǎng)站、學(xué)校網(wǎng)站等，給學(xué)生布置幾個(gè)完整的網(wǎng)頁(yè)設(shè)計(jì)主題，讓學(xué)生了解常見網(wǎng)頁(yè)設(shè)計(jì)制作的流程，鼓勵(lì)學(xué)生進(jìn)行創(chuàng)新，培養(yǎng)學(xué)生的創(chuàng)新思維能力和創(chuàng)新精神。
總之，教師進(jìn)行任務(wù)設(shè)計(jì)時(shí)，要仔細(xì)推敲每個(gè)知識(shí)點(diǎn)、統(tǒng)籌兼顧，為學(xué)生設(shè)計(jì)出一系列典型的操作性任務(wù)，讓學(xué)生在完成任務(wù)過程中掌握知識(shí)、技能和方法，真正實(shí)現(xiàn)“學(xué)中做、做中學(xué)”，充分發(fā)揮學(xué)生的主觀能動(dòng)性，訓(xùn)練他們的創(chuàng)造性思維，全面提高學(xué)生的綜合素質(zhì)。
