網(wǎng)頁設(shè)計教學(xué)教案精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁設(shè)計教學(xué)教案主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網(wǎng)頁設(shè)計教學(xué)教案范文
1傳統(tǒng)計算機網(wǎng)頁設(shè)計教學(xué)中存在的問題
1.1教學(xué)方式落后
如今雖然已經(jīng)完成了教育改革，但依然有許多教師處于傳統(tǒng)教學(xué)觀念的影響下，其在教學(xué)中往往排斥使用新型教學(xué)方式。高職教學(xué)中計算機網(wǎng)頁設(shè)計是十分重要的課程，且具有很強的專業(yè)性和綜合性，其該專業(yè)具有很好的就業(yè)空間，但若學(xué)生在就學(xué)期間無法很好的掌握該方面知識和技能，勢必會使其喪失此優(yōu)勢。我國高職院校數(shù)量眾多，雖然很多有實力的院校已經(jīng)基本實現(xiàn)了信息化教學(xué)，但依然有很多院校使用傳統(tǒng)的教學(xué)方式，傳統(tǒng)教學(xué)方式對于計算機網(wǎng)頁設(shè)計專業(yè)而言并不具優(yōu)勢，且難以使學(xué)生在短時間內(nèi)掌握更多的內(nèi)容，因此今后應(yīng)積極改善教學(xué)方式[1]。
1.2課程設(shè)置不完善
我國教育由于已經(jīng)形成了固有的形式，即以理論知識為主，實踐知識為輔，此種教學(xué)理念雖然曾經(jīng)發(fā)揮了很好的作用，但如今社會需要的是全能型人才、創(chuàng)新型人才，此種理念顯然與社會要求相悖。而高職院校恰恰與其相反，其所追求的是為學(xué)生創(chuàng)造更多就業(yè)機會，因此其在教學(xué)中往往以實踐為主，但是此種方式雖然可以使學(xué)生計算機網(wǎng)頁設(shè)計能力得到提升，但卻不利于學(xué)生掌握理論知識，難以將理論與實踐更好的融合在一起，總而言之，大多數(shù)高職院校仍無法實現(xiàn)理論與實踐課程課時更好地調(diào)節(jié)。
1.3教師綜合素質(zhì)及能力有待提升
計算機網(wǎng)頁設(shè)計專業(yè)具有極強的專業(yè)性，對于任課教師的要求也很高，然而總所周知我國師資力量匱乏，能夠在該專業(yè)獨當(dāng)一面的教師也較少，如近年來我國為了解決師資問題，適當(dāng)?shù)慕档土私處煖?zhǔn)入標(biāo)準(zhǔn)，使得很多大學(xué)生有了當(dāng)老師的契機，但此種方式雖然可以增加教師的數(shù)量，但卻無法全面提升教師質(zhì)量，很多新晉教師雖然自身具有較強的專業(yè)技能，但并不善于教學(xué)，而有效教師雖然能夠很快掌握教學(xué)技巧，但奈何自身對計算機網(wǎng)頁設(shè)計的了解不夠深入，同樣無法很好的開展教學(xué)。另外，很多經(jīng)驗豐富的教師其在教學(xué)時往往更喜歡自己的教學(xué)方式，因此其在教學(xué)中很少會引用新型教學(xué)方式[2]。
2案例教學(xué)在計算機網(wǎng)頁設(shè)計中的應(yīng)用
2.1收集整理素材
在進行案例教學(xué)的過程中，教師應(yīng)善于收集和整理相應(yīng)素材，在收集素材時應(yīng)充分從學(xué)生的角度出發(fā)，意識到那些素材能夠在當(dāng)代學(xué)生計算機網(wǎng)頁設(shè)計方面引起其興趣，但同時也要考慮到素材與計算機網(wǎng)頁設(shè)計的相關(guān)性。因此教師最終選擇的素材可以是網(wǎng)頁設(shè)計相關(guān)的視頻、文字和圖片等，通過視頻學(xué)生可以更加直觀的看到網(wǎng)頁設(shè)計帶來的視覺效果，能夠充分引起學(xué)生學(xué)習(xí)的欲望，而適當(dāng)?shù)奈淖挚梢越o學(xué)生提供揣摩的時間，便于其深入理解[3]。2.2選擇教學(xué)案例教學(xué)案例的選擇尤為重要，教師可以選擇目前對于學(xué)生而言較為重要的部分，如可以要求學(xué)生設(shè)計個人求職網(wǎng)站，此種網(wǎng)站設(shè)計具有一定的針對性，并且與學(xué)生本身發(fā)展息息相關(guān)。在確定教學(xué)案例后，教師則應(yīng)針對該方面進行更有針對性的講解，使學(xué)生能夠?qū)υ摲矫嬗懈由钊氲牧私猓⑶乙髮W(xué)生自己主動尋找素材來豐富自己的設(shè)計，此種方式不僅能夠使學(xué)生充分將自己的想法展現(xiàn)出來，也能夠使學(xué)生更加了解網(wǎng)頁設(shè)計方面的內(nèi)容[4]。
2.3討論分析案例
對案例進行討論分析是案例教學(xué)法中的重中之重，此環(huán)節(jié)并不是要求學(xué)生掌握多么純熟的設(shè)計技巧，而是能夠在相互的交流中促進彼此進步。同樣以個人求職網(wǎng)站為例，教師可以講學(xué)生集中起來共同討論，學(xué)生均是各個不同的個體，不同個體看待事物的角度不同，所思所想更加不一樣，將所有學(xué)生聚集在一起能夠使學(xué)生獲得更多設(shè)計靈感，也能夠充分認(rèn)識到自身設(shè)計中的不足[5]。
2.4對案例進行總結(jié)并實現(xiàn)自我提升
案例教學(xué)法的最后應(yīng)對案例進行總結(jié)，其中包括學(xué)生各自的想法抒發(fā)，教師對各個學(xué)生想法的評價等，同時教師應(yīng)針對學(xué)生在討論時提出的問題進行明確的解答，也要給予學(xué)生新的問題，使其能夠促進自己不斷開動思維，如此一來在課堂上機時，學(xué)生即可以帶著問題進行設(shè)計。案例總結(jié)具有十分重要的意義，無論對于學(xué)生而言或是教師而言均是。
3結(jié)語
綜上所述，研究關(guān)于案例教學(xué)在計算機網(wǎng)頁設(shè)計中的應(yīng)用方面的內(nèi)容具有十分重要的意義，其不僅關(guān)系到我國高職教學(xué)的全面發(fā)展，也與學(xué)生的個人學(xué)習(xí)、各方面能力的提升息息相關(guān)。如今社會各界對人才的要求越來越高，我國也在為實現(xiàn)全民教育、提升教學(xué)質(zhì)量而不斷努力，針對案例教學(xué)法我國教育界也在不斷對其完善，將其應(yīng)用于計算機網(wǎng)頁設(shè)計中后其雖然使得教學(xué)效果有了較大的提升，但時代在進步，教育事業(yè)更不能停滯不前，若案例教學(xué)法不及時進行豐富，也會逐步淪為傳統(tǒng)教學(xué)法，因此今后高職院校更應(yīng)加強對此方面的研究。
引用：
[1]郭鋰,葉惠文.基于“雙層項目驅(qū)動教學(xué)模式”的計算機基礎(chǔ)課程立體教材開發(fā)與應(yīng)用——以《網(wǎng)頁設(shè)計與制作》為例[J].中國大學(xué)教學(xué),2012,(11)02:83-85.
[2]譚琦.案例教學(xué)在計算機網(wǎng)頁設(shè)計教學(xué)中的運用[J].信息與電腦(理論版),2012,(02)08:195-196.
[3]郭鋰,葉惠文.TPBIM在“廣東省高校計算機公共課教學(xué)改革”試點課程中的構(gòu)建與應(yīng)用——以“網(wǎng)頁設(shè)計與制作”課程為例[J].中國電化教育,2012,(10)12:111-114+135.
第2篇：網(wǎng)頁設(shè)計教學(xué)教案范文
關(guān)鍵詞：計算機 網(wǎng)頁設(shè)計 案例教學(xué) 應(yīng)用
中圖分類號：G632 文獻標(biāo)識碼：A 文章編號：1674-2117（2014）16-00-01
在目前的大學(xué)計算機網(wǎng)頁設(shè)計教學(xué)中，大多數(shù)教師仍舊采用傳統(tǒng)的教學(xué)方式進行知識的灌輸，較少讓學(xué)生合作探究、主動學(xué)習(xí)、討論交流，因而學(xué)生缺少獨立思考的能力和親身實踐的經(jīng)歷，導(dǎo)致學(xué)生的研究和創(chuàng)新意識相對不足。
案例教學(xué)是教師根據(jù)特定的教學(xué)目的，選擇帶有一定啟發(fā)性的典型案例，通過具體的情境讓學(xué)生提高綜合素質(zhì)和相關(guān)能力，理解、感悟、掌握知識的教學(xué)方法。案例教學(xué)的特點是以師生之間的交往為基礎(chǔ)，以案例為線索，以培養(yǎng)學(xué)生的能力、促進學(xué)生的全面發(fā)展為目的，對多種教學(xué)方式和教學(xué)媒體進行優(yōu)化。
1 計算機案例教學(xué)的特點
1.1 鼓勵學(xué)生獨立思考
傳統(tǒng)的計算機網(wǎng)頁設(shè)計教學(xué)沒有與實踐緊密結(jié)合起來，只是告訴學(xué)生怎么去做，非?？菰餆o味，在一定程度上影響了學(xué)生的學(xué)習(xí)效果和學(xué)習(xí)積極性。但在計算機網(wǎng)頁設(shè)計的案例教學(xué)中，沒人會告訴學(xué)生下一步應(yīng)該怎么做，而是需要學(xué)生自己去創(chuàng)造、去思考，讓枯燥的知識變得生動起來。而且案例教學(xué)的后續(xù)階段中，每位學(xué)生要根據(jù)自己和同學(xué)的方案發(fā)表自己的見解。通過交流，一方面可以起到激勵的作用，另一方面可以讓學(xué)生之間取長補短、加強學(xué)生的人際交往能力。
1.2 更加重視雙向交流
傳統(tǒng)的計算機網(wǎng)頁設(shè)計教學(xué)是教師講、學(xué)生學(xué)，學(xué)生聽沒聽課、聽懂了多少，教師也不清楚，要到最后考試成績出來才能見分曉。而且在這種教學(xué)模式下學(xué)生學(xué)到的都是死知識，難以在實際操作中得到真正的應(yīng)用。而在案例教學(xué)中，學(xué)生拿到案例后，先要對案例進行理解，然后查詢各種相關(guān)的理論知識，無形中學(xué)生又對這些知識主動復(fù)習(xí)了一遍，并且加深了對知識的理解。理解了相關(guān)的理論知識后，學(xué)生還要經(jīng)過自主地思考，然后提出解決問題的方案，這一步就提高了學(xué)生的實際應(yīng)用能力。與此同時，因為教師隨時會給以學(xué)生引導(dǎo)點撥，又促使教師思考相關(guān)問題，并且可以隨時根據(jù)學(xué)生的理解情況補充新的教學(xué)內(nèi)容。
1.3 引導(dǎo)學(xué)生更加注重實際操作能力
隨著計算機網(wǎng)頁設(shè)計案例教學(xué)的發(fā)展和市場經(jīng)濟的發(fā)展，學(xué)生越來越明白，掌握了知識不等于具備了能力，知識還需要通過實際的操作才能轉(zhuǎn)化為能力。如果教師忽視實際能力的培養(yǎng)，一味的教授書本上的死知識，不僅會對學(xué)生以后的發(fā)展有著巨大的障礙，而且也不利于計算機網(wǎng)頁設(shè)計教學(xué)的開展。
2 教學(xué)案例實現(xiàn)的步驟
2.1 設(shè)計教學(xué)案例
在計算機網(wǎng)頁設(shè)計案例教學(xué)中，設(shè)計科學(xué)、合理、符合學(xué)生實際情況的教學(xué)案例是實施該教學(xué)方式的基礎(chǔ)和前提。教師要充分備課，根據(jù)教學(xué)要求和教學(xué)進度設(shè)計案例，解析并講授與教學(xué)案例相關(guān)的技能技巧和理論知識。教師在設(shè)計教學(xué)案例時要注意，案例必須具備典型性、覆蓋足夠多的知識點，并且要和實際操作相吻合。應(yīng)該針對學(xué)生的學(xué)習(xí)階段和學(xué)生的接受能力來設(shè)計或者選擇教學(xué)案例，讓教學(xué)案例能夠被學(xué)生理解。整個計算機網(wǎng)頁設(shè)計教學(xué)過程中用到的案例之間應(yīng)該相互聯(lián)系、由易到難、前后銜接。
2.2 教師組織學(xué)生進行案例討論
組織案例討論的目的在于引導(dǎo)學(xué)生分析問題，提出解決問題的方法和途徑。該環(huán)節(jié)的關(guān)鍵是把理論知識與所對應(yīng)的案例內(nèi)容聯(lián)系起來。要達到這樣的目標(biāo)，就要求教師做好啟發(fā)工作和引導(dǎo)工作，創(chuàng)造自由輕松的討論氛圍。教師要讓學(xué)生成為案例討論的中心，在宏觀上指導(dǎo)和把握案例討論，避免出現(xiàn)方向性的偏差。教師應(yīng)該把案例分解成若干個小的部分，將案例的分解順序與學(xué)生的知識認(rèn)知順序相結(jié)合，這樣做更能體現(xiàn)根據(jù)學(xué)生的認(rèn)知規(guī)律來安排教學(xué)內(nèi)容的思想方針。
2.3 對案例進行總結(jié)
在組織學(xué)生對案例進行討論研究之后，教師應(yīng)該針對討論做出相應(yīng)的講評，重點強調(diào)案例中所涉及的操作技能和理論知識。在學(xué)生上機實踐的時候，可以按照課堂上討論的方案來進行實際操作。案例總結(jié)應(yīng)該做到客觀、全面，以提高學(xué)生的分析能力為主要目的，充分調(diào)動學(xué)生參與的積極性。對案例進行總結(jié)不僅有利于學(xué)生記牢要求掌握的知識，而且可以避免在案例中留下沒有解決的問題。
3 在計算機網(wǎng)頁設(shè)計中應(yīng)用案例教學(xué)
（1）準(zhǔn)備階段。教師在課前做的準(zhǔn)備包括研究教學(xué)內(nèi)容，尋找具有代表性的案例，充分了解學(xué)生關(guān)心的話題和興趣所在、將來的就業(yè)方向等問題。學(xué)生在課前做的準(zhǔn)備包括仔細(xì)研究案例、向同學(xué)和教師介紹自己擅長的方面等。
（2）實施階段。將學(xué)生分為3～5人的學(xué)習(xí)小組，讓學(xué)生根據(jù)所學(xué)的知識逐步解決各個小的案例問題，如制作一個主頁、設(shè)計混排網(wǎng)頁、設(shè)計一個頁面等。在這過程中，教師要保障及時檢查各個小組的問題解決情況，在必要時要對典型的問題進行講解。最后，將學(xué)生解決完成的所有小案例組合成一個大案例。
（3）結(jié)束階段。該階段主要是對案例的評價、總結(jié)，主要分為學(xué)生自評、小組互評和教師評價三種方式。
在計算機網(wǎng)頁設(shè)計中應(yīng)用教學(xué)案例，可以極大提高學(xué)生對計算機網(wǎng)頁設(shè)計課程的積極性和學(xué)習(xí)興趣，有利于幫助學(xué)生做出很多高質(zhì)量的網(wǎng)頁。這種新方法注重培養(yǎng)學(xué)生的自我意識，發(fā)揮了學(xué)生在學(xué)習(xí)中的主體作用，培養(yǎng)了學(xué)生的探索精神。
（珠海市第一中等職業(yè)學(xué)校，廣東 珠海 519000）
參考文獻：
[1]葛繼科，雷亮.案例教學(xué)在計算機科學(xué)與技術(shù)專業(yè)課教學(xué)中的應(yīng)用[J].重慶科技學(xué)院學(xué)報（社會科學(xué)版），2011（9）
[2]劉勇.案例教學(xué)法在網(wǎng)頁設(shè)計教學(xué)中的應(yīng)用研究[J].南昌高專學(xué)報，2010（6）.
[3]申玉靜，譚業(yè)武.數(shù)據(jù)庫案例教學(xué)在計算機專業(yè)專科教育職業(yè)化改革中的應(yīng)用與研究[J].福建計算機，2010（1）.
第3篇：網(wǎng)頁設(shè)計教學(xué)教案范文
關(guān)鍵詞：網(wǎng)頁設(shè)計課程資源資源庫建設(shè)
課程資源包括教師的教學(xué)資源和學(xué)生的學(xué)習(xí)資源，所謂課程資源庫的建設(shè)主要目標(biāo)就是收集有價值的資源輔助教師的教學(xué)和學(xué)生的學(xué)習(xí)。因此，它的出發(fā)點是提升教學(xué)和學(xué)習(xí)效果，關(guān)鍵是在資源的有效性而不在于資源是否豐富。在職業(yè)教育中，專業(yè)建設(shè)和教學(xué)改革一直是熱門的話題，也受到很多院校的重視。根據(jù)我院計算機專業(yè)的課程改革和自己的教學(xué)經(jīng)驗，我談?wù)劇毒W(wǎng)頁設(shè)計》課程資源庫建設(shè)的基本思路。
一、教學(xué)資源建設(shè)
教學(xué)資源主要包括課程大綱、校本教材、教案、課件、實訓(xùn)素材等。前期資源建設(shè)是一項艱巨的任務(wù)，需要一個團隊的智慧和努力，而資源建設(shè)成型后，可以實現(xiàn)資源共享，提高教師的工作效率，從而教師有更多的時間參與教研提升自己的業(yè)務(wù)水平。
1.課程大綱
課程大綱決定了課程的主要目標(biāo)和內(nèi)容要求，因此它在整個課程的教學(xué)中有著非常重要的作用。在我們實際的課程資源建設(shè)過程中，首先，我們針對網(wǎng)頁設(shè)計師這個崗位開展市場調(diào)查，了解該崗位的技能要求，再根據(jù)自己學(xué)校的培養(yǎng)目標(biāo)并結(jié)合《網(wǎng)頁設(shè)計》課程教學(xué)的實際情況制定相應(yīng)的課程大綱。它不僅要反應(yīng)出新的技能要求和各知識點的掌握程度，更要突出學(xué)生分析能力和創(chuàng)新能力的培養(yǎng)。只有在課程大綱的指引下，我們后續(xù)的課程資源建設(shè)才能有效地進行。
2.校本教材
一本好的教材無法滿足所有人的要求，一個優(yōu)秀的教學(xué)案例也不能完全符合所有學(xué)生的要求。因此，圍繞自己學(xué)校的培養(yǎng)目標(biāo)進行校本教材的開發(fā)是非常有必要的。在進行校本教材開發(fā)的過程中，我們要保證案例的真實性和有效性，可以結(jié)合企業(yè)的真實案例對知識點進行剖析。我們要以學(xué)生的發(fā)展為基礎(chǔ)，充分考慮授課對象的學(xué)習(xí)基礎(chǔ)和知識結(jié)構(gòu)，對教學(xué)內(nèi)容的編寫進行適當(dāng)?shù)奶幚恚苊獬霈F(xiàn)只利于教師教學(xué)，不利于學(xué)生學(xué)習(xí)的情況。
3.教案、課件
教學(xué)活動的開展要以教案為依據(jù)，而教案的編寫要符合課程大綱的要求，因此，我們要專研課程大綱和教材的基礎(chǔ)上，對我們的教學(xué)活動進行精心地設(shè)計。我們明確教學(xué)目標(biāo)和教學(xué)重難點的前提下，才能對教學(xué)內(nèi)容進行選擇和處理，教學(xué)過程的設(shè)計充分考慮學(xué)生感受和體驗。編寫好的電子教案，不僅是為了上好課，也是為改進下次授課做準(zhǔn)備，使一個教案的完善有一個持續(xù)的過程。除了編寫教案，我們可以做好配套的授課課件，因為它可以得到重復(fù)的使用，節(jié)省教師的備課時間。
4.實訓(xùn)素材
實訓(xùn)素材不僅包括課堂案例所用的素材，應(yīng)該包括實訓(xùn)步驟手冊，課堂效果評價表等等。素材的準(zhǔn)備我們要做到簡單、有效而且分類明確，尤其在《網(wǎng)頁設(shè)計》課程中，用到較多的圖片素材，必須要保證能快速的查找。實訓(xùn)手冊文字的描述要做到簡潔，適當(dāng)?shù)臅r候可以通過圖片或符號來代替文字，做到直觀明了。要充分考慮在簡短的一堂課時間內(nèi)，它的作用是供學(xué)生參考，輔助學(xué)生的課堂學(xué)習(xí)。課堂效果評價表的設(shè)計可以結(jié)合學(xué)生的自評和互評，根據(jù)教學(xué)目標(biāo)針對性的設(shè)計評價要點，目的是讓學(xué)生認(rèn)清自己在一堂課中的學(xué)習(xí)效果和不足的地方。
二、學(xué)習(xí)資源建設(shè)
隨著互聯(lián)網(wǎng)的發(fā)展，數(shù)字化學(xué)習(xí)資源變得非常的豐富，也是學(xué)生學(xué)習(xí)的一種新途徑。學(xué)習(xí)資源的建設(shè)不僅要確保學(xué)生能鞏固知識和技能，更重要的是要激發(fā)學(xué)生的自主學(xué)習(xí)。學(xué)習(xí)資源的建設(shè)需要借助網(wǎng)絡(luò)平臺，真正實現(xiàn)隨時隨地的學(xué)習(xí)，它主要包括微課、作業(yè)指南、試題庫等等。
1.微課
近幾年，微課在教學(xué)中的應(yīng)用非常的廣泛，在微課的設(shè)計中，我們要做到時間短，重點突出和語言簡潔，使學(xué)生在觀看的過程中快速的掌握要點。一般我們都是針對課程的重點或難點，有針對性的對知識點進行講解或?qū)Σ僮鞑襟E進行演示。尤其對課堂上掌握不好的知識點，在課余時間通過微課進行鞏固，使學(xué)生在輕松、愉悅的環(huán)境下學(xué)會自主研究。
2.作業(yè)指南
《網(wǎng)頁設(shè)計》課程實操性比較強，同時操作步驟較多，學(xué)生僅僅通過課堂的學(xué)習(xí)，對操作要點的記憶并不是非常的深刻。課余作業(yè)的目的是鞏固學(xué)生的學(xué)習(xí)，我們要保證在做作業(yè)的過程中遇到問題能得到及時的解決才能使學(xué)生能持續(xù)的研究下去。作業(yè)指南主要就是為了解決此問題，它不同于實訓(xùn)步驟手冊，應(yīng)該更注重于操作步驟要點的提醒，引導(dǎo)學(xué)生有效地完成作業(yè)。
3.試題庫
試題庫不僅是用來檢測學(xué)生的學(xué)習(xí)情況，也是學(xué)生通過試題庫學(xué)會靈活應(yīng)變。試題庫可以針對一堂課，一個知識點，一個模塊或一個階段進性設(shè)計，同時它可以包括理論和實操。在試題庫的建設(shè)過程中，要注重試題的質(zhì)量，做到知識全，針對性強，確保學(xué)生在檢測的過程中鞏固相應(yīng)的知識和技能要點。
三、課程資源建設(shè)原則和意義
課程資源建設(shè)是要以培養(yǎng)學(xué)生職業(yè)能力和素養(yǎng)為原則，重在提高教學(xué)質(zhì)量，促進學(xué)生學(xué)習(xí)。因此，資源建設(shè)不能脫離實際的工作崗位要求，避免出現(xiàn)冗余和泛濫的現(xiàn)象，所有資源的選擇要考慮教學(xué)和學(xué)習(xí)的需求。同時，資源建設(shè)不是一個階段性的任務(wù)，它是永久持續(xù)的，必須結(jié)合每個時期的情況對資源進行補充和更新，才能保證資源的有效性。
課程資源建設(shè)不是靠一個教師的努力，是要一個團隊的集思廣益，在建設(shè)過程中也是培養(yǎng)教師的教科研能力，也有利于教師隊伍的建設(shè)。在某種程度上，它可以提高課堂的教學(xué)效果，突破傳統(tǒng)課堂教學(xué)的局限性，引導(dǎo)學(xué)生進行自主學(xué)習(xí)。
結(jié)語
課程資源建設(shè)是教師參與課程開發(fā)的過程，同時，它又是為教師的教學(xué)和學(xué)生的學(xué)習(xí)服務(wù)?！毒W(wǎng)頁設(shè)計》課程實際案例多，技術(shù)更新快，傳統(tǒng)的課堂教學(xué)無法滿足實際的需求，通過課程資源庫的建設(shè)，提高課堂教學(xué)效果，豐富學(xué)生的學(xué)習(xí)途徑和內(nèi)容，從而進一步推動教學(xué)改革。
參考文獻
[1]杜強，潘國芬.高職“網(wǎng)頁制作”立體化校本課程建設(shè)研究[J].無線互聯(lián)科技，2017（23）：95-96.
[2]何啟旻，曹智勇.《數(shù)據(jù)庫原理與應(yīng)用》課程資源建設(shè)的實踐探索[J].貴州廣播電視大學(xué)學(xué)報，2014，22（03）：14-16+20.
第4篇：網(wǎng)頁設(shè)計教學(xué)教案范文
關(guān)鍵詞：精品課程 學(xué)科建設(shè) 教學(xué)改革
精品課程建設(shè)是職業(yè)院校教學(xué)改革的方向，是專業(yè)建設(shè)、學(xué)科建設(shè)的基礎(chǔ)。精品課程共享優(yōu)質(zhì)教學(xué)資源，提高教學(xué)質(zhì)量和人才培養(yǎng)質(zhì)量，從而深化教學(xué)改革。筆者學(xué)院在 2012年啟動專業(yè)課程建設(shè)項目，通過近三年的探索與實踐，在建設(shè)目標(biāo)、教學(xué)方法、數(shù)字化資源庫建設(shè)等方面積累了一定的經(jīng)驗，本文就實施情況談幾點體會。
一、課程性質(zhì)與建設(shè)目標(biāo)
網(wǎng)頁設(shè)計與制作課程是電子商務(wù)專業(yè)的專業(yè)技術(shù)課程。襄陽技師學(xué)院的電子商務(wù)專業(yè)創(chuàng)建于2006年，在初期就提出根據(jù)區(qū)域內(nèi)中小電子商務(wù)企業(yè)需求，培養(yǎng)具有網(wǎng)絡(luò)信息編輯、網(wǎng)站策劃和維護、網(wǎng)絡(luò)服務(wù)推廣等電子商務(wù)實用型人才，從而確立了《網(wǎng)頁設(shè)計與制作》課程在專業(yè)技能培養(yǎng)中的重要地位。
網(wǎng)頁設(shè)計與制作課程在《office基礎(chǔ)》《PhotoShop 圖像處理》《flas制作》《數(shù)據(jù)庫應(yīng)用》等課程之后開設(shè)，此時學(xué)生具備了一定的操作能力，能較快地掌握網(wǎng)頁制作的各種知識。
課程堅持“以能力為本位，以就業(yè)為導(dǎo)向”的職教理念，以“增強學(xué)生的職業(yè)能力，更好地服務(wù)區(qū)域經(jīng)濟與社會的發(fā)展”為宗旨，基于行業(yè)企業(yè)真實工作過程設(shè)計課程教學(xué)活動方案。運用“任務(wù)驅(qū)動、行動導(dǎo)向”的一體化教學(xué)模式，進行教學(xué)資源建設(shè)的工作。使學(xué)生掌握網(wǎng)頁設(shè)計和制作的基本技能，具備網(wǎng)站的策劃、設(shè)計和制作能力。
二、以課程教學(xué)改革為核心
1.改革教學(xué)內(nèi)容
（1）修訂教學(xué)大綱。學(xué)院開設(shè)的《網(wǎng)頁設(shè)計與制作》課程，原來的教學(xué)大綱內(nèi)容以Dreamweaver基礎(chǔ)知識為主。按照教學(xué)計劃，學(xué)生只能掌握最基本的知識和操作，而實際技能水平無法滿足社會就業(yè)崗位的需要。因此制作精品課程時，要重新修訂教學(xué)大綱，以 “實用、夠用、好用”為原則，教學(xué)內(nèi)容上適當(dāng)增加Photoshop、flash的實用功能，強化 Dreamweaver操作應(yīng)用。修訂的大綱打破了傳統(tǒng)的學(xué)科體系模式，側(cè)重學(xué)生實際操作能力的培養(yǎng)，將網(wǎng)頁設(shè)計職業(yè)能力中實用的知識點融合在項目中。學(xué)生通過各項系列任務(wù)練習(xí)，不斷強化掌握崗位所需知識和技能。
（2）規(guī)劃教材與自編教材充分整合。網(wǎng)頁設(shè)計與制作課程是多門學(xué)科的知識相互滲透和相互支撐構(gòu)成的科學(xué)、完整的課程體系。 以網(wǎng)頁設(shè)計與制作課程為核心，其他Photoshop、flash、數(shù)據(jù)庫開發(fā)、常用工具軟件的使用等都是相關(guān)的輔助課程。
原來的教材換過很多版本。2012年申報精品課程建設(shè)后，學(xué)校選用人民郵電出版社的規(guī)劃教材《網(wǎng)頁設(shè)計與制作Dreamweaver CS5標(biāo)準(zhǔn)教程》。實用的教材對教學(xué)水平和教學(xué)質(zhì)量的提高起了極大的促進作用。學(xué)校不斷調(diào)整和補充教材和教學(xué)內(nèi)容，盡可能保持知識的先進性和實用性。這兩年勞動版的網(wǎng)頁制作教材運用任務(wù)驅(qū)動教學(xué)法編寫，也成為學(xué)校教學(xué)和精品課程制作的重要保證。
（3）課程內(nèi)容模塊化。學(xué)校將整個課程內(nèi)容分成3個模塊20個教學(xué)單元33個教學(xué)任務(wù)，3個模塊是Dreamweaver+ Photoshop+flash，第一個模塊是Dreamweaver網(wǎng)頁設(shè)計與制作知識 ，第二個模塊是Photoshop在網(wǎng)頁中的常用功能，第三個模塊是Flash在網(wǎng)頁中的動畫效果。每個模塊包括多個教學(xué)單元，通過任務(wù)來實現(xiàn)崗位知識和能力的培養(yǎng)。模塊間既相互關(guān)聯(lián)，又相互獨立，將課程難點分散到不同的模塊任務(wù)中。每個模塊自成體系，有鮮明的獨立性，能單獨完成某一方面的教學(xué)任務(wù)；模塊間的知識相互關(guān)聯(lián)，層層遞進，后面的模塊強化前面基礎(chǔ)，這樣可以讓學(xué)生循序漸進地掌握知識。
（4）精心準(zhǔn)備案例項目。精心準(zhǔn)備典型案例，從課程的實際問題出發(fā)，構(gòu)建教學(xué)設(shè)計。以完成具體工作任務(wù)和工作過程整合教材內(nèi)容，將理論知識的講解與具體的任務(wù)有機結(jié)合，理論與實踐一體化，合理設(shè)計教學(xué)環(huán)節(jié)。如：“度假村”“江雨橋的博客”“寵物家園”整站的開發(fā)和設(shè)計，這些案例形成循序漸進的項目群，從而構(gòu)建完整的教學(xué)方案。
2.改革教學(xué)方法與手段
（1）采用“任務(wù)驅(qū)動法” 教學(xué)，將“教、學(xué)、練、做”融為一體。精品課程教案的編寫運用任務(wù)驅(qū)動法完成，對教師課堂實施一體化教學(xué)方式有很好的指導(dǎo)作用。課堂教學(xué)中，“任務(wù)驅(qū)動法”的熟練運用，配合案例教學(xué)、情景教學(xué)、探究式教學(xué)、作品演示等教學(xué)方法，將學(xué)生的自主能動性充分發(fā)揮出來?！叭蝿?wù)驅(qū)動法”教學(xué)過程為：引入―分析―交流―實施―評價―總結(jié)六個階段。第一個階段引入任務(wù)，通過案例演示，提出問題，給出案例應(yīng)用背景，讓學(xué)生明確本次課的教學(xué)目標(biāo)；第二個階段分析任務(wù)，引導(dǎo)學(xué)生自主分析學(xué)習(xí)任務(wù)，結(jié)合理論知識嘗試找到解決問題方法；第三個階段交流任務(wù)，充分利用互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源和教學(xué)視頻，引導(dǎo)學(xué)生相互交流，找到解決方案；第四個階段實施任務(wù)，上機操作反復(fù)練習(xí)，掌握操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識和學(xué)習(xí)能力；第五個階段評價任務(wù)，在小組任務(wù)完成時，根據(jù)任務(wù)評價表引導(dǎo)學(xué)生進行典型作品的欣賞評價，讓學(xué)生參與自評和互評；第六個階段總結(jié)任務(wù)，教師對本次課的重點、難點歸納，并針對學(xué)生實施過程進行點評。
（2）抓好數(shù)字化資源建設(shè)。精品課程中不斷完善的教學(xué)大綱、電子教案、教學(xué)課件、教學(xué)視頻、案例集等對一體化教學(xué)課堂的實施提供了保證。這些數(shù)字化資源會陸續(xù)上傳到精品課程網(wǎng)站的教學(xué)資源下載中心，構(gòu)建全方位立體化學(xué)習(xí)平臺供學(xué)生學(xué)習(xí)參考。
（3）因材施教，有效把握課堂。任務(wù)驅(qū)動法對于自覺性高、學(xué)習(xí)能力強、創(chuàng)造能力佳的學(xué)生充分有效，但是學(xué)校的生源相當(dāng)一部分不能適應(yīng)這樣的教學(xué)。針對不同的教學(xué)內(nèi)容、教學(xué)對象、難易程度，教師需要靈活采用多樣教學(xué)方法，有時傳統(tǒng)的教學(xué)方法更為實用。例如：講授法、演示法、練習(xí)法、輔導(dǎo)法、啟發(fā)式教學(xué)等。必須注意把握課堂秩序，使課堂教學(xué)在有序中有效進行。
3.改革考試評價方式
精品課程注重對學(xué)生職業(yè)道德、學(xué)習(xí)過程、職業(yè)能力與素質(zhì)的評價。每項任務(wù)的實施都配有任務(wù)評價表，評價表給每個子任務(wù)的完成效果、學(xué)習(xí)過程、相關(guān)能力打分。同時根據(jù)學(xué)生的基礎(chǔ)差異，使用彈性的評價方式。評價時注重創(chuàng)新性的學(xué)習(xí)能力，合作共事能力，注意聽取學(xué)生的自評意見。
三、精品課程建設(shè)的思考與展望
經(jīng)過近三年的建設(shè)探索與實踐，《網(wǎng)頁設(shè)計與制作》課程將努力建設(shè)成為具有實戰(zhàn)特點的教學(xué)內(nèi)容、科學(xué)合理的教學(xué)方法、較為完善的課程教學(xué)體系，能夠適應(yīng)本學(xué)科人才培養(yǎng)的示范性課程。課程建設(shè)期間，取得預(yù)期效果，也存在以下問題和困難。
課程的開發(fā)難以表現(xiàn)技術(shù)的前沿動態(tài)。網(wǎng)頁設(shè)計涉及各種繪圖軟件和各類開發(fā)工具的使用，網(wǎng)絡(luò)技術(shù)的發(fā)展極其迅速，軟件開發(fā)技術(shù)日趨多樣，一門課程很難覆蓋這么多內(nèi)容。
課程對推動地方經(jīng)濟建設(shè)的導(dǎo)向作用不夠明顯。主要表現(xiàn)在與企業(yè)合作不多，學(xué)生在本地企業(yè)頂崗實習(xí)的機會不多，學(xué)生的實操能力也達不到要求。
針對以上問題，應(yīng)加快精品課程網(wǎng)站建設(shè)，盡早建立教學(xué)共享資源庫。數(shù)字化網(wǎng)絡(luò)教學(xué)資源構(gòu)成立體化教學(xué)模式，給教師和學(xué)生提供全方位學(xué)習(xí)平臺，師生基于這種平臺，使學(xué)習(xí)過程得以延續(xù)。
第5篇：網(wǎng)頁設(shè)計教學(xué)教案范文
本文分析電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計與制作課程教學(xué)現(xiàn)狀，并探討了電子商務(wù)專業(yè)網(wǎng)頁設(shè)計與制作課程教學(xué)設(shè)計、實施及考核環(huán)節(jié)，通過該課程教學(xué)改革提高學(xué)生學(xué)習(xí)興趣，并能提升個人建設(shè)網(wǎng)站的綜合能力和素質(zhì)。
關(guān)鍵詞：
電子商務(wù)；網(wǎng)頁設(shè)計與制作；學(xué)習(xí)反饋；任務(wù)循環(huán)
1網(wǎng)頁設(shè)計與制作課程教學(xué)現(xiàn)狀
（1）學(xué)生欠缺計算機和美學(xué)設(shè)計基礎(chǔ)知識。
沒有計算機基礎(chǔ)課程，且課程學(xué)習(xí)課時較少，對網(wǎng)頁基礎(chǔ)知識理解較為費解，美學(xué)設(shè)計的欠缺，導(dǎo)致網(wǎng)頁設(shè)計能力差，雖然能夠也能制作簡單網(wǎng)頁，往往布局不合理。審美能力弱，有時追求個性，制作的網(wǎng)頁往往花里胡哨，內(nèi)容和主題不一致，導(dǎo)致網(wǎng)頁視覺效果差。
（2）學(xué)生邏輯思維能力差。
由于文科類電子商務(wù)專業(yè)特點，該專業(yè)學(xué)生邏輯思維相比理工類專業(yè)學(xué)生邏輯思維相對欠缺，對于網(wǎng)頁布局處理能力和網(wǎng)站的規(guī)劃能力較弱，甚至理解有一定困難。在這些方面的不足，導(dǎo)致學(xué)生學(xué)習(xí)起來感覺難度較大，學(xué)習(xí)積極性不高。
2網(wǎng)頁設(shè)計與制作課程教學(xué)設(shè)計
任課教師首先選用結(jié)構(gòu)設(shè)置全面，講授內(nèi)容多較為充實的教材，這樣使學(xué)習(xí)興趣比較高的學(xué)生課下可繼續(xù)學(xué)習(xí)。同時給學(xué)生提供一些關(guān)于計算機基礎(chǔ)和平面設(shè)計類參考資料。向?qū)W生介紹網(wǎng)絡(luò)上一些比較專業(yè)網(wǎng)站開發(fā)論壇。任課教師在設(shè)計教案時設(shè)計內(nèi)容以選取教材為主，以選取其他同類教材為輔。盡量使章節(jié)框架齊全，章節(jié)內(nèi)知識點豐富全面。每個知識點都選取相應(yīng)案例，這樣學(xué)生易于理解。將網(wǎng)頁設(shè)計與制作課程內(nèi)容分為七個模塊，按照每個模塊的知識點，依據(jù)教學(xué)目標(biāo)設(shè)計要求學(xué)生課堂和課后完成的小任務(wù)[1]。第一個模塊為網(wǎng)頁設(shè)計與制作理論基礎(chǔ)知識：介紹INTERNET基礎(chǔ)知識、網(wǎng)頁設(shè)計相關(guān)概念、網(wǎng)頁制作開發(fā)相關(guān)技術(shù)和工具，共2個課時，使學(xué)生掌握該課程整體框架。第二個模塊為HTML基礎(chǔ)知識：修飾標(biāo)簽實現(xiàn)網(wǎng)頁文字的設(shè)置；設(shè)置列表；插入圖片和多媒體內(nèi)容；設(shè)置超鏈接。共10課時，通過該模塊學(xué)習(xí)，學(xué)生能掌握HTML網(wǎng)頁標(biāo)簽建立個人主頁。第三個模塊為表格和表單：表格基本概念和常用屬性；表單基本概念和常用屬性。共6個課時，通過該模塊學(xué)習(xí)，學(xué)生掌握使用表格整理數(shù)據(jù)和布局網(wǎng)頁，利用表單設(shè)計注冊頁面。第四個模塊為層疊樣式表（CSS）：CSS的基本語法；CSS的選擇器；CSS的使用方法；CSS的屬性單位。共12個課時，通過該模塊學(xué)習(xí)，學(xué)生能夠利用CSS樣式美化網(wǎng)頁。第五個模塊為CSS網(wǎng)頁布局與定位：div標(biāo)簽；span標(biāo)簽；盒子模型；display屬性；float屬性；position屬性；css+div布局類型。共9個課時，通過該模塊學(xué)習(xí)，學(xué)生能夠運用制作學(xué)校網(wǎng)站導(dǎo)航條和實現(xiàn)圖文并茂的效果。第六個模塊為超鏈接偽類、表單設(shè)計和導(dǎo)航菜單：共6個課時，通過該模塊學(xué)習(xí)，學(xué)生能夠使用偽類美化超鏈接，用CSS美化表單并能夠制作各式各樣的導(dǎo)航條。第七個模塊為網(wǎng)站建設(shè)：網(wǎng)站建設(shè)的步驟；網(wǎng)站建設(shè)的原則。共6個課時，通過該模塊學(xué)習(xí)，學(xué)生能夠建立主題網(wǎng)站。
3網(wǎng)頁設(shè)計與制作課程教學(xué)實施
3.1課程教學(xué)
（1）課堂教學(xué)
①基礎(chǔ)知識學(xué)習(xí)，任課教師將課程的知識點通過多媒體教學(xué)進行詳細(xì)的講授，選擇合適案例進行演示，盡量涵蓋能夠覆蓋每個知識點，這樣圖文并茂的傳授能夠調(diào)動學(xué)生的學(xué)習(xí)興趣，提高課堂教學(xué)效果。②任務(wù)實踐，任課教師根據(jù)知識點設(shè)定各個任務(wù)，布置的任務(wù)能夠覆蓋所講授內(nèi)容所有的知識點，每個任務(wù)和前后任務(wù)都具有連貫性，這樣能夠在前次的任務(wù)基礎(chǔ)開拓這次任務(wù)，對以前學(xué)習(xí)的知識點不斷鞏固。③學(xué)習(xí)反饋，在學(xué)生初次完成任務(wù)后，任課教師總結(jié)學(xué)生在任務(wù)執(zhí)行過程中存在的問題并給出解決問題的辦法和技巧，這樣能都深化學(xué)生對知識的理解。④任務(wù)循環(huán)，學(xué)生在反饋學(xué)習(xí)之后再次根據(jù)老師指出的問題和提示對自己的作品進行改進。通過這種任務(wù)循環(huán)的方式使學(xué)生對于知識點的掌握會更加的深入理解，培養(yǎng)其精益求精的網(wǎng)站開發(fā)人員的素質(zhì)。⑤任務(wù)總結(jié)，在所有的學(xué)生完成任務(wù)后，教師再次強調(diào)任務(wù)知識點的難點和重點，分析技術(shù)問題和處理技巧，并布置學(xué)生要在課下完成的小任務(wù)。
（2）課下自學(xué)
學(xué)生僅僅依靠在課堂上學(xué)習(xí)和練習(xí)，以達到對該課程熟練掌握的目的是遠(yuǎn)遠(yuǎn)不夠的，所以要按照每個模塊的知識點，依據(jù)教學(xué)目標(biāo)設(shè)計學(xué)生課后完成的小任務(wù)。通過qq群和微信群溝通平臺，學(xué)生之間和師生之間可以隨時隨地進行溝通和資源共享。鼓勵學(xué)生多參加學(xué)科競賽，達到以賽促學(xué)。
3.2課程考核
①平時考核。學(xué)生根據(jù)所學(xué)知識點，獨立完成任課教師布置的任務(wù)。根據(jù)完成情況，記錄為平時成績，成績等級分為沒完成（C）、基本完成（B）、超越完成（A）。該成績真實反饋學(xué)生知識掌握情況和動手能力的高低。平時考核在課堂結(jié)束前10分鐘內(nèi)完成。②項目考核。在第17周課程教學(xué)結(jié)束時布置設(shè)計并制作網(wǎng)站項目任務(wù)，網(wǎng)站項目作為該課程完成后的綜合性考核，要求每個學(xué)生設(shè)計并制作一個表達某個主題的網(wǎng)站，向?qū)W生明確對網(wǎng)站評價的一系列標(biāo)準(zhǔn)，并要求根據(jù)提交項目設(shè)計制作報告書。并在課程教學(xué)第18周進行網(wǎng)站項目演示，每個同學(xué)在全班同學(xué)面前通過多媒體演示自己的作品，限時十分鐘，教師進行點評，指出需要改進的地方。該過程既是學(xué)生利用所學(xué)知識展示自己的能力的時候，又是學(xué)生學(xué)習(xí)別人的機會。③考核成績。該課程考核成績計算方式及其所占比例如下所示：平時考核成績=(完成每個子任務(wù)成績之和÷子任務(wù)個數(shù))×40%+出勤率×40%+課堂討論×10%+課堂筆記×10%項目考核成績=項目網(wǎng)站設(shè)計與制作報告書成績*30%+項目網(wǎng)站設(shè)計與制作成績×70%學(xué)期成績=平時考核成績*30%+項目考核成績*70%
4結(jié)束語
該課程教學(xué)改革后對大部分學(xué)生進行調(diào)查訪談，雖然有很多學(xué)生反映課程壓力較大，但是學(xué)習(xí)興趣很高，學(xué)生實踐中開發(fā)了自己的潛力，并激發(fā)了他們直面困難客服困難的創(chuàng)作創(chuàng)新精神。
作者：張亞杰 劉 單位：宿州學(xué)院
參考文獻：
[1]李月輝,姜還紅,云巖.基于CDIO的Java系列課程教學(xué)改革的研究[J].黑龍江科技信息,2015(11)：162.
第6篇：網(wǎng)頁設(shè)計教學(xué)教案范文
網(wǎng)頁設(shè)計是視覺傳達設(shè)計專業(yè)中十分重要的專業(yè)課程，本文以當(dāng)下新媒體技術(shù)為依托，分析高校網(wǎng)頁設(shè)計課程教學(xué)目標(biāo)的變革，針對網(wǎng)頁設(shè)計的課程特點，對該課程的教學(xué)現(xiàn)狀、教學(xué)內(nèi)容、教學(xué)手段等方面進行詳細(xì)的闡述，提出方法改善課程的教學(xué)效果，并探討如何利用本專業(yè)學(xué)生的優(yōu)勢，豐富網(wǎng)頁的視覺效果，提升設(shè)計的原創(chuàng)力，引導(dǎo)學(xué)生在新媒體語境下順利實現(xiàn)藝術(shù)與技術(shù)的高度融合，培養(yǎng)新型的應(yīng)用技術(shù)型人才。
關(guān)鍵詞：
視覺傳達；網(wǎng)頁設(shè)計；課程教學(xué)
隨著多媒體技術(shù)的不斷發(fā)展，信息傳播方式也相應(yīng)的發(fā)生轉(zhuǎn)變，人們工作和學(xué)習(xí)越來越離不開互聯(lián)網(wǎng)這個信息平臺的支持，視覺傳達專業(yè)作為站在學(xué)科發(fā)展前沿的設(shè)計類專業(yè)來講，首當(dāng)其沖的受到了前所未有的影響，專業(yè)類課程的設(shè)置也必須是緊緊的圍繞著符合當(dāng)代審美需求，順應(yīng)時下技術(shù)實現(xiàn)的趨勢。視覺傳達設(shè)計專業(yè)的前身是上個世紀(jì)從歐洲傳入中國的平面設(shè)計，科技的高度發(fā)展及人類文明的不斷進步，以及各種新型媒介的出現(xiàn)，使得原來處于二維平面的信息元素向著動態(tài)的、三維甚至是多維空間發(fā)展，專業(yè)本身的復(fù)雜性、包容性都決定了它是一個多元素融合、多領(lǐng)域交叉的學(xué)科。
一、視覺傳達專業(yè)網(wǎng)頁課程現(xiàn)狀分析
網(wǎng)頁設(shè)計是一門綜合性很強的專業(yè)主干課程，長期以來藝術(shù)院校的網(wǎng)頁設(shè)計有兩個誤區(qū)，一是著重教授網(wǎng)頁的色彩搭配，版面的設(shè)計，各個塊面的分割等原來平面設(shè)計中關(guān)注的知識點，忽視了網(wǎng)頁本身的功能；二是注重獨立元素的制作或者單個網(wǎng)頁的設(shè)計，缺乏對整體案例的分析、策劃，這樣造成的結(jié)果是學(xué)生可以很好的完成單獨頁面的設(shè)計，但分級頁面之間的關(guān)系往往混亂不堪，網(wǎng)站的導(dǎo)航功能基本失控，網(wǎng)站失去了原有的完整性和條理性，教師無法真正落實教、學(xué)、做一體化課程的體系。原有的網(wǎng)頁設(shè)計在教學(xué)中更多注重的就是網(wǎng)頁界面上的平面元素的信息閱讀，然而在這樣一個新媒介當(dāng)?shù)赖恼Z境下，網(wǎng)絡(luò)媒體的普及和深入為網(wǎng)頁設(shè)計提供了更加寬廣的舞臺，也對網(wǎng)頁設(shè)計者提出了更高的要求。視覺傳達專業(yè)的課程教學(xué)要求也必須跟上時展的節(jié)奏，從靜態(tài)的用photoshop就能完成的網(wǎng)頁界面設(shè)計向著有一定交互功能和新信息傳播形式轉(zhuǎn)變，設(shè)計者不但要學(xué)習(xí)如何做界面，還要掌握基本的HTML計算機語言，學(xué)習(xí)簡單的代碼，學(xué)習(xí)以Flash和Dreamweaver為主的設(shè)計軟件使基本的網(wǎng)頁功能實現(xiàn)，同時，網(wǎng)頁設(shè)計不能單獨的割裂的講訴單個的頁面，各個分級頁面的邏輯條理，恰恰是最為核心的內(nèi)容，技術(shù)的更高要求使得教學(xué)成為了提升學(xué)生設(shè)計技能的關(guān)鍵，在此，結(jié)合當(dāng)前各個設(shè)計類院校視覺傳達專業(yè)現(xiàn)狀，筆者提出關(guān)于教學(xué)新形式的幾點思考：
二、課程教學(xué)內(nèi)容方面的改革
視覺傳達專業(yè)具備很強的學(xué)科兼容性和交叉性，因此要求學(xué)生具有行業(yè)綜合能力。所有的教學(xué)行為的開展都必須結(jié)合更多的實踐，明確以實用為目的的教學(xué)方向，方能符合當(dāng)前國家所倡導(dǎo)的應(yīng)用技術(shù)性人才培養(yǎng)模式要求。
1）從網(wǎng)頁設(shè)計所涵蓋的市場需求來看，學(xué)生需要注重行業(yè)能力的要求。比如，視覺傳達這個概念其實包含著“視覺元素”和“傳達信息”兩個方面，視覺元素的設(shè)計從大一開始，形式基礎(chǔ)、設(shè)計色彩、版式設(shè)計、圖形符號構(gòu)建等基礎(chǔ)課就重視對這方面能力的培養(yǎng)。而對“傳達信息”的理解就離不開品牌管理、市場策略、營銷傳媒等相關(guān)學(xué)科知識。網(wǎng)頁中尤其要注意以用戶為中心的信息可視化設(shè)計，設(shè)計的質(zhì)量水平直接影響用戶接受信息的效率和體驗。教師在講授網(wǎng)頁知識的同時，一定不要孤立的片面的傳授知識，要建構(gòu)各個課程之間可結(jié)合的網(wǎng)點，為這個龐大的綜合性課程服務(wù)。
2）從網(wǎng)頁設(shè)計的實現(xiàn)方式上可以知道，網(wǎng)頁設(shè)計具有明顯的技術(shù)性特征和團隊協(xié)作的工作特點，但是在實際的教學(xué)中，設(shè)計實踐環(huán)節(jié)卻十分薄弱，這就讓學(xué)生的理論知識失去了檢查和鍛煉的機會。因此，在課程教學(xué)中，根據(jù)本課程特點，針對的案例主要以項目制為主，教師可將學(xué)生分成若干個小組，分別按公司崗位設(shè)置任務(wù)，應(yīng)加大市場調(diào)研分析的力度，對網(wǎng)頁設(shè)計的對象進行真實客觀的市場調(diào)研，按照公司制作網(wǎng)頁的流程，分組進行市場調(diào)研、討論，分析資料與數(shù)據(jù)，并在此基礎(chǔ)上有意識地要求學(xué)生將設(shè)計構(gòu)思以條理性的文字表達出來，形成設(shè)計策劃，完成整體網(wǎng)站策劃書的撰寫，制作網(wǎng)頁原型，并最終完成網(wǎng)站的建設(shè)。在課程最后的考核評價階段進行設(shè)計提案，模擬公司設(shè)計流程，避免盲目的，假設(shè)性質(zhì)的設(shè)計。在這個過程中，學(xué)生充分了解了網(wǎng)頁制作的全部流程，與實際項目進行對接，增強了實踐性，縮短了學(xué)生進入公司的磨合期。
3）教師可以從學(xué)生初步完成的作業(yè)中篩選出較為優(yōu)秀的稿件雛形，組織學(xué)習(xí)小組深化設(shè)計，這樣做的目的在于可以高效的組織學(xué)生團隊參加國內(nèi)外的專業(yè)競賽，提高學(xué)生參與的興趣，增加學(xué)生作品獲獎的可能性，并將有潛在經(jīng)濟價值的設(shè)計作品產(chǎn)品化，推向市場，這樣不僅能豐富本門設(shè)計課程教學(xué)內(nèi)容，更能提高學(xué)生的綜合能力，在這方面，有不少學(xué)校已經(jīng)做出了嘗試，并取得了較為顯著的效果，可以為更廣大的師生借鑒。因此，與時俱進，符合市場發(fā)展規(guī)律且能創(chuàng)造價值的教與學(xué)，更具有競爭優(yōu)勢，更能“可持續(xù)發(fā)展”。
三、課程教學(xué)方法方面的嘗試
1、穩(wěn)定的資源庫建設(shè)
高校的專業(yè)課程學(xué)時有限，不可能在課堂上將網(wǎng)頁設(shè)計的所有內(nèi)容全部仔細(xì)講解，筆者的經(jīng)驗是課堂上寶貴的有效時間用來講解最為重要的思路引導(dǎo)和工具操作，因此，增設(shè)課前環(huán)節(jié)尤其重要，鼓勵學(xué)生課前預(yù)習(xí)，擴充知識面，這需要教師事先做大量的準(zhǔn)備工作，創(chuàng)建課程輔助網(wǎng)站，將課件、教案等與課程內(nèi)容相關(guān)的資料拷貝鏈接入網(wǎng)站中，鏈接優(yōu)秀網(wǎng)站的網(wǎng)址并隨時進行更新，利用現(xiàn)有的技術(shù)手段，將微課視頻、慕課等新型課堂形式融入其中，學(xué)生不再接受填鴨式教學(xué)的折磨，做到按需教學(xué)，分類教學(xué)。
2、靈活的分組協(xié)同模式
由于高年級的專業(yè)課程涉及到的知識面十分寬泛，一個綜合課程項目的完成往往包含大量的輔助調(diào)查、統(tǒng)計、測評等工作，實施分組教學(xué)是非常有效的手段，既可節(jié)約設(shè)計主體在額外任務(wù)中的時間，加強競爭意識，還能加強學(xué)生自主學(xué)習(xí)的能力，團隊協(xié)作、提案表述的能力都能獲得很大的提升。
3、必要的跨學(xué)科交流
目前的高校網(wǎng)頁設(shè)計類課程，有兩類主要的學(xué)生人群，以計算機專業(yè)為主的工科院校和以視覺傳達專業(yè)為主的藝術(shù)院校，我們可以利用工科強大的后臺技術(shù)優(yōu)勢，為藝術(shù)與技術(shù)的緊密結(jié)合提供了良好的平臺。授課過程中，可以聘請計算機專業(yè)的老師進行相關(guān)技術(shù)的講解，并將其網(wǎng)頁設(shè)計課程的作業(yè)進行展示與交流，充分發(fā)揮藝術(shù)生的特長優(yōu)勢，虛心彌補工科生的技術(shù)專長，取長補短，相互學(xué)習(xí)。
四、結(jié)語
隨著新媒體技術(shù)的不斷涌現(xiàn)，市場需求不斷變換，人們的審美方式和傾向也發(fā)生著變化，陳舊的專業(yè)培養(yǎng)方式和教學(xué)手段已經(jīng)無法滿足學(xué)生對新知識新技能的渴望，很多專業(yè)的課程設(shè)置不可避免的出現(xiàn)了滯后問題，如果沒有時刻把握前沿的觸手和長遠(yuǎn)發(fā)展的戰(zhàn)略眼光，教學(xué)方式和手段也將嚴(yán)重落伍，這要求我們從視覺傳達專業(yè)客觀實際出發(fā)，順應(yīng)互聯(lián)網(wǎng)時代步伐，加強教師對教學(xué)內(nèi)容和教學(xué)方式上的創(chuàng)新培養(yǎng)，突破常規(guī)，善于利用新興的教學(xué)手段和技術(shù)支持，開發(fā)新型教學(xué)模式，以適應(yīng)市場變化帶來的對視覺傳達設(shè)計專業(yè)的新要求。
參考文獻：
[1]李榮剛.視覺傳達專業(yè)中的網(wǎng)頁設(shè)計課程探索[J].美術(shù)學(xué)刊，2012，(10）.
[2]何磊孫志宜.視覺傳達設(shè)計專業(yè)課程教學(xué)改革與創(chuàng)新[J].合肥師范學(xué)院學(xué)報，2015，（1）33期
[3]魏坤.視覺傳達設(shè)計專業(yè)發(fā)展現(xiàn)狀與教學(xué)對策——以漢江大學(xué)設(shè)計學(xué)院為例[J].中國藝術(shù)，2013，（4）.
[4]戴士弘.職業(yè)教育課程教學(xué)改革[M].北京:清華大學(xué)出版社，2007：13-15
第7篇：網(wǎng)頁設(shè)計教學(xué)教案范文
關(guān)鍵詞:平面設(shè)計;課程網(wǎng)站;網(wǎng)頁設(shè)計;布局;模板;流媒體
中圖分類號:TP393文獻標(biāo)識碼:A文章編號:1009-3044(2009)24-6944-03
The Construct of Course Website of Graphic Design
MA Qiu-fang,ZHANG Bo-lun
(Qingdao Huanghai Vocational College, Info-Engineering Faculty,Qingdao 266427, China)
Abstract: Network-based teaching is possible with the popularity of campus network. One of the most important elements is establishment of website in teaching reform. It is focus on the necessity, location construction of the website. The principle in the website design with image processing software and web page design software is introduced in detail. The keys such as update of the website are also given in the paper.
Key words: graphic design;course website;web design;layout;template;streaming media
1 網(wǎng)站建設(shè)的背景及意義
計算機網(wǎng)絡(luò)技術(shù)以及多媒體技術(shù)的快速發(fā)展推動了教學(xué)模式和教學(xué)手段的變革。我校的校園網(wǎng)已經(jīng)建立,由于教學(xué)信息資源的匱乏,難以發(fā)揮其在教學(xué)科研中應(yīng)有的作用,建立相應(yīng)課程的教學(xué)網(wǎng)站勢在必行。
教學(xué)網(wǎng)站是通過網(wǎng)絡(luò)表現(xiàn)教學(xué)內(nèi)容和實施教學(xué)活動的綜合性教學(xué)系統(tǒng),借助于多媒體和流媒體技術(shù),為學(xué)生提供一個自主學(xué)習(xí)的環(huán)境。
平面設(shè)計課程是我校高職藝術(shù)類專業(yè)的一門主干課程。根據(jù)實際需要構(gòu)建平面設(shè)計課程的教學(xué)網(wǎng)站,有助于激發(fā)學(xué)生的學(xué)習(xí)興趣,提高課程的教學(xué)效果和影響力。
2 網(wǎng)站的前期準(zhǔn)備
2.1 需求分析
平面設(shè)計課程教學(xué)網(wǎng)站的瀏覽者是教師和學(xué)生,需要提供課程的教學(xué)大綱、電子教案及案例素材等教學(xué)資源供學(xué)習(xí)者使用,提供課后習(xí)題以檢查學(xué)習(xí)效果。此外,網(wǎng)站還應(yīng)該實現(xiàn)師生之間的互動,形成一個有信息反饋和實時或非實時交流的系統(tǒng)。
2.2 風(fēng)格定位
課程網(wǎng)站的風(fēng)格應(yīng)當(dāng)美觀大方、簡潔明了,界面的設(shè)計體現(xiàn)友好和諧、方便用戶操作。風(fēng)格取決于布局和色彩。
網(wǎng)頁布局結(jié)構(gòu)大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、封面型等[1]。無論采取何種結(jié)構(gòu)的網(wǎng)頁,都應(yīng)遵循突出主要內(nèi)容、主次分明這一原則。本站點的網(wǎng)頁采用拐角型結(jié)構(gòu),正文部分縱向分隔為兩欄,這是一種規(guī)范理性的分隔方式,類似于報刊的版式。
網(wǎng)站的頁面主色調(diào)為海藍(lán)色,海藍(lán)色令人想到獨立和創(chuàng)造,代表著美好的未來。通過調(diào)整透明度和飽和度對色彩進行變淡或加深漸變等的處理,產(chǎn)生新的海藍(lán)色的近似色彩,整個網(wǎng)頁看起來色彩統(tǒng)一,又不乏層次和變化。頁面中還使用了淡灰色的背景圖像,給人以遐想的空間,對于協(xié)調(diào)頁面的均衡也起著很大的作用。
2.3 方案設(shè)計
2.3.1 網(wǎng)站欄目及欄目簡介
根據(jù)需求分析,平面設(shè)計課程網(wǎng)站需要建立以下幾個欄目:
(1)課程簡介。簡要介紹了平面設(shè)計課程的性質(zhì)和說明,使用的教材及參考教材。
(2)課程建設(shè)。本欄目具體介紹了課程負(fù)責(zé)人和主講教師的基本信息,課程的教學(xué)目的、教學(xué)設(shè)計思想和教學(xué)手段,課程的教學(xué)特色,考核方式和課程評價。
(3)教案與視頻。該欄目提供了平面設(shè)計課程的CAI課件下載,重點章節(jié)的教師授課現(xiàn)場視頻以及說課形式的課程整體介紹視頻,幫助學(xué)生更有效的學(xué)習(xí)或復(fù)習(xí)。
(4)學(xué)習(xí)指南。網(wǎng)絡(luò)教學(xué)不同于課堂教學(xué),不能只提供教案課件,還需要提供學(xué)習(xí)指南指導(dǎo)學(xué)生的自主性學(xué)習(xí)[2]。本欄目包括本課程的知識結(jié)構(gòu)、教學(xué)大綱、各章節(jié)學(xué)時分配,各章節(jié)的主要內(nèi)容和重點難點以及課程進度表。
(5)實驗實訓(xùn)。該欄目提供了平面設(shè)計課程的實踐性環(huán)節(jié),包括平面設(shè)計的精彩案例制作步驟以及所需素材的下載,用于拓展知識面。
(6)習(xí)題與試卷。包括各章節(jié)的相關(guān)習(xí)題、歷年考題以及平面設(shè)計師認(rèn)證考試的模擬試題,方便了學(xué)習(xí)者的自我檢測。
(7)學(xué)生作品。選取優(yōu)秀的學(xué)生作品和大賽獲獎作品進行展示。此欄目不僅能夠激發(fā)學(xué)生的積極性,又展示了課程的教學(xué)效果,對學(xué)校的教學(xué)起到宣傳作用。
(8)討論區(qū)。在討論區(qū)學(xué)生可以進行學(xué)習(xí)交流、資源共享、信息以及作品展示等,該欄目加強了師生之間的聯(lián)系。
2.3.2 網(wǎng)站拓?fù)鋱D
圖1為網(wǎng)站拓?fù)鋱D。
2.3.3 確定設(shè)計工具
開發(fā)一個好的課程網(wǎng)站要選擇好開發(fā)工具和開發(fā)技術(shù),網(wǎng)站的靜態(tài)部分使用Dreamweaver來制作,利用Photoshop設(shè)計網(wǎng)頁界面和處理圖像,網(wǎng)站的動態(tài)交互部分采用ASP和SQL實現(xiàn),IIS為系統(tǒng)運行服務(wù)器。
3 網(wǎng)站建設(shè)
3.1 設(shè)計首頁界面
3.1.1 繪制首頁草圖
確定了首頁各項欄目及位置之后,開始設(shè)計首頁的版面,將首頁做一個簡單的規(guī)劃(如圖2所示),包括導(dǎo)航欄、網(wǎng)站Banner、正文、版權(quán)信息。
3.1.2 首頁效果圖
使用Photoshop制作效果圖,將文件規(guī)格設(shè)置為寬度780像素,高度800像素,分辨率為300像素/英寸。效果圖制作完成后借助參考線進行劃分,然后使用切片工具沿參考線切片(如圖3所示),并將其存儲為Web所用格式,系統(tǒng)則自動生成一個文件夾,保存所有的切片。
需要注意的是:切片時要按照Dreamweaver表格能實現(xiàn)的區(qū)域進行劃分,切忌切片過于復(fù)雜[1];為了整個網(wǎng)站風(fēng)格的統(tǒng)一,網(wǎng)站中的其他網(wǎng)頁也采用類似的形式。
3.2 創(chuàng)建站點
在制作網(wǎng)站時創(chuàng)建一個本地站點文件夾,這個文件夾用來存放和管理站點中的所有文件,該文件夾的四個子文件夾,分別是image、video、courseware、works,分別用來存放網(wǎng)頁的圖片、教學(xué)視頻、電子課件和學(xué)生作品。
啟動Dreamweaver新建站點,站點名稱為“平面設(shè)計課程教學(xué)網(wǎng)站”,本地根文件夾則設(shè)置為上面所建的本地站點。
3.3 網(wǎng)站建設(shè)中的關(guān)鍵點
3.3.1 網(wǎng)頁的布局
網(wǎng)頁的布局方式一般有:表格布局、框架布局及層布局。本站點中的網(wǎng)頁采用表格布局,表格比較容易設(shè)置和定位,方便管理調(diào)用,比較適用于排版統(tǒng)一的網(wǎng)頁[3]。不采用單一層進行布局是因為層的絕對定位方式導(dǎo)致網(wǎng)頁的穩(wěn)定性不高,層的位置會跟隨顯示分辨率的變化而移動,造成頁面混亂。
3.3.2 模板和庫的使用
由于網(wǎng)站中所有網(wǎng)頁的布局和界面大體一致,在制作和修改網(wǎng)頁時借助模板減少重復(fù)的工作量。避免了相同部分的輸入,而且在更新網(wǎng)站時,只需修改模板,系統(tǒng)就能自動更新基于這個模板的所有網(wǎng)頁。
此外還將網(wǎng)頁中的內(nèi)容的許多共性部分(如版權(quán)信息等)定義為庫元素,將其應(yīng)用在每個頁面需要的地方。與模板類似,當(dāng)相關(guān)信息發(fā)生改變時,不必每個頁面都進行修改,只需修改庫元素就會自動更新全部網(wǎng)頁。
3.3.3 錨點鏈接
實驗實訓(xùn)、學(xué)習(xí)指南、學(xué)生作品等網(wǎng)頁的特點是內(nèi)容分類多,但各項包含的內(nèi)容少。如學(xué)生作品分為海報設(shè)計、包裝設(shè)計、書籍封面設(shè)計等七個分類,而每一類展示的作品只有八幅,這樣就可以在頁面的右側(cè)設(shè)計一個內(nèi)部導(dǎo)航條,為其添加錨點鏈接。
這種設(shè)計方式是將全部內(nèi)容放置在一個頁面上,瀏覽時利用錨點在同一頁面的不同位置進行跳轉(zhuǎn)。這樣一來,在瀏覽不同類別的內(nèi)容時無需打開新的頁面或刷新頁面,提高了瀏覽速度,而且維護方便,省去大量重復(fù)代碼,減少了文件容量。
3.3.4 流媒體
教案與視頻頁面需要將教師授課視頻上傳至網(wǎng)站,考慮到傳輸網(wǎng)絡(luò)的帶寬、觀看者等待時間和視頻分辨率等因素,將所有視頻統(tǒng)一轉(zhuǎn)換為Flv格式。Flv的全稱是Flash video,是一種流媒體的格式,邊下載邊播放,形成的文件較小,加載速度快,分辨率適中。
3.3.5 以學(xué)生為中心
在網(wǎng)站的規(guī)劃和實現(xiàn)方面都堅持以學(xué)生為中心。例如:針對不同水平的學(xué)生提供不同的教學(xué)進度和學(xué)習(xí)目標(biāo),并配合難易度不同的課件、教學(xué)視頻以及課后習(xí)題;在討論區(qū)設(shè)置教師答疑版塊,集中解決學(xué)生學(xué)習(xí)中遇到的問題;設(shè)置反饋意見電子信箱,收集學(xué)生的意見和建議;網(wǎng)站欄目和內(nèi)部導(dǎo)航條的劃分符合學(xué)生的認(rèn)知心理等,真正實現(xiàn)了由以教師為中心向以學(xué)生為中心的轉(zhuǎn)變。
3.3.6 網(wǎng)站的更新
一個好的課程網(wǎng)站不僅需要建設(shè),更需要不斷更新維護。許多高校都建立了課程網(wǎng)站,但是建成后沒有后期的更新維護,成了“一建了之”的工程,降低了網(wǎng)站的生命力,沒有達到促進教學(xué)的最終目的。
平面設(shè)計課程發(fā)展速度很快,軟件不斷升級、國際流行設(shè)計不斷變化。筆者剛接觸Photoshop時的CS版本升級到現(xiàn)在CS4版本只用了四年的時間,增加了幾十項功能。為了讓課程跟上時代的步伐,不斷吸納最新的教學(xué)成果和研究成果,完善的教案、習(xí)題、視頻等教學(xué)資源[4],并將討論區(qū)里優(yōu)秀的學(xué)生原創(chuàng)作品提煉出來充實到網(wǎng)站中,實現(xiàn)網(wǎng)站的滾動建設(shè),延長生命力。
4 總結(jié)
課程網(wǎng)站的建設(shè)是教學(xué)模式和教學(xué)手段改革的一項重要內(nèi)容,課程網(wǎng)站可以實現(xiàn)優(yōu)秀教學(xué)資源和教學(xué)成果的共享,提高教學(xué)質(zhì)量。通過一年的運行證明效果良好,學(xué)生自主學(xué)習(xí)的積極性增加,教師的業(yè)務(wù)水平也有所提高。課程網(wǎng)站的建設(shè)是一項長期的工作,需要在教學(xué)實踐中不斷總結(jié)和完善。
參考文獻:
[1] 智豐電腦工作室.Dreamweaver8網(wǎng)站設(shè)計制作入門與提高[M].北京:中國林業(yè)出版社,2006.290-292,298.
[2] 王向紅.“微機原理及接口技術(shù)”課程網(wǎng)站設(shè)計和實現(xiàn)[J].中國現(xiàn)代教育裝備,2007(9):51-52.
[3] 王鳳蘭,趙應(yīng)旺.花卉精品課程建設(shè)中網(wǎng)站的構(gòu)建初探[J].農(nóng)業(yè)與技術(shù),2007(7):164.
第8篇：網(wǎng)頁設(shè)計教學(xué)教案范文
【關(guān)鍵詞】理實一體化；網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計；課程改革
《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計》是針對網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計方向開設(shè)的一門經(jīng)過整合的專業(yè)核心課程，它涵蓋了Dreamweaver使用、Firework切圖、Flas制作、HTML語言、SQL數(shù)據(jù)庫和六大部分內(nèi)容，分為上、下 兩部分分別在大一下半學(xué)期和大二上半學(xué)期開設(shè)，學(xué)生通過學(xué)習(xí)本課程，掌握靜態(tài)和動態(tài)網(wǎng)站的設(shè)計和規(guī)劃、布局、美工、基本操作技術(shù)等方法。
通過工作過程導(dǎo)向的項目教學(xué)，學(xué)生掌握網(wǎng)頁圖片處理、制作等的基礎(chǔ)知識與技能，能夠根據(jù)不同主題選擇圖片類型，能夠熟練的使用Photoshop等圖形圖像處理軟件；根據(jù)需要完成網(wǎng)頁動畫元素的合成，能夠熟練的應(yīng)用Flash軟件完成網(wǎng)頁動畫元素的制作，能夠熟練應(yīng)用Dreamweaver軟件完成網(wǎng)頁的布局，完成前臺頁面的制作；能夠熟練應(yīng)用SQL軟件，建立數(shù)據(jù)庫和數(shù)據(jù)表；能夠使用T-SQL語句對數(shù)據(jù)庫進行操作；能夠在平臺上制作動態(tài)網(wǎng)站。樹立良好的職業(yè)道德意識，具有一定的創(chuàng)新思維能力和科學(xué)的工作方法，為職業(yè)能力發(fā)展奠定良好的基礎(chǔ)。
當(dāng)前高等職業(yè)教育的辦學(xué)目標(biāo)是培養(yǎng)高素質(zhì)高技能型人才，而傳統(tǒng)的教學(xué)方法存在一些局限性，無法更好的提高學(xué)生的實際動手能力，所以對該門課程進行理實一體化教學(xué)改革是勢在必行的。
1、課程改革的指導(dǎo)思想
所謂理實一體化教學(xué)是指理論實踐一體化教學(xué)方法，即講授與操作一體化實施；教室、實驗室和實習(xí)場所一體化配置；專業(yè)知識、操作技能與職業(yè)技能考核一體化訓(xùn)練的一種教學(xué)方法。它不是將理論教學(xué)和實踐教學(xué)進行簡單組合，而是通過實踐教學(xué)使學(xué)生能更好的掌握和理解理論知識，達到理論教學(xué)和實踐教學(xué)相融合，為學(xué)生的后續(xù)發(fā)展打好基礎(chǔ)。
（1）以能力為本位為指導(dǎo)思想
以能力為本位的思想已成為國際職教界的共識。課程建設(shè)與改革的最終目標(biāo)，就是培養(yǎng)學(xué)生的關(guān)鍵能力和職業(yè)能力。職業(yè)能力指從事職業(yè)活動所需要的知識和技能，它是勞動者勝任職業(yè)工作、賴以生存的核心能力；關(guān)鍵能力指那些與具體的職業(yè)和專業(yè)無直接關(guān)系，但對于一個人在現(xiàn)代社會中的生存和發(fā)展起著關(guān)鍵作用的能力，其目的在于填補學(xué)校教育與產(chǎn)業(yè)界實際之間的斷層與空白。
（2）建設(shè)“理實一體化”的新型課程模式
課程改革必須充分體現(xiàn)“以學(xué)生為中心”的課程思想?！耙詫W(xué)生為中心”的主要特點包括：“學(xué)”重于“教”；教師的作用是評估、判斷、建議和指導(dǎo)而不僅僅是信息與知識的傳遞；形成“自組織”和互動的教學(xué)情境；發(fā)展學(xué)生的經(jīng)驗和技能；課程的靈活性與個性化。
所以在進行整個課程建設(shè)時，我們始終將“理實一體化”貫穿始終，以實際操作為主，通過實際操作來引導(dǎo)學(xué)生理解知識點。
（3）開發(fā)“任務(wù)驅(qū)動”的學(xué)習(xí)進程
課程改革倡導(dǎo)開發(fā)“任務(wù)驅(qū)動”的學(xué)習(xí)進程，在教學(xué)活動中實踐“以學(xué)生為中心”的課程思想。學(xué)生通過完成“項目任務(wù)”進而完成課程的學(xué)習(xí)，同時其“成果”用作學(xué)生評價的主要依據(jù)。這種采用“任務(wù)驅(qū)動”的學(xué)習(xí)進程，能夠有效地促進教學(xué)過程中的師生互動，有利于培養(yǎng)學(xué)生自主學(xué)習(xí)的能力和方法。
（4）建設(shè)豐富多樣的教學(xué)資源
本課程的教學(xué)資源種類豐富，包括教學(xué)計劃、課程標(biāo)準(zhǔn)、教學(xué)指導(dǎo)書、課件、教案、參考資料、參考視頻以及在線資源等。
2、課程內(nèi)容的教學(xué)改革
《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計》作為我系計算機網(wǎng)絡(luò)專業(yè)的核心課程，學(xué)生只有通過本門課程掌握了網(wǎng)站的設(shè)計和規(guī)劃、布局、美工、基本操作技術(shù)等方法，才能更好選擇就業(yè)方向，并且我們也走訪了包頭軟件園，對一些軟件公司進行了調(diào)研，確定了本門課程在行業(yè)職業(yè)標(biāo)準(zhǔn)中的職業(yè)資格定位為網(wǎng)頁設(shè)計師和網(wǎng)站程序員，因此按照理實一體化的思路對本門課程的內(nèi)容進行了重新的整合和設(shè)計，將教學(xué)內(nèi)容設(shè)計成十四個學(xué)習(xí)情境，十四個學(xué)習(xí)情境分別為：網(wǎng)站策劃與創(chuàng)建、表格布局、div+css布局、框架布局、利用模板制作和更新網(wǎng)頁、表單頁面的制作、行為與網(wǎng)頁特效、flas設(shè)計、HTML語言、設(shè)計制作網(wǎng)絡(luò)計算器、SQL數(shù)據(jù)庫操作、留言板制作、綜合實訓(xùn)一和綜合實訓(xùn)二。針對每個學(xué)習(xí)情境都設(shè)計了相應(yīng)的實際案例，教師通過對案例的講解和演示，使學(xué)生先動手會操作，在操作過程中，將相應(yīng)的基礎(chǔ)知識點帶進實際操作中，使學(xué)生把實踐與理論聯(lián)系在一起，進一步提高學(xué)生的操作水平，針對理解能力和接受知識能力強一些的學(xué)生，又設(shè)計有拓展知識點，使這部分學(xué)生掌握更多的理論知識。真正做到學(xué)生通過實踐理解并掌握理論知識，做到“做中學(xué)，學(xué)中做”。
3、教學(xué)方法改革
傳統(tǒng)教學(xué)方法在本門課程的傳授過程中存在一定的局限性。比如在講解學(xué)習(xí)情境二表格布局時，傳統(tǒng)的方式是先講解表格的使用及屬性的設(shè)置，然后讓學(xué)生練習(xí)表格的使用，雖然他們學(xué)會了表格的各項設(shè)置，但在使用表格進行頁面布局時，學(xué)生往往卻沒有辦法下手，不能進行靈活運用，無法將將理論和實踐知識進行了聯(lián)系，所以我們對教學(xué)方法進行了改革，本門課程現(xiàn)在采用的教學(xué)方法有以下幾種：
（1）任務(wù)驅(qū)動教學(xué)法
教師根據(jù)教學(xué)內(nèi)容準(zhǔn)備一個或多個項目。利用設(shè)計項目的過程引導(dǎo)和組織學(xué)生開展學(xué)習(xí)，在活動過程中進行學(xué)生互評、教師點評，再結(jié)合成功的項目給予演示。由項目引出教學(xué)內(nèi)容，由點到面，砌磚式地演練整個網(wǎng)頁設(shè)計項目的設(shè)計與制作過程，通過項目過程來培養(yǎng)學(xué)生掌握網(wǎng)頁設(shè)計知識的應(yīng)用，實現(xiàn)整個教學(xué)內(nèi)容。
（2）六步法
每個學(xué)習(xí)情境都按照“資訊、計劃、決策、實施、檢查、評估” 六步完整的行動過程。在教學(xué)過程中教師與學(xué)生互動，讓學(xué)生在教師的指導(dǎo)下“獲取信息”、“制定計劃”、“實施計劃”、“評價所做結(jié)果”，在自己動手的實踐中，掌握職業(yè)技能，習(xí)得專業(yè)知識，從而構(gòu)建屬于自己的經(jīng)驗和知識體系。
（3）案例分析
在進行教學(xué)時，教師對每個學(xué)習(xí)情景都設(shè)計好案例，然后進行在上課的時候明確任務(wù)、教師演示、學(xué)生設(shè)計、展示評價等。
（4）分組教學(xué)法
在實訓(xùn)教學(xué)環(huán)節(jié)，課程通過項目分組的方式把學(xué)生分為若干項目小組實現(xiàn)分組設(shè)計。分組設(shè)計過程中，課程采用角色扮演的教學(xué)方法，每個項目分組扮演企業(yè)中的項目制作團隊負(fù)責(zé)制作網(wǎng)頁設(shè)計項目，授課教師扮演企業(yè)中的業(yè)務(wù)經(jīng)理，負(fù)責(zé)向項目制作團隊分配項目并對制作過程和制作結(jié)果進行監(jiān)督與驗收。
（5）課堂與實踐一體化教學(xué)方法
在教學(xué)場地上的安排上，將課堂安排在實訓(xùn)基地，教師通過投影設(shè)備演示制作過程，評點學(xué)生團隊作品。學(xué)生就地實訓(xùn)，一邊學(xué)習(xí)理論內(nèi)容，一邊實訓(xùn)練習(xí)。
4、課程考核方式的改革
第9篇：網(wǎng)頁設(shè)計教學(xué)教案范文
摘要：在一體化課程的改革、工學(xué)結(jié)合理念的更新時期，網(wǎng)站開發(fā)專業(yè)課程的教學(xué)也步入改革。我們在改革課程的時候，重視學(xué)生自主學(xué)習(xí)、自主創(chuàng)新、合作能力的體現(xiàn)，并且充分展現(xiàn)新網(wǎng)站開發(fā)課程與社會企業(yè)需求的結(jié)合。本文對網(wǎng)站開發(fā)專業(yè)的開設(shè)課程、課程內(nèi)容開發(fā)、教學(xué)手段、評價方法等進行研究。
關(guān)鍵詞 ：網(wǎng)站開發(fā) 教學(xué) 改革
近年來隨著互聯(lián)網(wǎng)應(yīng)用領(lǐng)域快速發(fā)展，不少企業(yè)都在網(wǎng)上建立網(wǎng)站，宣傳品牌、推廣產(chǎn)品、提供網(wǎng)絡(luò)服務(wù)。自2003年開始，中國的網(wǎng)站規(guī)?；颈３址鲩L，2009年網(wǎng)頁數(shù)量達到 336 億個，年增長率超過100%，網(wǎng)頁設(shè)計已經(jīng)成為當(dāng)今社會一種熱門的新興職業(yè)。為此，各學(xué)院都紛紛開設(shè)網(wǎng)站開發(fā)課程，來滿足社會對這方面人才的需求。筆者在此對網(wǎng)站開發(fā)專業(yè)的開設(shè)課程、課程內(nèi)容開發(fā)、教學(xué)手段、評價方法等進行研究與探討。
一、傳統(tǒng)網(wǎng)站開發(fā)專業(yè)課程存在問題
傳統(tǒng)學(xué)院的網(wǎng)站開發(fā)課程是我們用熟悉的Dreamweaver、photoshop軟件制作網(wǎng)站的課程。這門課程是實踐性很強的課程，具有豐富的圖形界面，可以在網(wǎng)頁上看到布局的效果。這本該是一門比較容易出“成果”的課程，但該課程教學(xué)仍存在以下問題。
一是傳統(tǒng)教學(xué)內(nèi)容都是1～2門課程，包含頁面設(shè)計、布局、后臺功能，學(xué)習(xí)內(nèi)容比較淺，學(xué)習(xí)時間比較短，同時部分課程內(nèi)容在企業(yè)中已被淘汰，如：表格布局、flash等，而Html5、Css3新技術(shù)的興起在企業(yè)工作中卻是必不可少的。這些問題導(dǎo)致學(xué)生在學(xué)校學(xué)的技術(shù)和到企業(yè)做的不一致，同時無法達到企業(yè)要求的深度，在畢業(yè)后無法接軌企業(yè)，這是學(xué)校面臨的比較大的問題。
二是傳統(tǒng)教學(xué)模式主要通過“理論+實踐”的方式組織教學(xué)過程，選取課本后編寫教學(xué)計劃教案，按書上章節(jié)的內(nèi)容在計算機房進行講解實踐。由老師進行講解、示范、輔導(dǎo)，學(xué)生按教材要求完成相應(yīng)學(xué)習(xí)內(nèi)容。我們可以看到在教學(xué)的過程中，老師都是“填鴨式”地教，學(xué)生都是跟著老師在做。最終學(xué)生只學(xué)會了做這個網(wǎng)站，而換一個主題則完全無法完成。這種方式看上去學(xué)生一直在實踐，卻達不到培養(yǎng)學(xué)生實踐能力的目的。原因在于學(xué)生只學(xué)會跟隨老師去做，而忽略學(xué)生學(xué)習(xí)過程中的自我思考、自我學(xué)習(xí)、自我創(chuàng)新能力，而這正是網(wǎng)站設(shè)計人員最重要的能力。
三是傳統(tǒng)的教學(xué)評價方法都是以理論進行考核，但這樣的考核方式卻無法檢驗學(xué)生的實踐能力，就算理論滿分也無法滿足企業(yè)的需求。
二、網(wǎng)站開發(fā)專業(yè)教學(xué)的改革建議
1.重新確定培養(yǎng)目標(biāo)及課程
因網(wǎng)站開發(fā)領(lǐng)域的不斷發(fā)展，網(wǎng)站開發(fā)課程已可以獨立成為一門專業(yè)，而且該專業(yè)相關(guān)的崗位較多。為貼近企業(yè)的用人需求，我們邀請專家進行專業(yè)訪談會，首先從網(wǎng)站開發(fā)流程了解企業(yè)崗位。一個網(wǎng)站的開發(fā)主要經(jīng)過產(chǎn)品經(jīng)理—網(wǎng)頁美工—網(wǎng)頁重構(gòu)—前端開發(fā)—網(wǎng)站功能開發(fā)—網(wǎng)站測試—網(wǎng)站運營維護的過程，因此確定學(xué)生就業(yè)目標(biāo)的崗位有網(wǎng)頁美工、網(wǎng)頁重構(gòu)、前端開發(fā)、功能開發(fā)、網(wǎng)站推廣。接著從崗位中確定課程，如：“網(wǎng)頁重構(gòu)”崗位需要開設(shè)“web標(biāo)準(zhǔn)化布局”課程。最終，確定幾門課程為專業(yè)課程（見表1）。按照職業(yè)發(fā)展的過程，可以將課程分為中級和高級階段。對于比較難掌握的學(xué)科網(wǎng)頁腳本編程等，可分兩個學(xué)期進行講解，以便于學(xué)生循序漸進地學(xué)習(xí)。
2.開發(fā)工學(xué)一體的課程內(nèi)容
在課程開發(fā)中，我們從企業(yè)該崗位工作中提取真實的工作任務(wù)，并轉(zhuǎn)變成為學(xué)習(xí)任務(wù)，例如：web標(biāo)準(zhǔn)化布局，可以提取企業(yè)網(wǎng)布局、門戶網(wǎng)布局這兩個比較典型的任務(wù)作為學(xué)習(xí)目標(biāo)，因為學(xué)生最終到企業(yè)，很可能需要完成這兩個工作任務(wù)。同時發(fā)現(xiàn)，在學(xué)習(xí)中，直接給予學(xué)生的企業(yè)工作任務(wù)難度較大，所以我們在開展企業(yè)網(wǎng)布局和門戶網(wǎng)布局這兩個任務(wù)之前需要添加兩個有趣的小任務(wù)（百度網(wǎng)布局和個人博客）作為熱身，熟悉任務(wù)，以使學(xué)生能夠從易到難地完成任務(wù)。表2是web標(biāo)準(zhǔn)化布局最終的4個任務(wù)。在開發(fā)教材任務(wù)的時候，還需要注意按照企業(yè)實際工作的流程分解開發(fā)。如“個人博客”任務(wù)就可以從規(guī)劃效果圖—html布局—css美化網(wǎng)站—測試驗證網(wǎng)站這幾個小活動流程中去完成（見表3），以便學(xué)生在學(xué)習(xí)過程中了解到企業(yè)真實的工作情況，同時養(yǎng)成執(zhí)行企業(yè)工作流程的習(xí)慣。
3.教學(xué)方法的改革
在教學(xué)中，應(yīng)該改變以往的老師灌輸、學(xué)生聽講的教學(xué)方式。教師應(yīng)該多以學(xué)生為中心，多給予學(xué)生開放性問題，引導(dǎo)學(xué)生思考問題，讓學(xué)生自覺地完成任務(wù)。例如要完成一個“IT產(chǎn)品銷售網(wǎng)站”，我們不應(yīng)該直接動手打代碼演示，直接完成企業(yè)網(wǎng)布局，讓學(xué)生跟隨操作。在學(xué)生接到任務(wù)后，教師應(yīng)該引導(dǎo)學(xué)生做客戶需求調(diào)研，根據(jù)企業(yè)選擇合適的主顏色，使學(xué)生不僅僅要懂得做，更要明白為何這樣做，同時提高學(xué)生自我學(xué)習(xí)能力，提高學(xué)生的學(xué)習(xí)興趣。教師還應(yīng)該多考慮企業(yè)的工作環(huán)境和模式。如企業(yè)中真正的網(wǎng)站開發(fā)是團隊工作，我們在課程中可以嘗試團隊合作的方式，增強學(xué)生的團隊合作能力。對于一些技術(shù)難點，可以舉一些生活中通俗的小例子，例如解釋什么是html和css，可以比喻， html好比是人的身體結(jié)構(gòu)，而css就是人的眼鏡、衣服、鞋襪等裝飾物品。這樣將學(xué)習(xí)融入到生活，可以提高學(xué)生的學(xué)習(xí)興趣。同時課外時間可鼓勵學(xué)生利用網(wǎng)上資源，如利用慕課網(wǎng)（IMOOC）進行學(xué)習(xí)更新知識。這樣將課堂教學(xué)和課外指導(dǎo)緊密結(jié)合起來，延伸了課堂教學(xué)的時間和空間，彌補了課堂中的不足。
4.校企結(jié)合的教學(xué)評價
課程的考核主要為平時成績60%+期末成績40%，在平時成績中，應(yīng)更看重學(xué)生完成任務(wù)的過程，和與人交流、團隊合作的情況。而期末考試應(yīng)以實際的網(wǎng)頁作品為主，在完成任務(wù)后，學(xué)生還需要進行作品答辯?？己擞山處熀推髽I(yè)人員共同進行評價。這樣既考核了學(xué)生完成網(wǎng)站作品的實際工作能力，又增強了學(xué)生與人溝通表達、與人交流的能力。企業(yè)人員的評價，使學(xué)生更加了解企業(yè)中真實的需求，從中了解到自己的不足，便于下一步提高自己的專業(yè)能力。
參考文獻：
[1]王曉紅,周立.《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革[J].北京聯(lián)合大學(xué)學(xué)報：自然科學(xué)版，2006（20）.
