網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案精選(九篇)

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

第1篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

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

1.1教學(xué)方式落后

如今雖然已經(jīng)完成了教育改革，但依然有許多教師處于傳統(tǒng)教學(xué)觀念的影響下，其在教學(xué)中往往排斥使用新型教學(xué)方式。高職教學(xué)中計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)是十分重要的課程，且具有很強(qiáng)的專業(yè)性和綜合性，其該專業(yè)具有很好的就業(yè)空間，但若學(xué)生在就學(xué)期間無法很好的掌握該方面知識(shí)和技能，勢(shì)必會(huì)使其喪失此優(yōu)勢(shì)。我國(guó)高職院校數(shù)量眾多，雖然很多有實(shí)力的院校已經(jīng)基本實(shí)現(xiàn)了信息化教學(xué)，但依然有很多院校使用傳統(tǒng)的教學(xué)方式，傳統(tǒng)教學(xué)方式對(duì)于計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)而言并不具優(yōu)勢(shì)，且難以使學(xué)生在短時(shí)間內(nèi)掌握更多的內(nèi)容，因此今后應(yīng)積極改善教學(xué)方式[1]。

1.2課程設(shè)置不完善

我國(guó)教育由于已經(jīng)形成了固有的形式，即以理論知識(shí)為主，實(shí)踐知識(shí)為輔，此種教學(xué)理念雖然曾經(jīng)發(fā)揮了很好的作用，但如今社會(huì)需要的是全能型人才、創(chuàng)新型人才，此種理念顯然與社會(huì)要求相悖。而高職院校恰恰與其相反，其所追求的是為學(xué)生創(chuàng)造更多就業(yè)機(jī)會(huì)，因此其在教學(xué)中往往以實(shí)踐為主，但是此種方式雖然可以使學(xué)生計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)能力得到提升，但卻不利于學(xué)生掌握理論知識(shí)，難以將理論與實(shí)踐更好的融合在一起，總而言之，大多數(shù)高職院校仍無法實(shí)現(xiàn)理論與實(shí)踐課程課時(shí)更好地調(diào)節(jié)。

1.3教師綜合素質(zhì)及能力有待提升

計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)具有極強(qiáng)的專業(yè)性，對(duì)于任課教師的要求也很高，然而總所周知我國(guó)師資力量匱乏，能夠在該專業(yè)獨(dú)當(dāng)一面的教師也較少，如近年來我國(guó)為了解決師資問題，適當(dāng)?shù)慕档土私處煖?zhǔn)入標(biāo)準(zhǔn)，使得很多大學(xué)生有了當(dāng)老師的契機(jī)，但此種方式雖然可以增加教師的數(shù)量，但卻無法全面提升教師質(zhì)量，很多新晉教師雖然自身具有較強(qiáng)的專業(yè)技能，但并不善于教學(xué)，而有效教師雖然能夠很快掌握教學(xué)技巧，但奈何自身對(duì)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的了解不夠深入，同樣無法很好的開展教學(xué)。另外，很多經(jīng)驗(yàn)豐富的教師其在教學(xué)時(shí)往往更喜歡自己的教學(xué)方式，因此其在教學(xué)中很少會(huì)引用新型教學(xué)方式[2]。

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

2.1收集整理素材

在進(jìn)行案例教學(xué)的過程中，教師應(yīng)善于收集和整理相應(yīng)素材，在收集素材時(shí)應(yīng)充分從學(xué)生的角度出發(fā)，意識(shí)到那些素材能夠在當(dāng)代學(xué)生計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)方面引起其興趣，但同時(shí)也要考慮到素材與計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)性。因此教師最終選擇的素材可以是網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的視頻、文字和圖片等，通過視頻學(xué)生可以更加直觀的看到網(wǎng)頁(yè)設(shè)計(jì)帶來的視覺效果，能夠充分引起學(xué)生學(xué)習(xí)的欲望，而適當(dāng)?shù)奈淖挚梢越o學(xué)生提供揣摩的時(shí)間，便于其深入理解[3]。2.2選擇教學(xué)案例教學(xué)案例的選擇尤為重要，教師可以選擇目前對(duì)于學(xué)生而言較為重要的部分，如可以要求學(xué)生設(shè)計(jì)個(gè)人求職網(wǎng)站，此種網(wǎng)站設(shè)計(jì)具有一定的針對(duì)性，并且與學(xué)生本身發(fā)展息息相關(guān)。在確定教學(xué)案例后，教師則應(yīng)針對(duì)該方面進(jìn)行更有針對(duì)性的講解，使學(xué)生能夠?qū)υ摲矫嬗懈由钊氲牧私猓⑶乙髮W(xué)生自己主動(dòng)尋找素材來豐富自己的設(shè)計(jì)，此種方式不僅能夠使學(xué)生充分將自己的想法展現(xiàn)出來，也能夠使學(xué)生更加了解網(wǎng)頁(yè)設(shè)計(jì)方面的內(nèi)容[4]。

2.3討論分析案例

對(duì)案例進(jìn)行討論分析是案例教學(xué)法中的重中之重，此環(huán)節(jié)并不是要求學(xué)生掌握多么純熟的設(shè)計(jì)技巧，而是能夠在相互的交流中促進(jìn)彼此進(jìn)步。同樣以個(gè)人求職網(wǎng)站為例，教師可以講學(xué)生集中起來共同討論，學(xué)生均是各個(gè)不同的個(gè)體，不同個(gè)體看待事物的角度不同，所思所想更加不一樣，將所有學(xué)生聚集在一起能夠使學(xué)生獲得更多設(shè)計(jì)靈感，也能夠充分認(rèn)識(shí)到自身設(shè)計(jì)中的不足[5]。

2.4對(duì)案例進(jìn)行總結(jié)并實(shí)現(xiàn)自我提升

案例教學(xué)法的最后應(yīng)對(duì)案例進(jìn)行總結(jié)，其中包括學(xué)生各自的想法抒發(fā)，教師對(duì)各個(gè)學(xué)生想法的評(píng)價(jià)等，同時(shí)教師應(yīng)針對(duì)學(xué)生在討論時(shí)提出的問題進(jìn)行明確的解答，也要給予學(xué)生新的問題，使其能夠促進(jìn)自己不斷開動(dòng)思維，如此一來在課堂上機(jī)時(shí)，學(xué)生即可以帶著問題進(jìn)行設(shè)計(jì)。案例總結(jié)具有十分重要的意義，無論對(duì)于學(xué)生而言或是教師而言均是。

3結(jié)語

綜上所述，研究關(guān)于案例教學(xué)在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用方面的內(nèi)容具有十分重要的意義，其不僅關(guān)系到我國(guó)高職教學(xué)的全面發(fā)展，也與學(xué)生的個(gè)人學(xué)習(xí)、各方面能力的提升息息相關(guān)。如今社會(huì)各界對(duì)人才的要求越來越高，我國(guó)也在為實(shí)現(xiàn)全民教育、提升教學(xué)質(zhì)量而不斷努力，針對(duì)案例教學(xué)法我國(guó)教育界也在不斷對(duì)其完善，將其應(yīng)用于計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中后其雖然使得教學(xué)效果有了較大的提升，但時(shí)代在進(jìn)步，教育事業(yè)更不能停滯不前，若案例教學(xué)法不及時(shí)進(jìn)行豐富，也會(huì)逐步淪為傳統(tǒng)教學(xué)法，因此今后高職院校更應(yīng)加強(qiáng)對(duì)此方面的研究。

引用：

[1]郭鋰,葉惠文.基于“雙層項(xiàng)目驅(qū)動(dòng)教學(xué)模式”的計(jì)算機(jī)基礎(chǔ)課程立體教材開發(fā)與應(yīng)用——以《網(wǎng)頁(yè)設(shè)計(jì)與制作》為例[J].中國(guó)大學(xué)教學(xué),2012,(11)02:83-85.

[2]譚琦.案例教學(xué)在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的運(yùn)用[J].信息與電腦(理論版),2012,(02)08:195-196.

[3]郭鋰,葉惠文.TPBIM在“廣東省高校計(jì)算機(jī)公共課教學(xué)改革”試點(diǎn)課程中的構(gòu)建與應(yīng)用——以“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程為例[J].中國(guó)電化教育,2012,(10)12:111-114+135.

第2篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

關(guān)鍵詞：計(jì)算機(jī) 網(wǎng)頁(yè)設(shè)計(jì) 案例教學(xué) 應(yīng)用

中圖分類號(hào)：G632 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-2117（2014）16-00-01

在目前的大學(xué)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，大多數(shù)教師仍舊采用傳統(tǒng)的教學(xué)方式進(jìn)行知識(shí)的灌輸，較少讓學(xué)生合作探究、主動(dòng)學(xué)習(xí)、討論交流，因而學(xué)生缺少獨(dú)立思考的能力和親身實(shí)踐的經(jīng)歷，導(dǎo)致學(xué)生的研究和創(chuàng)新意識(shí)相對(duì)不足。

案例教學(xué)是教師根據(jù)特定的教學(xué)目的，選擇帶有一定啟發(fā)性的典型案例，通過具體的情境讓學(xué)生提高綜合素質(zhì)和相關(guān)能力，理解、感悟、掌握知識(shí)的教學(xué)方法。案例教學(xué)的特點(diǎn)是以師生之間的交往為基礎(chǔ)，以案例為線索，以培養(yǎng)學(xué)生的能力、促進(jìn)學(xué)生的全面發(fā)展為目的，對(duì)多種教學(xué)方式和教學(xué)媒體進(jìn)行優(yōu)化。

1 計(jì)算機(jī)案例教學(xué)的特點(diǎn)

1.1 鼓勵(lì)學(xué)生獨(dú)立思考

傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)沒有與實(shí)踐緊密結(jié)合起來，只是告訴學(xué)生怎么去做，非常枯燥無味，在一定程度上影響了學(xué)生的學(xué)習(xí)效果和學(xué)習(xí)積極性。但在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的案例教學(xué)中，沒人會(huì)告訴學(xué)生下一步應(yīng)該怎么做，而是需要學(xué)生自己去創(chuàng)造、去思考，讓枯燥的知識(shí)變得生動(dòng)起來。而且案例教學(xué)的后續(xù)階段中，每位學(xué)生要根據(jù)自己和同學(xué)的方案發(fā)表自己的見解。通過交流，一方面可以起到激勵(lì)的作用，另一方面可以讓學(xué)生之間取長(zhǎng)補(bǔ)短、加強(qiáng)學(xué)生的人際交往能力。

1.2 更加重視雙向交流

傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)是教師講、學(xué)生學(xué)，學(xué)生聽沒聽課、聽懂了多少，教師也不清楚，要到最后考試成績(jī)出來才能見分曉。而且在這種教學(xué)模式下學(xué)生學(xué)到的都是死知識(shí)，難以在實(shí)際操作中得到真正的應(yīng)用。而在案例教學(xué)中，學(xué)生拿到案例后，先要對(duì)案例進(jìn)行理解，然后查詢各種相關(guān)的理論知識(shí)，無形中學(xué)生又對(duì)這些知識(shí)主動(dòng)復(fù)習(xí)了一遍，并且加深了對(duì)知識(shí)的理解。理解了相關(guān)的理論知識(shí)后，學(xué)生還要經(jīng)過自主地思考，然后提出解決問題的方案，這一步就提高了學(xué)生的實(shí)際應(yīng)用能力。與此同時(shí)，因?yàn)榻處熾S時(shí)會(huì)給以學(xué)生引導(dǎo)點(diǎn)撥，又促使教師思考相關(guān)問題，并且可以隨時(shí)根據(jù)學(xué)生的理解情況補(bǔ)充新的教學(xué)內(nèi)容。

1.3 引導(dǎo)學(xué)生更加注重實(shí)際操作能力

隨著計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)案例教學(xué)的發(fā)展和市場(chǎng)經(jīng)濟(jì)的發(fā)展，學(xué)生越來越明白，掌握了知識(shí)不等于具備了能力，知識(shí)還需要通過實(shí)際的操作才能轉(zhuǎn)化為能力。如果教師忽視實(shí)際能力的培養(yǎng)，一味的教授書本上的死知識(shí)，不僅會(huì)對(duì)學(xué)生以后的發(fā)展有著巨大的障礙，而且也不利于計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的開展。

2 教學(xué)案例實(shí)現(xiàn)的步驟

2.1 設(shè)計(jì)教學(xué)案例

在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)案例教學(xué)中，設(shè)計(jì)科學(xué)、合理、符合學(xué)生實(shí)際情況的教學(xué)案例是實(shí)施該教學(xué)方式的基礎(chǔ)和前提。教師要充分備課，根據(jù)教學(xué)要求和教學(xué)進(jìn)度設(shè)計(jì)案例，解析并講授與教學(xué)案例相關(guān)的技能技巧和理論知識(shí)。教師在設(shè)計(jì)教學(xué)案例時(shí)要注意，案例必須具備典型性、覆蓋足夠多的知識(shí)點(diǎn)，并且要和實(shí)際操作相吻合。應(yīng)該針對(duì)學(xué)生的學(xué)習(xí)階段和學(xué)生的接受能力來設(shè)計(jì)或者選擇教學(xué)案例，讓教學(xué)案例能夠被學(xué)生理解。整個(gè)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)過程中用到的案例之間應(yīng)該相互聯(lián)系、由易到難、前后銜接。

2.2 教師組織學(xué)生進(jìn)行案例討論

組織案例討論的目的在于引導(dǎo)學(xué)生分析問題，提出解決問題的方法和途徑。該環(huán)節(jié)的關(guān)鍵是把理論知識(shí)與所對(duì)應(yīng)的案例內(nèi)容聯(lián)系起來。要達(dá)到這樣的目標(biāo)，就要求教師做好啟發(fā)工作和引導(dǎo)工作，創(chuàng)造自由輕松的討論氛圍。教師要讓學(xué)生成為案例討論的中心，在宏觀上指導(dǎo)和把握案例討論，避免出現(xiàn)方向性的偏差。教師應(yīng)該把案例分解成若干個(gè)小的部分，將案例的分解順序與學(xué)生的知識(shí)認(rèn)知順序相結(jié)合，這樣做更能體現(xiàn)根據(jù)學(xué)生的認(rèn)知規(guī)律來安排教學(xué)內(nèi)容的思想方針。

2.3 對(duì)案例進(jìn)行總結(jié)

在組織學(xué)生對(duì)案例進(jìn)行討論研究之后，教師應(yīng)該針對(duì)討論做出相應(yīng)的講評(píng)，重點(diǎn)強(qiáng)調(diào)案例中所涉及的操作技能和理論知識(shí)。在學(xué)生上機(jī)實(shí)踐的時(shí)候，可以按照課堂上討論的方案來進(jìn)行實(shí)際操作。案例總結(jié)應(yīng)該做到客觀、全面，以提高學(xué)生的分析能力為主要目的，充分調(diào)動(dòng)學(xué)生參與的積極性。對(duì)案例進(jìn)行總結(jié)不僅有利于學(xué)生記牢要求掌握的知識(shí)，而且可以避免在案例中留下沒有解決的問題。

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

（1）準(zhǔn)備階段。教師在課前做的準(zhǔn)備包括研究教學(xué)內(nèi)容，尋找具有代表性的案例，充分了解學(xué)生關(guān)心的話題和興趣所在、將來的就業(yè)方向等問題。學(xué)生在課前做的準(zhǔn)備包括仔細(xì)研究案例、向同學(xué)和教師介紹自己擅長(zhǎng)的方面等。

（2）實(shí)施階段。將學(xué)生分為3～5人的學(xué)習(xí)小組，讓學(xué)生根據(jù)所學(xué)的知識(shí)逐步解決各個(gè)小的案例問題，如制作一個(gè)主頁(yè)、設(shè)計(jì)混排網(wǎng)頁(yè)、設(shè)計(jì)一個(gè)頁(yè)面等。在這過程中，教師要保障及時(shí)檢查各個(gè)小組的問題解決情況，在必要時(shí)要對(duì)典型的問題進(jìn)行講解。最后，將學(xué)生解決完成的所有小案例組合成一個(gè)大案例。

（3）結(jié)束階段。該階段主要是對(duì)案例的評(píng)價(jià)、總結(jié)，主要分為學(xué)生自評(píng)、小組互評(píng)和教師評(píng)價(jià)三種方式。

在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用教學(xué)案例，可以極大提高學(xué)生對(duì)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)課程的積極性和學(xué)習(xí)興趣，有利于幫助學(xué)生做出很多高質(zhì)量的網(wǎng)頁(yè)。這種新方法注重培養(yǎng)學(xué)生的自我意識(shí)，發(fā)揮了學(xué)生在學(xué)習(xí)中的主體作用，培養(yǎng)了學(xué)生的探索精神。

（珠海市第一中等職業(yè)學(xué)校，廣東 珠海 519000）

參考文獻(xiàn)：

[1]葛繼科，雷亮.案例教學(xué)在計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)課教學(xué)中的應(yīng)用[J].重慶科技學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2011（9）

[2]劉勇.案例教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的應(yīng)用研究[J].南昌高專學(xué)報(bào)，2010（6）.

[3]申玉靜，譚業(yè)武.數(shù)據(jù)庫(kù)案例教學(xué)在計(jì)算機(jī)專業(yè)?？平逃殬I(yè)化改革中的應(yīng)用與研究[J].福建計(jì)算機(jī)，2010（1）.

第3篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)課程資源資源庫(kù)建設(shè)

課程資源包括教師的教學(xué)資源和學(xué)生的學(xué)習(xí)資源，所謂課程資源庫(kù)的建設(shè)主要目標(biāo)就是收集有價(jià)值的資源輔助教師的教學(xué)和學(xué)生的學(xué)習(xí)。因此，它的出發(fā)點(diǎn)是提升教學(xué)和學(xué)習(xí)效果，關(guān)鍵是在資源的有效性而不在于資源是否豐富。在職業(yè)教育中，專業(yè)建設(shè)和教學(xué)改革一直是熱門的話題，也受到很多院校的重視。根據(jù)我院計(jì)算機(jī)專業(yè)的課程改革和自己的教學(xué)經(jīng)驗(yàn)，我談?wù)劇毒W(wǎng)頁(yè)設(shè)計(jì)》課程資源庫(kù)建設(shè)的基本思路。

一、教學(xué)資源建設(shè)

教學(xué)資源主要包括課程大綱、校本教材、教案、課件、實(shí)訓(xùn)素材等。前期資源建設(shè)是一項(xiàng)艱巨的任務(wù)，需要一個(gè)團(tuán)隊(duì)的智慧和努力，而資源建設(shè)成型后，可以實(shí)現(xiàn)資源共享，提高教師的工作效率，從而教師有更多的時(shí)間參與教研提升自己的業(yè)務(wù)水平。

1.課程大綱

課程大綱決定了課程的主要目標(biāo)和內(nèi)容要求，因此它在整個(gè)課程的教學(xué)中有著非常重要的作用。在我們實(shí)際的課程資源建設(shè)過程中，首先，我們針對(duì)網(wǎng)頁(yè)設(shè)計(jì)師這個(gè)崗位開展市場(chǎng)調(diào)查，了解該崗位的技能要求，再根據(jù)自己學(xué)校的培養(yǎng)目標(biāo)并結(jié)合《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)的實(shí)際情況制定相應(yīng)的課程大綱。它不僅要反應(yīng)出新的技能要求和各知識(shí)點(diǎn)的掌握程度，更要突出學(xué)生分析能力和創(chuàng)新能力的培養(yǎng)。只有在課程大綱的指引下，我們后續(xù)的課程資源建設(shè)才能有效地進(jìn)行。

2.校本教材

一本好的教材無法滿足所有人的要求，一個(gè)優(yōu)秀的教學(xué)案例也不能完全符合所有學(xué)生的要求。因此，圍繞自己學(xué)校的培養(yǎng)目標(biāo)進(jìn)行校本教材的開發(fā)是非常有必要的。在進(jìn)行校本教材開發(fā)的過程中，我們要保證案例的真實(shí)性和有效性，可以結(jié)合企業(yè)的真實(shí)案例對(duì)知識(shí)點(diǎn)進(jìn)行剖析。我們要以學(xué)生的發(fā)展為基礎(chǔ)，充分考慮授課對(duì)象的學(xué)習(xí)基礎(chǔ)和知識(shí)結(jié)構(gòu)，對(duì)教學(xué)內(nèi)容的編寫進(jìn)行適當(dāng)?shù)奶幚?，避免出現(xiàn)只利于教師教學(xué)，不利于學(xué)生學(xué)習(xí)的情況。

3.教案、課件

教學(xué)活動(dòng)的開展要以教案為依據(jù)，而教案的編寫要符合課程大綱的要求，因此，我們要專研課程大綱和教材的基礎(chǔ)上，對(duì)我們的教學(xué)活動(dòng)進(jìn)行精心地設(shè)計(jì)。我們明確教學(xué)目標(biāo)和教學(xué)重難點(diǎn)的前提下，才能對(duì)教學(xué)內(nèi)容進(jìn)行選擇和處理，教學(xué)過程的設(shè)計(jì)充分考慮學(xué)生感受和體驗(yàn)。編寫好的電子教案，不僅是為了上好課，也是為改進(jìn)下次授課做準(zhǔn)備，使一個(gè)教案的完善有一個(gè)持續(xù)的過程。除了編寫教案，我們可以做好配套的授課課件，因?yàn)樗梢缘玫街貜?fù)的使用，節(jié)省教師的備課時(shí)間。

4.實(shí)訓(xùn)素材

實(shí)訓(xùn)素材不僅包括課堂案例所用的素材，應(yīng)該包括實(shí)訓(xùn)步驟手冊(cè)，課堂效果評(píng)價(jià)表等等。素材的準(zhǔn)備我們要做到簡(jiǎn)單、有效而且分類明確，尤其在《網(wǎng)頁(yè)設(shè)計(jì)》課程中，用到較多的圖片素材，必須要保證能快速的查找。實(shí)訓(xùn)手冊(cè)文字的描述要做到簡(jiǎn)潔，適當(dāng)?shù)臅r(shí)候可以通過圖片或符號(hào)來代替文字，做到直觀明了。要充分考慮在簡(jiǎn)短的一堂課時(shí)間內(nèi)，它的作用是供學(xué)生參考，輔助學(xué)生的課堂學(xué)習(xí)。課堂效果評(píng)價(jià)表的設(shè)計(jì)可以結(jié)合學(xué)生的自評(píng)和互評(píng)，根據(jù)教學(xué)目標(biāo)針對(duì)性的設(shè)計(jì)評(píng)價(jià)要點(diǎn)，目的是讓學(xué)生認(rèn)清自己在一堂課中的學(xué)習(xí)效果和不足的地方。

二、學(xué)習(xí)資源建設(shè)

隨著互聯(lián)網(wǎng)的發(fā)展，數(shù)字化學(xué)習(xí)資源變得非常的豐富，也是學(xué)生學(xué)習(xí)的一種新途徑。學(xué)習(xí)資源的建設(shè)不僅要確保學(xué)生能鞏固知識(shí)和技能，更重要的是要激發(fā)學(xué)生的自主學(xué)習(xí)。學(xué)習(xí)資源的建設(shè)需要借助網(wǎng)絡(luò)平臺(tái)，真正實(shí)現(xiàn)隨時(shí)隨地的學(xué)習(xí)，它主要包括微課、作業(yè)指南、試題庫(kù)等等。

1.微課

近幾年，微課在教學(xué)中的應(yīng)用非常的廣泛，在微課的設(shè)計(jì)中，我們要做到時(shí)間短，重點(diǎn)突出和語言簡(jiǎn)潔，使學(xué)生在觀看的過程中快速的掌握要點(diǎn)。一般我們都是針對(duì)課程的重點(diǎn)或難點(diǎn)，有針對(duì)性的對(duì)知識(shí)點(diǎn)進(jìn)行講解或?qū)Σ僮鞑襟E進(jìn)行演示。尤其對(duì)課堂上掌握不好的知識(shí)點(diǎn)，在課余時(shí)間通過微課進(jìn)行鞏固，使學(xué)生在輕松、愉悅的環(huán)境下學(xué)會(huì)自主研究。

2.作業(yè)指南

《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)操性比較強(qiáng)，同時(shí)操作步驟較多，學(xué)生僅僅通過課堂的學(xué)習(xí)，對(duì)操作要點(diǎn)的記憶并不是非常的深刻。課余作業(yè)的目的是鞏固學(xué)生的學(xué)習(xí)，我們要保證在做作業(yè)的過程中遇到問題能得到及時(shí)的解決才能使學(xué)生能持續(xù)的研究下去。作業(yè)指南主要就是為了解決此問題，它不同于實(shí)訓(xùn)步驟手冊(cè)，應(yīng)該更注重于操作步驟要點(diǎn)的提醒，引導(dǎo)學(xué)生有效地完成作業(yè)。

3.試題庫(kù)

試題庫(kù)不僅是用來檢測(cè)學(xué)生的學(xué)習(xí)情況，也是學(xué)生通過試題庫(kù)學(xué)會(huì)靈活應(yīng)變。試題庫(kù)可以針對(duì)一堂課，一個(gè)知識(shí)點(diǎn)，一個(gè)模塊或一個(gè)階段進(jìn)性設(shè)計(jì)，同時(shí)它可以包括理論和實(shí)操。在試題庫(kù)的建設(shè)過程中，要注重試題的質(zhì)量，做到知識(shí)全，針對(duì)性強(qiáng)，確保學(xué)生在檢測(cè)的過程中鞏固相應(yīng)的知識(shí)和技能要點(diǎn)。

三、課程資源建設(shè)原則和意義

課程資源建設(shè)是要以培養(yǎng)學(xué)生職業(yè)能力和素養(yǎng)為原則，重在提高教學(xué)質(zhì)量，促進(jìn)學(xué)生學(xué)習(xí)。因此，資源建設(shè)不能脫離實(shí)際的工作崗位要求，避免出現(xiàn)冗余和泛濫的現(xiàn)象，所有資源的選擇要考慮教學(xué)和學(xué)習(xí)的需求。同時(shí)，資源建設(shè)不是一個(gè)階段性的任務(wù)，它是永久持續(xù)的，必須結(jié)合每個(gè)時(shí)期的情況對(duì)資源進(jìn)行補(bǔ)充和更新，才能保證資源的有效性。

課程資源建設(shè)不是靠一個(gè)教師的努力，是要一個(gè)團(tuán)隊(duì)的集思廣益，在建設(shè)過程中也是培養(yǎng)教師的教科研能力，也有利于教師隊(duì)伍的建設(shè)。在某種程度上，它可以提高課堂的教學(xué)效果，突破傳統(tǒng)課堂教學(xué)的局限性，引導(dǎo)學(xué)生進(jìn)行自主學(xué)習(xí)。

結(jié)語

課程資源建設(shè)是教師參與課程開發(fā)的過程，同時(shí)，它又是為教師的教學(xué)和學(xué)生的學(xué)習(xí)服務(wù)。《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)際案例多，技術(shù)更新快，傳統(tǒng)的課堂教學(xué)無法滿足實(shí)際的需求，通過課程資源庫(kù)的建設(shè)，提高課堂教學(xué)效果，豐富學(xué)生的學(xué)習(xí)途徑和內(nèi)容，從而進(jìn)一步推動(dòng)教學(xué)改革。

參考文獻(xiàn) 

[1]杜強(qiáng)，潘國(guó)芬.高職“網(wǎng)頁(yè)制作”立體化校本課程建設(shè)研究[J].無線互聯(lián)科技，2017（23）：95-96. 

[2]何啟旻，曹智勇.《數(shù)據(jù)庫(kù)原理與應(yīng)用》課程資源建設(shè)的實(shí)踐探索[J].貴州廣播電視大學(xué)學(xué)報(bào)，2014，22（03）：14-16+20. 

第4篇：網(wǎng)頁(yè)設(shè)計(jì)教學(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年啟動(dòng)專業(yè)課程建設(shè)項(xiàng)目，通過近三年的探索與實(shí)踐，在建設(shè)目標(biāo)、教學(xué)方法、數(shù)字化資源庫(kù)建設(shè)等方面積累了一定的經(jīng)驗(yàn)，本文就實(shí)施情況談幾點(diǎn)體會(huì)。

一、課程性質(zhì)與建設(shè)目標(biāo)

網(wǎng)頁(yè)設(shè)計(jì)與制作課程是電子商務(wù)專業(yè)的專業(yè)技術(shù)課程。襄陽(yáng)技師學(xué)院的電子商務(wù)專業(yè)創(chuàng)建于2006年，在初期就提出根據(jù)區(qū)域內(nèi)中小電子商務(wù)企業(yè)需求，培養(yǎng)具有網(wǎng)絡(luò)信息編輯、網(wǎng)站策劃和維護(hù)、網(wǎng)絡(luò)服務(wù)推廣等電子商務(wù)實(shí)用型人才，從而確立了《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程在專業(yè)技能培養(yǎng)中的重要地位。

網(wǎng)頁(yè)設(shè)計(jì)與制作課程在《office基礎(chǔ)》《PhotoShop 圖像處理》《flas制作》《數(shù)據(jù)庫(kù)應(yīng)用》等課程之后開設(shè)，此時(shí)學(xué)生具備了一定的操作能力，能較快地掌握網(wǎng)頁(yè)制作的各種知識(shí)。

課程堅(jiān)持“以能力為本位，以就業(yè)為導(dǎo)向”的職教理念，以“增強(qiáng)學(xué)生的職業(yè)能力，更好地服務(wù)區(qū)域經(jīng)濟(jì)與社會(huì)的發(fā)展”為宗旨，基于行業(yè)企業(yè)真實(shí)工作過程設(shè)計(jì)課程教學(xué)活動(dòng)方案。運(yùn)用“任務(wù)驅(qū)動(dòng)、行動(dòng)導(dǎo)向”的一體化教學(xué)模式，進(jìn)行教學(xué)資源建設(shè)的工作。使學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)和制作的基本技能，具備網(wǎng)站的策劃、設(shè)計(jì)和制作能力。

二、以課程教學(xué)改革為核心

1.改革教學(xué)內(nèi)容

（1）修訂教學(xué)大綱。學(xué)院開設(shè)的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程，原來的教學(xué)大綱內(nèi)容以Dreamweaver基礎(chǔ)知識(shí)為主。按照教學(xué)計(jì)劃，學(xué)生只能掌握最基本的知識(shí)和操作，而實(shí)際技能水平無法滿足社會(huì)就業(yè)崗位的需要。因此制作精品課程時(shí)，要重新修訂教學(xué)大綱，以 “實(shí)用、夠用、好用”為原則，教學(xué)內(nèi)容上適當(dāng)增加Photoshop、flash的實(shí)用功能，強(qiáng)化 Dreamweaver操作應(yīng)用。修訂的大綱打破了傳統(tǒng)的學(xué)科體系模式，側(cè)重學(xué)生實(shí)際操作能力的培養(yǎng)，將網(wǎng)頁(yè)設(shè)計(jì)職業(yè)能力中實(shí)用的知識(shí)點(diǎn)融合在項(xiàng)目中。學(xué)生通過各項(xiàng)系列任務(wù)練習(xí)，不斷強(qiáng)化掌握崗位所需知識(shí)和技能。

（2）規(guī)劃教材與自編教材充分整合。網(wǎng)頁(yè)設(shè)計(jì)與制作課程是多門學(xué)科的知識(shí)相互滲透和相互支撐構(gòu)成的科學(xué)、完整的課程體系。 以網(wǎng)頁(yè)設(shè)計(jì)與制作課程為核心，其他Photoshop、flash、數(shù)據(jù)庫(kù)開發(fā)、常用工具軟件的使用等都是相關(guān)的輔助課程。

原來的教材換過很多版本。2012年申報(bào)精品課程建設(shè)后，學(xué)校選用人民郵電出版社的規(guī)劃教材《網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver CS5標(biāo)準(zhǔn)教程》。實(shí)用的教材對(duì)教學(xué)水平和教學(xué)質(zhì)量的提高起了極大的促進(jìn)作用。學(xué)校不斷調(diào)整和補(bǔ)充教材和教學(xué)內(nèi)容，盡可能保持知識(shí)的先進(jìn)性和實(shí)用性。這兩年勞動(dòng)版的網(wǎng)頁(yè)制作教材運(yùn)用任務(wù)驅(qū)動(dòng)教學(xué)法編寫，也成為學(xué)校教學(xué)和精品課程制作的重要保證。

（3）課程內(nèi)容模塊化。學(xué)校將整個(gè)課程內(nèi)容分成3個(gè)模塊20個(gè)教學(xué)單元33個(gè)教學(xué)任務(wù)，3個(gè)模塊是Dreamweaver+ Photoshop+flash，第一個(gè)模塊是Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作知識(shí) ，第二個(gè)模塊是Photoshop在網(wǎng)頁(yè)中的常用功能，第三個(gè)模塊是Flash在網(wǎng)頁(yè)中的動(dòng)畫效果。每個(gè)模塊包括多個(gè)教學(xué)單元，通過任務(wù)來實(shí)現(xiàn)崗位知識(shí)和能力的培養(yǎng)。模塊間既相互關(guān)聯(lián)，又相互獨(dú)立，將課程難點(diǎn)分散到不同的模塊任務(wù)中。每個(gè)模塊自成體系，有鮮明的獨(dú)立性，能單獨(dú)完成某一方面的教學(xué)任務(wù)；模塊間的知識(shí)相互關(guān)聯(lián)，層層遞進(jìn)，后面的模塊強(qiáng)化前面基礎(chǔ)，這樣可以讓學(xué)生循序漸進(jìn)地掌握知識(shí)。

（4）精心準(zhǔn)備案例項(xiàng)目。精心準(zhǔn)備典型案例，從課程的實(shí)際問題出發(fā)，構(gòu)建教學(xué)設(shè)計(jì)。以完成具體工作任務(wù)和工作過程整合教材內(nèi)容，將理論知識(shí)的講解與具體的任務(wù)有機(jī)結(jié)合，理論與實(shí)踐一體化，合理設(shè)計(jì)教學(xué)環(huán)節(jié)。如：“度假村”“江雨橋的博客”“寵物家園”整站的開發(fā)和設(shè)計(jì)，這些案例形成循序漸進(jìn)的項(xiàng)目群，從而構(gòu)建完整的教學(xué)方案。

2.改革教學(xué)方法與手段

（1）采用“任務(wù)驅(qū)動(dòng)法” 教學(xué)，將“教、學(xué)、練、做”融為一體。精品課程教案的編寫運(yùn)用任務(wù)驅(qū)動(dòng)法完成，對(duì)教師課堂實(shí)施一體化教學(xué)方式有很好的指導(dǎo)作用。課堂教學(xué)中，“任務(wù)驅(qū)動(dòng)法”的熟練運(yùn)用，配合案例教學(xué)、情景教學(xué)、探究式教學(xué)、作品演示等教學(xué)方法，將學(xué)生的自主能動(dòng)性充分發(fā)揮出來。“任務(wù)驅(qū)動(dòng)法”教學(xué)過程為：引入―分析―交流―實(shí)施―評(píng)價(jià)―總結(jié)六個(gè)階段。第一個(gè)階段引入任務(wù)，通過案例演示，提出問題，給出案例應(yīng)用背景，讓學(xué)生明確本次課的教學(xué)目標(biāo)；第二個(gè)階段分析任務(wù)，引導(dǎo)學(xué)生自主分析學(xué)習(xí)任務(wù)，結(jié)合理論知識(shí)嘗試找到解決問題方法；第三個(gè)階段交流任務(wù)，充分利用互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源和教學(xué)視頻，引導(dǎo)學(xué)生相互交流，找到解決方案；第四個(gè)階段實(shí)施任務(wù)，上機(jī)操作反復(fù)練習(xí)，掌握操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識(shí)和學(xué)習(xí)能力；第五個(gè)階段評(píng)價(jià)任務(wù)，在小組任務(wù)完成時(shí)，根據(jù)任務(wù)評(píng)價(jià)表引導(dǎo)學(xué)生進(jìn)行典型作品的欣賞評(píng)價(jià)，讓學(xué)生參與自評(píng)和互評(píng)；第六個(gè)階段總結(jié)任務(wù)，教師對(duì)本次課的重點(diǎn)、難點(diǎn)歸納，并針對(duì)學(xué)生實(shí)施過程進(jìn)行點(diǎn)評(píng)。

（2）抓好數(shù)字化資源建設(shè)。精品課程中不斷完善的教學(xué)大綱、電子教案、教學(xué)課件、教學(xué)視頻、案例集等對(duì)一體化教學(xué)課堂的實(shí)施提供了保證。這些數(shù)字化資源會(huì)陸續(xù)上傳到精品課程網(wǎng)站的教學(xué)資源下載中心，構(gòu)建全方位立體化學(xué)習(xí)平臺(tái)供學(xué)生學(xué)習(xí)參考。

（3）因材施教，有效把握課堂。任務(wù)驅(qū)動(dòng)法對(duì)于自覺性高、學(xué)習(xí)能力強(qiáng)、創(chuàng)造能力佳的學(xué)生充分有效，但是學(xué)校的生源相當(dāng)一部分不能適應(yīng)這樣的教學(xué)。針對(duì)不同的教學(xué)內(nèi)容、教學(xué)對(duì)象、難易程度，教師需要靈活采用多樣教學(xué)方法，有時(shí)傳統(tǒng)的教學(xué)方法更為實(shí)用。例如：講授法、演示法、練習(xí)法、輔導(dǎo)法、啟發(fā)式教學(xué)等。必須注意把握課堂秩序，使課堂教學(xué)在有序中有效進(jìn)行。

3.改革考試評(píng)價(jià)方式

精品課程注重對(duì)學(xué)生職業(yè)道德、學(xué)習(xí)過程、職業(yè)能力與素質(zhì)的評(píng)價(jià)。每項(xiàng)任務(wù)的實(shí)施都配有任務(wù)評(píng)價(jià)表，評(píng)價(jià)表給每個(gè)子任務(wù)的完成效果、學(xué)習(xí)過程、相關(guān)能力打分。同時(shí)根據(jù)學(xué)生的基礎(chǔ)差異，使用彈性的評(píng)價(jià)方式。評(píng)價(jià)時(shí)注重創(chuàng)新性的學(xué)習(xí)能力，合作共事能力，注意聽取學(xué)生的自評(píng)意見。

三、精品課程建設(shè)的思考與展望

經(jīng)過近三年的建設(shè)探索與實(shí)踐，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程將努力建設(shè)成為具有實(shí)戰(zhàn)特點(diǎn)的教學(xué)內(nèi)容、科學(xué)合理的教學(xué)方法、較為完善的課程教學(xué)體系，能夠適應(yīng)本學(xué)科人才培養(yǎng)的示范性課程。課程建設(shè)期間，取得預(yù)期效果，也存在以下問題和困難。

課程的開發(fā)難以表現(xiàn)技術(shù)的前沿動(dòng)態(tài)。網(wǎng)頁(yè)設(shè)計(jì)涉及各種繪圖軟件和各類開發(fā)工具的使用，網(wǎng)絡(luò)技術(shù)的發(fā)展極其迅速，軟件開發(fā)技術(shù)日趨多樣，一門課程很難覆蓋這么多內(nèi)容。

課程對(duì)推動(dòng)地方經(jīng)濟(jì)建設(shè)的導(dǎo)向作用不夠明顯。主要表現(xiàn)在與企業(yè)合作不多，學(xué)生在本地企業(yè)頂崗實(shí)習(xí)的機(jī)會(huì)不多，學(xué)生的實(shí)操能力也達(dá)不到要求。

針對(duì)以上問題，應(yīng)加快精品課程網(wǎng)站建設(shè)，盡早建立教學(xué)共享資源庫(kù)。數(shù)字化網(wǎng)絡(luò)教學(xué)資源構(gòu)成立體化教學(xué)模式，給教師和學(xué)生提供全方位學(xué)習(xí)平臺(tái)，師生基于這種平臺(tái)，使學(xué)習(xí)過程得以延續(xù)。

第5篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

本文分析電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀，并探討了電子商務(wù)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)、實(shí)施及考核環(huán)節(jié)，通過該課程教學(xué)改革提高學(xué)生學(xué)習(xí)興趣，并能提升個(gè)人建設(shè)網(wǎng)站的綜合能力和素質(zhì)。

關(guān)鍵詞：

電子商務(wù)；網(wǎng)頁(yè)設(shè)計(jì)與制作；學(xué)習(xí)反饋；任務(wù)循環(huán)

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

（1）學(xué)生欠缺計(jì)算機(jī)和美學(xué)設(shè)計(jì)基礎(chǔ)知識(shí)。

沒有計(jì)算機(jī)基礎(chǔ)課程，且課程學(xué)習(xí)課時(shí)較少，對(duì)網(wǎng)頁(yè)基礎(chǔ)知識(shí)理解較為費(fèi)解，美學(xué)設(shè)計(jì)的欠缺，導(dǎo)致網(wǎng)頁(yè)設(shè)計(jì)能力差，雖然能夠也能制作簡(jiǎn)單網(wǎng)頁(yè)，往往布局不合理。審美能力弱，有時(shí)追求個(gè)性，制作的網(wǎng)頁(yè)往往花里胡哨，內(nèi)容和主題不一致，導(dǎo)致網(wǎng)頁(yè)視覺效果差。

（2）學(xué)生邏輯思維能力差。

由于文科類電子商務(wù)專業(yè)特點(diǎn)，該專業(yè)學(xué)生邏輯思維相比理工類專業(yè)學(xué)生邏輯思維相對(duì)欠缺，對(duì)于網(wǎng)頁(yè)布局處理能力和網(wǎng)站的規(guī)劃能力較弱，甚至理解有一定困難。在這些方面的不足，導(dǎo)致學(xué)生學(xué)習(xí)起來感覺難度較大，學(xué)習(xí)積極性不高。

2網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)

任課教師首先選用結(jié)構(gòu)設(shè)置全面，講授內(nèi)容多較為充實(shí)的教材，這樣使學(xué)習(xí)興趣比較高的學(xué)生課下可繼續(xù)學(xué)習(xí)。同時(shí)給學(xué)生提供一些關(guān)于計(jì)算機(jī)基礎(chǔ)和平面設(shè)計(jì)類參考資料。向?qū)W生介紹網(wǎng)絡(luò)上一些比較專業(yè)網(wǎng)站開發(fā)論壇。任課教師在設(shè)計(jì)教案時(shí)設(shè)計(jì)內(nèi)容以選取教材為主，以選取其他同類教材為輔。盡量使章節(jié)框架齊全，章節(jié)內(nèi)知識(shí)點(diǎn)豐富全面。每個(gè)知識(shí)點(diǎn)都選取相應(yīng)案例，這樣學(xué)生易于理解。將網(wǎng)頁(yè)設(shè)計(jì)與制作課程內(nèi)容分為七個(gè)模塊，按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)要求學(xué)生課堂和課后完成的小任務(wù)[1]。第一個(gè)模塊為網(wǎng)頁(yè)設(shè)計(jì)與制作理論基礎(chǔ)知識(shí)：介紹INTERNET基礎(chǔ)知識(shí)、網(wǎng)頁(yè)設(shè)計(jì)相關(guān)概念、網(wǎng)頁(yè)制作開發(fā)相關(guān)技術(shù)和工具，共2個(gè)課時(shí)，使學(xué)生掌握該課程整體框架。第二個(gè)模塊為HTML基礎(chǔ)知識(shí)：修飾標(biāo)簽實(shí)現(xiàn)網(wǎng)頁(yè)文字的設(shè)置；設(shè)置列表；插入圖片和多媒體內(nèi)容；設(shè)置超鏈接。共10課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能掌握HTML網(wǎng)頁(yè)標(biāo)簽建立個(gè)人主頁(yè)。第三個(gè)模塊為表格和表單：表格基本概念和常用屬性；表單基本概念和常用屬性。共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生掌握使用表格整理數(shù)據(jù)和布局網(wǎng)頁(yè)，利用表單設(shè)計(jì)注冊(cè)頁(yè)面。第四個(gè)模塊為層疊樣式表（CSS）：CSS的基本語法；CSS的選擇器；CSS的使用方法；CSS的屬性單位。共12個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠利用CSS樣式美化網(wǎng)頁(yè)。第五個(gè)模塊為CSS網(wǎng)頁(yè)布局與定位：div標(biāo)簽；span標(biāo)簽；盒子模型；display屬性；float屬性；position屬性；css+div布局類型。共9個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠運(yùn)用制作學(xué)校網(wǎng)站導(dǎo)航條和實(shí)現(xiàn)圖文并茂的效果。第六個(gè)模塊為超鏈接偽類、表單設(shè)計(jì)和導(dǎo)航菜單：共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠使用偽類美化超鏈接，用CSS美化表單并能夠制作各式各樣的導(dǎo)航條。第七個(gè)模塊為網(wǎng)站建設(shè)：網(wǎng)站建設(shè)的步驟；網(wǎng)站建設(shè)的原則。共6個(gè)課時(shí)，通過該模塊學(xué)習(xí)，學(xué)生能夠建立主題網(wǎng)站。

3網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)實(shí)施

3.1課程教學(xué)

（1）課堂教學(xué)

①基礎(chǔ)知識(shí)學(xué)習(xí)，任課教師將課程的知識(shí)點(diǎn)通過多媒體教學(xué)進(jìn)行詳細(xì)的講授，選擇合適案例進(jìn)行演示，盡量涵蓋能夠覆蓋每個(gè)知識(shí)點(diǎn)，這樣圖文并茂的傳授能夠調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，提高課堂教學(xué)效果。②任務(wù)實(shí)踐，任課教師根據(jù)知識(shí)點(diǎn)設(shè)定各個(gè)任務(wù)，布置的任務(wù)能夠覆蓋所講授內(nèi)容所有的知識(shí)點(diǎn)，每個(gè)任務(wù)和前后任務(wù)都具有連貫性，這樣能夠在前次的任務(wù)基礎(chǔ)開拓這次任務(wù)，對(duì)以前學(xué)習(xí)的知識(shí)點(diǎn)不斷鞏固。③學(xué)習(xí)反饋，在學(xué)生初次完成任務(wù)后，任課教師總結(jié)學(xué)生在任務(wù)執(zhí)行過程中存在的問題并給出解決問題的辦法和技巧，這樣能都深化學(xué)生對(duì)知識(shí)的理解。④任務(wù)循環(huán)，學(xué)生在反饋學(xué)習(xí)之后再次根據(jù)老師指出的問題和提示對(duì)自己的作品進(jìn)行改進(jìn)。通過這種任務(wù)循環(huán)的方式使學(xué)生對(duì)于知識(shí)點(diǎn)的掌握會(huì)更加的深入理解，培養(yǎng)其精益求精的網(wǎng)站開發(fā)人員的素質(zhì)。⑤任務(wù)總結(jié)，在所有的學(xué)生完成任務(wù)后，教師再次強(qiáng)調(diào)任務(wù)知識(shí)點(diǎn)的難點(diǎn)和重點(diǎn)，分析技術(shù)問題和處理技巧，并布置學(xué)生要在課下完成的小任務(wù)。

（2）課下自學(xué)

學(xué)生僅僅依靠在課堂上學(xué)習(xí)和練習(xí)，以達(dá)到對(duì)該課程熟練掌握的目的是遠(yuǎn)遠(yuǎn)不夠的，所以要按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)學(xué)生課后完成的小任務(wù)。通過qq群和微信群溝通平臺(tái)，學(xué)生之間和師生之間可以隨時(shí)隨地進(jìn)行溝通和資源共享。鼓勵(lì)學(xué)生多參加學(xué)科競(jìng)賽，達(dá)到以賽促學(xué)。

3.2課程考核

①平時(shí)考核。學(xué)生根據(jù)所學(xué)知識(shí)點(diǎn)，獨(dú)立完成任課教師布置的任務(wù)。根據(jù)完成情況，記錄為平時(shí)成績(jī)，成績(jī)等級(jí)分為沒完成（C）、基本完成（B）、超越完成（A）。該成績(jī)真實(shí)反饋學(xué)生知識(shí)掌握情況和動(dòng)手能力的高低。平時(shí)考核在課堂結(jié)束前10分鐘內(nèi)完成。②項(xiàng)目考核。在第17周課程教學(xué)結(jié)束時(shí)布置設(shè)計(jì)并制作網(wǎng)站項(xiàng)目任務(wù)，網(wǎng)站項(xiàng)目作為該課程完成后的綜合性考核，要求每個(gè)學(xué)生設(shè)計(jì)并制作一個(gè)表達(dá)某個(gè)主題的網(wǎng)站，向?qū)W生明確對(duì)網(wǎng)站評(píng)價(jià)的一系列標(biāo)準(zhǔn)，并要求根據(jù)提交項(xiàng)目設(shè)計(jì)制作報(bào)告書。并在課程教學(xué)第18周進(jìn)行網(wǎng)站項(xiàng)目演示，每個(gè)同學(xué)在全班同學(xué)面前通過多媒體演示自己的作品，限時(shí)十分鐘，教師進(jìn)行點(diǎn)評(píng)，指出需要改進(jìn)的地方。該過程既是學(xué)生利用所學(xué)知識(shí)展示自己的能力的時(shí)候，又是學(xué)生學(xué)習(xí)別人的機(jī)會(huì)。③考核成績(jī)。該課程考核成績(jī)計(jì)算方式及其所占比例如下所示：平時(shí)考核成績(jī)=(完成每個(gè)子任務(wù)成績(jī)之和÷子任務(wù)個(gè)數(shù))×40%+出勤率×40%+課堂討論×10%+課堂筆記×10%項(xiàng)目考核成績(jī)=項(xiàng)目網(wǎng)站設(shè)計(jì)與制作報(bào)告書成績(jī)*30%+項(xiàng)目網(wǎng)站設(shè)計(jì)與制作成績(jī)×70%學(xué)期成績(jī)=平時(shí)考核成績(jī)*30%+項(xiàng)目考核成績(jī)*70%

4結(jié)束語

該課程教學(xué)改革后對(duì)大部分學(xué)生進(jìn)行調(diào)查訪談，雖然有很多學(xué)生反映課程壓力較大，但是學(xué)習(xí)興趣很高，學(xué)生實(shí)踐中開發(fā)了自己的潛力，并激發(fā)了他們直面困難客服困難的創(chuàng)作創(chuàng)新精神。

作者：張亞杰 劉 單位：宿州學(xué)院

參考文獻(xiàn)：

[1]李月輝,姜還紅,云巖.基于CDIO的Java系列課程教學(xué)改革的研究[J].黑龍江科技信息,2015(11)：162.

第6篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

網(wǎng)頁(yè)設(shè)計(jì)是視覺傳達(dá)設(shè)計(jì)專業(yè)中十分重要的專業(yè)課程，本文以當(dāng)下新媒體技術(shù)為依托，分析高校網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)目標(biāo)的變革，針對(duì)網(wǎng)頁(yè)設(shè)計(jì)的課程特點(diǎn)，對(duì)該課程的教學(xué)現(xiàn)狀、教學(xué)內(nèi)容、教學(xué)手段等方面進(jìn)行詳細(xì)的闡述，提出方法改善課程的教學(xué)效果，并探討如何利用本專業(yè)學(xué)生的優(yōu)勢(shì)，豐富網(wǎng)頁(yè)的視覺效果，提升設(shè)計(jì)的原創(chuàng)力，引導(dǎo)學(xué)生在新媒體語境下順利實(shí)現(xiàn)藝術(shù)與技術(shù)的高度融合，培養(yǎng)新型的應(yīng)用技術(shù)型人才。

關(guān)鍵詞：

視覺傳達(dá)；網(wǎng)頁(yè)設(shè)計(jì)；課程教學(xué)

隨著多媒體技術(shù)的不斷發(fā)展，信息傳播方式也相應(yīng)的發(fā)生轉(zhuǎn)變，人們工作和學(xué)習(xí)越來越離不開互聯(lián)網(wǎng)這個(gè)信息平臺(tái)的支持，視覺傳達(dá)專業(yè)作為站在學(xué)科發(fā)展前沿的設(shè)計(jì)類專業(yè)來講，首當(dāng)其沖的受到了前所未有的影響，專業(yè)類課程的設(shè)置也必須是緊緊的圍繞著符合當(dāng)代審美需求，順應(yīng)時(shí)下技術(shù)實(shí)現(xiàn)的趨勢(shì)。視覺傳達(dá)設(shè)計(jì)專業(yè)的前身是上個(gè)世紀(jì)從歐洲傳入中國(guó)的平面設(shè)計(jì)，科技的高度發(fā)展及人類文明的不斷進(jìn)步，以及各種新型媒介的出現(xiàn)，使得原來處于二維平面的信息元素向著動(dòng)態(tài)的、三維甚至是多維空間發(fā)展，專業(yè)本身的復(fù)雜性、包容性都決定了它是一個(gè)多元素融合、多領(lǐng)域交叉的學(xué)科。

一、視覺傳達(dá)專業(yè)網(wǎng)頁(yè)課程現(xiàn)狀分析

網(wǎng)頁(yè)設(shè)計(jì)是一門綜合性很強(qiáng)的專業(yè)主干課程，長(zhǎng)期以來藝術(shù)院校的網(wǎng)頁(yè)設(shè)計(jì)有兩個(gè)誤區(qū)，一是著重教授網(wǎng)頁(yè)的色彩搭配，版面的設(shè)計(jì)，各個(gè)塊面的分割等原來平面設(shè)計(jì)中關(guān)注的知識(shí)點(diǎn)，忽視了網(wǎng)頁(yè)本身的功能；二是注重獨(dú)立元素的制作或者單個(gè)網(wǎng)頁(yè)的設(shè)計(jì)，缺乏對(duì)整體案例的分析、策劃，這樣造成的結(jié)果是學(xué)生可以很好的完成單獨(dú)頁(yè)面的設(shè)計(jì)，但分級(jí)頁(yè)面之間的關(guān)系往往混亂不堪，網(wǎng)站的導(dǎo)航功能基本失控，網(wǎng)站失去了原有的完整性和條理性，教師無法真正落實(shí)教、學(xué)、做一體化課程的體系。原有的網(wǎng)頁(yè)設(shè)計(jì)在教學(xué)中更多注重的就是網(wǎng)頁(yè)界面上的平面元素的信息閱讀，然而在這樣一個(gè)新媒介當(dāng)?shù)赖恼Z境下，網(wǎng)絡(luò)媒體的普及和深入為網(wǎng)頁(yè)設(shè)計(jì)提供了更加寬廣的舞臺(tái)，也對(duì)網(wǎng)頁(yè)設(shè)計(jì)者提出了更高的要求。視覺傳達(dá)專業(yè)的課程教學(xué)要求也必須跟上時(shí)展的節(jié)奏，從靜態(tài)的用photoshop就能完成的網(wǎng)頁(yè)界面設(shè)計(jì)向著有一定交互功能和新信息傳播形式轉(zhuǎn)變，設(shè)計(jì)者不但要學(xué)習(xí)如何做界面，還要掌握基本的HTML計(jì)算機(jī)語言，學(xué)習(xí)簡(jiǎn)單的代碼，學(xué)習(xí)以Flash和Dreamweaver為主的設(shè)計(jì)軟件使基本的網(wǎng)頁(yè)功能實(shí)現(xiàn)，同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)不能單獨(dú)的割裂的講訴單個(gè)的頁(yè)面，各個(gè)分級(jí)頁(yè)面的邏輯條理，恰恰是最為核心的內(nèi)容，技術(shù)的更高要求使得教學(xué)成為了提升學(xué)生設(shè)計(jì)技能的關(guān)鍵，在此，結(jié)合當(dāng)前各個(gè)設(shè)計(jì)類院校視覺傳達(dá)專業(yè)現(xiàn)狀，筆者提出關(guān)于教學(xué)新形式的幾點(diǎn)思考：

二、課程教學(xué)內(nèi)容方面的改革

視覺傳達(dá)專業(yè)具備很強(qiáng)的學(xué)科兼容性和交叉性，因此要求學(xué)生具有行業(yè)綜合能力。所有的教學(xué)行為的開展都必須結(jié)合更多的實(shí)踐，明確以實(shí)用為目的的教學(xué)方向，方能符合當(dāng)前國(guó)家所倡導(dǎo)的應(yīng)用技術(shù)性人才培養(yǎng)模式要求。

1）從網(wǎng)頁(yè)設(shè)計(jì)所涵蓋的市場(chǎng)需求來看，學(xué)生需要注重行業(yè)能力的要求。比如，視覺傳達(dá)這個(gè)概念其實(shí)包含著“視覺元素”和“傳達(dá)信息”兩個(gè)方面，視覺元素的設(shè)計(jì)從大一開始，形式基礎(chǔ)、設(shè)計(jì)色彩、版式設(shè)計(jì)、圖形符號(hào)構(gòu)建等基礎(chǔ)課就重視對(duì)這方面能力的培養(yǎng)。而對(duì)“傳達(dá)信息”的理解就離不開品牌管理、市場(chǎng)策略、營(yíng)銷傳媒等相關(guān)學(xué)科知識(shí)。網(wǎng)頁(yè)中尤其要注意以用戶為中心的信息可視化設(shè)計(jì)，設(shè)計(jì)的質(zhì)量水平直接影響用戶接受信息的效率和體驗(yàn)。教師在講授網(wǎng)頁(yè)知識(shí)的同時(shí)，一定不要孤立的片面的傳授知識(shí)，要建構(gòu)各個(gè)課程之間可結(jié)合的網(wǎng)點(diǎn)，為這個(gè)龐大的綜合性課程服務(wù)。

2）從網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)方式上可以知道，網(wǎng)頁(yè)設(shè)計(jì)具有明顯的技術(shù)性特征和團(tuán)隊(duì)協(xié)作的工作特點(diǎn)，但是在實(shí)際的教學(xué)中，設(shè)計(jì)實(shí)踐環(huán)節(jié)卻十分薄弱，這就讓學(xué)生的理論知識(shí)失去了檢查和鍛煉的機(jī)會(huì)。因此，在課程教學(xué)中，根據(jù)本課程特點(diǎn)，針對(duì)的案例主要以項(xiàng)目制為主，教師可將學(xué)生分成若干個(gè)小組，分別按公司崗位設(shè)置任務(wù)，應(yīng)加大市場(chǎng)調(diào)研分析的力度，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的對(duì)象進(jìn)行真實(shí)客觀的市場(chǎng)調(diào)研，按照公司制作網(wǎng)頁(yè)的流程，分組進(jìn)行市場(chǎng)調(diào)研、討論，分析資料與數(shù)據(jù)，并在此基礎(chǔ)上有意識(shí)地要求學(xué)生將設(shè)計(jì)構(gòu)思以條理性的文字表達(dá)出來，形成設(shè)計(jì)策劃，完成整體網(wǎng)站策劃書的撰寫，制作網(wǎng)頁(yè)原型，并最終完成網(wǎng)站的建設(shè)。在課程最后的考核評(píng)價(jià)階段進(jìn)行設(shè)計(jì)提案，模擬公司設(shè)計(jì)流程，避免盲目的，假設(shè)性質(zhì)的設(shè)計(jì)。在這個(gè)過程中，學(xué)生充分了解了網(wǎng)頁(yè)制作的全部流程，與實(shí)際項(xiàng)目進(jìn)行對(duì)接，增強(qiáng)了實(shí)踐性，縮短了學(xué)生進(jìn)入公司的磨合期。

3）教師可以從學(xué)生初步完成的作業(yè)中篩選出較為優(yōu)秀的稿件雛形，組織學(xué)習(xí)小組深化設(shè)計(jì)，這樣做的目的在于可以高效的組織學(xué)生團(tuán)隊(duì)參加國(guó)內(nèi)外的專業(yè)競(jìng)賽，提高學(xué)生參與的興趣，增加學(xué)生作品獲獎(jiǎng)的可能性，并將有潛在經(jīng)濟(jì)價(jià)值的設(shè)計(jì)作品產(chǎn)品化，推向市場(chǎng)，這樣不僅能豐富本門設(shè)計(jì)課程教學(xué)內(nèi)容，更能提高學(xué)生的綜合能力，在這方面，有不少學(xué)校已經(jīng)做出了嘗試，并取得了較為顯著的效果，可以為更廣大的師生借鑒。因此，與時(shí)俱進(jìn)，符合市場(chǎng)發(fā)展規(guī)律且能創(chuàng)造價(jià)值的教與學(xué)，更具有競(jìng)爭(zhēng)優(yōu)勢(shì)，更能“可持續(xù)發(fā)展”。

三、課程教學(xué)方法方面的嘗試

1、穩(wěn)定的資源庫(kù)建設(shè)

高校的專業(yè)課程學(xué)時(shí)有限，不可能在課堂上將網(wǎng)頁(yè)設(shè)計(jì)的所有內(nèi)容全部仔細(xì)講解，筆者的經(jīng)驗(yàn)是課堂上寶貴的有效時(shí)間用來講解最為重要的思路引導(dǎo)和工具操作，因此，增設(shè)課前環(huán)節(jié)尤其重要，鼓勵(lì)學(xué)生課前預(yù)習(xí)，擴(kuò)充知識(shí)面，這需要教師事先做大量的準(zhǔn)備工作，創(chuàng)建課程輔助網(wǎng)站，將課件、教案等與課程內(nèi)容相關(guān)的資料拷貝鏈接入網(wǎng)站中，鏈接優(yōu)秀網(wǎng)站的網(wǎng)址并隨時(shí)進(jìn)行更新，利用現(xiàn)有的技術(shù)手段，將微課視頻、慕課等新型課堂形式融入其中，學(xué)生不再接受填鴨式教學(xué)的折磨，做到按需教學(xué)，分類教學(xué)。

2、靈活的分組協(xié)同模式

由于高年級(jí)的專業(yè)課程涉及到的知識(shí)面十分寬泛，一個(gè)綜合課程項(xiàng)目的完成往往包含大量的輔助調(diào)查、統(tǒng)計(jì)、測(cè)評(píng)等工作，實(shí)施分組教學(xué)是非常有效的手段，既可節(jié)約設(shè)計(jì)主體在額外任務(wù)中的時(shí)間，加強(qiáng)競(jìng)爭(zhēng)意識(shí)，還能加強(qiáng)學(xué)生自主學(xué)習(xí)的能力，團(tuán)隊(duì)協(xié)作、提案表述的能力都能獲得很大的提升。

3、必要的跨學(xué)科交流

目前的高校網(wǎng)頁(yè)設(shè)計(jì)類課程，有兩類主要的學(xué)生人群，以計(jì)算機(jī)專業(yè)為主的工科院校和以視覺傳達(dá)專業(yè)為主的藝術(shù)院校，我們可以利用工科強(qiáng)大的后臺(tái)技術(shù)優(yōu)勢(shì)，為藝術(shù)與技術(shù)的緊密結(jié)合提供了良好的平臺(tái)。授課過程中，可以聘請(qǐng)計(jì)算機(jī)專業(yè)的老師進(jìn)行相關(guān)技術(shù)的講解，并將其網(wǎng)頁(yè)設(shè)計(jì)課程的作業(yè)進(jìn)行展示與交流，充分發(fā)揮藝術(shù)生的特長(zhǎng)優(yōu)勢(shì)，虛心彌補(bǔ)工科生的技術(shù)專長(zhǎng)，取長(zhǎng)補(bǔ)短，相互學(xué)習(xí)。

四、結(jié)語

隨著新媒體技術(shù)的不斷涌現(xiàn)，市場(chǎng)需求不斷變換，人們的審美方式和傾向也發(fā)生著變化，陳舊的專業(yè)培養(yǎng)方式和教學(xué)手段已經(jīng)無法滿足學(xué)生對(duì)新知識(shí)新技能的渴望，很多專業(yè)的課程設(shè)置不可避免的出現(xiàn)了滯后問題，如果沒有時(shí)刻把握前沿的觸手和長(zhǎng)遠(yuǎn)發(fā)展的戰(zhàn)略眼光，教學(xué)方式和手段也將嚴(yán)重落伍，這要求我們從視覺傳達(dá)專業(yè)客觀實(shí)際出發(fā)，順應(yīng)互聯(lián)網(wǎng)時(shí)代步伐，加強(qiáng)教師對(duì)教學(xué)內(nèi)容和教學(xué)方式上的創(chuàng)新培養(yǎng)，突破常規(guī)，善于利用新興的教學(xué)手段和技術(shù)支持，開發(fā)新型教學(xué)模式，以適應(yīng)市場(chǎng)變化帶來的對(duì)視覺傳達(dá)設(shè)計(jì)專業(yè)的新要求。

參考文獻(xiàn)：

[1]李榮剛.視覺傳達(dá)專業(yè)中的網(wǎng)頁(yè)設(shè)計(jì)課程探索[J].美術(shù)學(xué)刊，2012，(10）.

[2]何磊孫志宜.視覺傳達(dá)設(shè)計(jì)專業(yè)課程教學(xué)改革與創(chuàng)新[J].合肥師范學(xué)院學(xué)報(bào)，2015，（1）33期

[3]魏坤.視覺傳達(dá)設(shè)計(jì)專業(yè)發(fā)展現(xiàn)狀與教學(xué)對(duì)策——以漢江大學(xué)設(shè)計(jì)學(xué)院為例[J].中國(guó)藝術(shù)，2013，（4）.

[4]戴士弘.職業(yè)教育課程教學(xué)改革[M].北京:清華大學(xué)出版社，2007：13-15

第7篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

關(guān)鍵詞:平面設(shè)計(jì);課程網(wǎng)站;網(wǎng)頁(yè)設(shè)計(jì);布局;模板;流媒體

中圖分類號(hào):TP393文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):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è)的背景及意義

計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)以及多媒體技術(shù)的快速發(fā)展推動(dòng)了教學(xué)模式和教學(xué)手段的變革。我校的校園網(wǎng)已經(jīng)建立,由于教學(xué)信息資源的匱乏,難以發(fā)揮其在教學(xué)科研中應(yīng)有的作用,建立相應(yīng)課程的教學(xué)網(wǎng)站勢(shì)在必行。

教學(xué)網(wǎng)站是通過網(wǎng)絡(luò)表現(xiàn)教學(xué)內(nèi)容和實(shí)施教學(xué)活動(dòng)的綜合性教學(xué)系統(tǒng),借助于多媒體和流媒體技術(shù),為學(xué)生提供一個(gè)自主學(xué)習(xí)的環(huán)境。

平面設(shè)計(jì)課程是我校高職藝術(shù)類專業(yè)的一門主干課程。根據(jù)實(shí)際需要構(gòu)建平面設(shè)計(jì)課程的教學(xué)網(wǎng)站,有助于激發(fā)學(xué)生的學(xué)習(xí)興趣,提高課程的教學(xué)效果和影響力。

2 網(wǎng)站的前期準(zhǔn)備

2.1 需求分析

平面設(shè)計(jì)課程教學(xué)網(wǎng)站的瀏覽者是教師和學(xué)生,需要提供課程的教學(xué)大綱、電子教案及案例素材等教學(xué)資源供學(xué)習(xí)者使用,提供課后習(xí)題以檢查學(xué)習(xí)效果。此外,網(wǎng)站還應(yīng)該實(shí)現(xiàn)師生之間的互動(dòng),形成一個(gè)有信息反饋和實(shí)時(shí)或非實(shí)時(shí)交流的系統(tǒng)。

2.2 風(fēng)格定位

課程網(wǎng)站的風(fēng)格應(yīng)當(dāng)美觀大方、簡(jiǎn)潔明了,界面的設(shè)計(jì)體現(xiàn)友好和諧、方便用戶操作。風(fēng)格取決于布局和色彩。

網(wǎng)頁(yè)布局結(jié)構(gòu)大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、封面型等[1]。無論采取何種結(jié)構(gòu)的網(wǎng)頁(yè),都應(yīng)遵循突出主要內(nèi)容、主次分明這一原則。本站點(diǎn)的網(wǎng)頁(yè)采用拐角型結(jié)構(gòu),正文部分縱向分隔為兩欄,這是一種規(guī)范理性的分隔方式,類似于報(bào)刊的版式。

網(wǎng)站的頁(yè)面主色調(diào)為海藍(lán)色,海藍(lán)色令人想到獨(dú)立和創(chuàng)造,代表著美好的未來。通過調(diào)整透明度和飽和度對(duì)色彩進(jìn)行變淡或加深漸變等的處理,產(chǎn)生新的海藍(lán)色的近似色彩,整個(gè)網(wǎng)頁(yè)看起來色彩統(tǒng)一,又不乏層次和變化。頁(yè)面中還使用了淡灰色的背景圖像,給人以遐想的空間,對(duì)于協(xié)調(diào)頁(yè)面的均衡也起著很大的作用。

2.3 方案設(shè)計(jì)

2.3.1 網(wǎng)站欄目及欄目簡(jiǎn)介

根據(jù)需求分析,平面設(shè)計(jì)課程網(wǎng)站需要建立以下幾個(gè)欄目:

(1)課程簡(jiǎn)介。簡(jiǎn)要介紹了平面設(shè)計(jì)課程的性質(zhì)和說明,使用的教材及參考教材。

(2)課程建設(shè)。本欄目具體介紹了課程負(fù)責(zé)人和主講教師的基本信息,課程的教學(xué)目的、教學(xué)設(shè)計(jì)思想和教學(xué)手段,課程的教學(xué)特色,考核方式和課程評(píng)價(jià)。

(3)教案與視頻。該欄目提供了平面設(shè)計(jì)課程的CAI課件下載,重點(diǎn)章節(jié)的教師授課現(xiàn)場(chǎng)視頻以及說課形式的課程整體介紹視頻,幫助學(xué)生更有效的學(xué)習(xí)或復(fù)習(xí)。

(4)學(xué)習(xí)指南。網(wǎng)絡(luò)教學(xué)不同于課堂教學(xué),不能只提供教案課件,還需要提供學(xué)習(xí)指南指導(dǎo)學(xué)生的自主性學(xué)習(xí)[2]。本欄目包括本課程的知識(shí)結(jié)構(gòu)、教學(xué)大綱、各章節(jié)學(xué)時(shí)分配,各章節(jié)的主要內(nèi)容和重點(diǎn)難點(diǎn)以及課程進(jìn)度表。

(5)實(shí)驗(yàn)實(shí)訓(xùn)。該欄目提供了平面設(shè)計(jì)課程的實(shí)踐性環(huán)節(jié),包括平面設(shè)計(jì)的精彩案例制作步驟以及所需素材的下載,用于拓展知識(shí)面。

(6)習(xí)題與試卷。包括各章節(jié)的相關(guān)習(xí)題、歷年考題以及平面設(shè)計(jì)師認(rèn)證考試的模擬試題,方便了學(xué)習(xí)者的自我檢測(cè)。

(7)學(xué)生作品。選取優(yōu)秀的學(xué)生作品和大賽獲獎(jiǎng)作品進(jìn)行展示。此欄目不僅能夠激發(fā)學(xué)生的積極性,又展示了課程的教學(xué)效果,對(duì)學(xué)校的教學(xué)起到宣傳作用。

(8)討論區(qū)。在討論區(qū)學(xué)生可以進(jìn)行學(xué)習(xí)交流、資源共享、信息以及作品展示等,該欄目加強(qiáng)了師生之間的聯(lián)系。

2.3.2 網(wǎng)站拓?fù)鋱D

圖1為網(wǎng)站拓?fù)鋱D。

2.3.3 確定設(shè)計(jì)工具

開發(fā)一個(gè)好的課程網(wǎng)站要選擇好開發(fā)工具和開發(fā)技術(shù),網(wǎng)站的靜態(tài)部分使用Dreamweaver來制作,利用Photoshop設(shè)計(jì)網(wǎng)頁(yè)界面和處理圖像,網(wǎng)站的動(dòng)態(tài)交互部分采用ASP和SQL實(shí)現(xiàn),IIS為系統(tǒng)運(yùn)行服務(wù)器。

3 網(wǎng)站建設(shè)

3.1 設(shè)計(jì)首頁(yè)界面

3.1.1 繪制首頁(yè)草圖

確定了首頁(yè)各項(xiàng)欄目及位置之后,開始設(shè)計(jì)首頁(yè)的版面,將首頁(yè)做一個(gè)簡(jiǎn)單的規(guī)劃(如圖2所示),包括導(dǎo)航欄、網(wǎng)站Banner、正文、版權(quán)信息。

3.1.2 首頁(yè)效果圖

使用Photoshop制作效果圖,將文件規(guī)格設(shè)置為寬度780像素,高度800像素,分辨率為300像素/英寸。效果圖制作完成后借助參考線進(jìn)行劃分,然后使用切片工具沿參考線切片(如圖3所示),并將其存儲(chǔ)為Web所用格式,系統(tǒng)則自動(dòng)生成一個(gè)文件夾,保存所有的切片。

需要注意的是:切片時(shí)要按照Dreamweaver表格能實(shí)現(xiàn)的區(qū)域進(jìn)行劃分,切忌切片過于復(fù)雜[1];為了整個(gè)網(wǎng)站風(fēng)格的統(tǒng)一,網(wǎng)站中的其他網(wǎng)頁(yè)也采用類似的形式。

3.2 創(chuàng)建站點(diǎn)

在制作網(wǎng)站時(shí)創(chuàng)建一個(gè)本地站點(diǎn)文件夾,這個(gè)文件夾用來存放和管理站點(diǎn)中的所有文件,該文件夾的四個(gè)子文件夾,分別是image、video、courseware、works,分別用來存放網(wǎng)頁(yè)的圖片、教學(xué)視頻、電子課件和學(xué)生作品。

啟動(dòng)Dreamweaver新建站點(diǎn),站點(diǎn)名稱為“平面設(shè)計(jì)課程教學(xué)網(wǎng)站”,本地根文件夾則設(shè)置為上面所建的本地站點(diǎn)。

3.3 網(wǎng)站建設(shè)中的關(guān)鍵點(diǎn)

3.3.1 網(wǎng)頁(yè)的布局

網(wǎng)頁(yè)的布局方式一般有:表格布局、框架布局及層布局。本站點(diǎn)中的網(wǎng)頁(yè)采用表格布局,表格比較容易設(shè)置和定位,方便管理調(diào)用,比較適用于排版統(tǒng)一的網(wǎng)頁(yè)[3]。不采用單一層進(jìn)行布局是因?yàn)閷拥慕^對(duì)定位方式導(dǎo)致網(wǎng)頁(yè)的穩(wěn)定性不高,層的位置會(huì)跟隨顯示分辨率的變化而移動(dòng),造成頁(yè)面混亂。

3.3.2 模板和庫(kù)的使用

由于網(wǎng)站中所有網(wǎng)頁(yè)的布局和界面大體一致,在制作和修改網(wǎng)頁(yè)時(shí)借助模板減少重復(fù)的工作量。避免了相同部分的輸入,而且在更新網(wǎng)站時(shí),只需修改模板,系統(tǒng)就能自動(dòng)更新基于這個(gè)模板的所有網(wǎng)頁(yè)。

此外還將網(wǎng)頁(yè)中的內(nèi)容的許多共性部分(如版權(quán)信息等)定義為庫(kù)元素,將其應(yīng)用在每個(gè)頁(yè)面需要的地方。與模板類似,當(dāng)相關(guān)信息發(fā)生改變時(shí),不必每個(gè)頁(yè)面都進(jìn)行修改,只需修改庫(kù)元素就會(huì)自動(dòng)更新全部網(wǎng)頁(yè)。

3.3.3 錨點(diǎn)鏈接

實(shí)驗(yàn)實(shí)訓(xùn)、學(xué)習(xí)指南、學(xué)生作品等網(wǎng)頁(yè)的特點(diǎn)是內(nèi)容分類多,但各項(xiàng)包含的內(nèi)容少。如學(xué)生作品分為海報(bào)設(shè)計(jì)、包裝設(shè)計(jì)、書籍封面設(shè)計(jì)等七個(gè)分類,而每一類展示的作品只有八幅,這樣就可以在頁(yè)面的右側(cè)設(shè)計(jì)一個(gè)內(nèi)部導(dǎo)航條,為其添加錨點(diǎn)鏈接。

這種設(shè)計(jì)方式是將全部?jī)?nèi)容放置在一個(gè)頁(yè)面上,瀏覽時(shí)利用錨點(diǎn)在同一頁(yè)面的不同位置進(jìn)行跳轉(zhuǎn)。這樣一來,在瀏覽不同類別的內(nèi)容時(shí)無需打開新的頁(yè)面或刷新頁(yè)面,提高了瀏覽速度,而且維護(hù)方便,省去大量重復(fù)代碼,減少了文件容量。

3.3.4 流媒體

教案與視頻頁(yè)面需要將教師授課視頻上傳至網(wǎng)站,考慮到傳輸網(wǎng)絡(luò)的帶寬、觀看者等待時(shí)間和視頻分辨率等因素,將所有視頻統(tǒng)一轉(zhuǎn)換為Flv格式。Flv的全稱是Flash video,是一種流媒體的格式,邊下載邊播放,形成的文件較小,加載速度快,分辨率適中。

3.3.5 以學(xué)生為中心

在網(wǎng)站的規(guī)劃和實(shí)現(xiàn)方面都堅(jiān)持以學(xué)生為中心。例如:針對(duì)不同水平的學(xué)生提供不同的教學(xué)進(jìn)度和學(xué)習(xí)目標(biāo),并配合難易度不同的課件、教學(xué)視頻以及課后習(xí)題;在討論區(qū)設(shè)置教師答疑版塊,集中解決學(xué)生學(xué)習(xí)中遇到的問題;設(shè)置反饋意見電子信箱,收集學(xué)生的意見和建議;網(wǎng)站欄目和內(nèi)部導(dǎo)航條的劃分符合學(xué)生的認(rèn)知心理等,真正實(shí)現(xiàn)了由以教師為中心向以學(xué)生為中心的轉(zhuǎn)變。

3.3.6 網(wǎng)站的更新

一個(gè)好的課程網(wǎng)站不僅需要建設(shè),更需要不斷更新維護(hù)。許多高校都建立了課程網(wǎng)站,但是建成后沒有后期的更新維護(hù),成了“一建了之”的工程,降低了網(wǎng)站的生命力,沒有達(dá)到促進(jìn)教學(xué)的最終目的。

平面設(shè)計(jì)課程發(fā)展速度很快,軟件不斷升級(jí)、國(guó)際流行設(shè)計(jì)不斷變化。筆者剛接觸Photoshop時(shí)的CS版本升級(jí)到現(xiàn)在CS4版本只用了四年的時(shí)間,增加了幾十項(xiàng)功能。為了讓課程跟上時(shí)代的步伐,不斷吸納最新的教學(xué)成果和研究成果,完善的教案、習(xí)題、視頻等教學(xué)資源[4],并將討論區(qū)里優(yōu)秀的學(xué)生原創(chuàng)作品提煉出來充實(shí)到網(wǎng)站中,實(shí)現(xiàn)網(wǎng)站的滾動(dòng)建設(shè),延長(zhǎng)生命力。

4 總結(jié)

課程網(wǎng)站的建設(shè)是教學(xué)模式和教學(xué)手段改革的一項(xiàng)重要內(nèi)容,課程網(wǎng)站可以實(shí)現(xiàn)優(yōu)秀教學(xué)資源和教學(xué)成果的共享,提高教學(xué)質(zhì)量。通過一年的運(yùn)行證明效果良好,學(xué)生自主學(xué)習(xí)的積極性增加,教師的業(yè)務(wù)水平也有所提高。課程網(wǎng)站的建設(shè)是一項(xiàng)長(zhǎng)期的工作,需要在教學(xué)實(shí)踐中不斷總結(jié)和完善。

參考文獻(xiàn):

[1] 智豐電腦工作室.Dreamweaver8網(wǎng)站設(shè)計(jì)制作入門與提高[M].北京:中國(guó)林業(yè)出版社,2006.290-292,298.

[2] 王向紅.“微機(jī)原理及接口技術(shù)”課程網(wǎng)站設(shè)計(jì)和實(shí)現(xiàn)[J].中國(guó)現(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)頁(yè)設(shè)計(jì)教學(xué)教案范文

【關(guān)鍵詞】理實(shí)一體化；網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)；課程改革

《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)》是針對(duì)網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)方向開設(shè)的一門經(jīng)過整合的專業(yè)核心課程，它涵蓋了Dreamweaver使用、Firework切圖、Flas制作、HTML語言、SQL數(shù)據(jù)庫(kù)和六大部分內(nèi)容，分為上、下 兩部分分別在大一下半學(xué)期和大二上半學(xué)期開設(shè)，學(xué)生通過學(xué)習(xí)本課程，掌握靜態(tài)和動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)和規(guī)劃、布局、美工、基本操作技術(shù)等方法。

通過工作過程導(dǎo)向的項(xiàng)目教學(xué)，學(xué)生掌握網(wǎng)頁(yè)圖片處理、制作等的基礎(chǔ)知識(shí)與技能，能夠根據(jù)不同主題選擇圖片類型，能夠熟練的使用Photoshop等圖形圖像處理軟件；根據(jù)需要完成網(wǎng)頁(yè)動(dòng)畫元素的合成，能夠熟練的應(yīng)用Flash軟件完成網(wǎng)頁(yè)動(dòng)畫元素的制作，能夠熟練應(yīng)用Dreamweaver軟件完成網(wǎng)頁(yè)的布局，完成前臺(tái)頁(yè)面的制作；能夠熟練應(yīng)用SQL軟件，建立數(shù)據(jù)庫(kù)和數(shù)據(jù)表；能夠使用T-SQL語句對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作；能夠在平臺(tái)上制作動(dòng)態(tài)網(wǎng)站。樹立良好的職業(yè)道德意識(shí)，具有一定的創(chuàng)新思維能力和科學(xué)的工作方法，為職業(yè)能力發(fā)展奠定良好的基礎(chǔ)。

當(dāng)前高等職業(yè)教育的辦學(xué)目標(biāo)是培養(yǎng)高素質(zhì)高技能型人才，而傳統(tǒng)的教學(xué)方法存在一些局限性，無法更好的提高學(xué)生的實(shí)際動(dòng)手能力，所以對(duì)該門課程進(jìn)行理實(shí)一體化教學(xué)改革是勢(shì)在必行的。

1、課程改革的指導(dǎo)思想

所謂理實(shí)一體化教學(xué)是指理論實(shí)踐一體化教學(xué)方法，即講授與操作一體化實(shí)施；教室、實(shí)驗(yàn)室和實(shí)習(xí)場(chǎng)所一體化配置；專業(yè)知識(shí)、操作技能與職業(yè)技能考核一體化訓(xùn)練的一種教學(xué)方法。它不是將理論教學(xué)和實(shí)踐教學(xué)進(jìn)行簡(jiǎn)單組合，而是通過實(shí)踐教學(xué)使學(xué)生能更好的掌握和理解理論知識(shí)，達(dá)到理論教學(xué)和實(shí)踐教學(xué)相融合，為學(xué)生的后續(xù)發(fā)展打好基礎(chǔ)。

（1）以能力為本位為指導(dǎo)思想

以能力為本位的思想已成為國(guó)際職教界的共識(shí)。課程建設(shè)與改革的最終目標(biāo)，就是培養(yǎng)學(xué)生的關(guān)鍵能力和職業(yè)能力。職業(yè)能力指從事職業(yè)活動(dòng)所需要的知識(shí)和技能，它是勞動(dòng)者勝任職業(yè)工作、賴以生存的核心能力；關(guān)鍵能力指那些與具體的職業(yè)和專業(yè)無直接關(guān)系，但對(duì)于一個(gè)人在現(xiàn)代社會(huì)中的生存和發(fā)展起著關(guān)鍵作用的能力，其目的在于填補(bǔ)學(xué)校教育與產(chǎn)業(yè)界實(shí)際之間的斷層與空白。

（2）建設(shè)“理實(shí)一體化”的新型課程模式

課程改革必須充分體現(xiàn)“以學(xué)生為中心”的課程思想?！耙詫W(xué)生為中心”的主要特點(diǎn)包括：“學(xué)”重于“教”；教師的作用是評(píng)估、判斷、建議和指導(dǎo)而不僅僅是信息與知識(shí)的傳遞；形成“自組織”和互動(dòng)的教學(xué)情境；發(fā)展學(xué)生的經(jīng)驗(yàn)和技能；課程的靈活性與個(gè)性化。

所以在進(jìn)行整個(gè)課程建設(shè)時(shí)，我們始終將“理實(shí)一體化”貫穿始終，以實(shí)際操作為主，通過實(shí)際操作來引導(dǎo)學(xué)生理解知識(shí)點(diǎn)。

（3）開發(fā)“任務(wù)驅(qū)動(dòng)”的學(xué)習(xí)進(jìn)程

課程改革倡導(dǎo)開發(fā)“任務(wù)驅(qū)動(dòng)”的學(xué)習(xí)進(jìn)程，在教學(xué)活動(dòng)中實(shí)踐“以學(xué)生為中心”的課程思想。學(xué)生通過完成“項(xiàng)目任務(wù)”進(jìn)而完成課程的學(xué)習(xí)，同時(shí)其“成果”用作學(xué)生評(píng)價(jià)的主要依據(jù)。這種采用“任務(wù)驅(qū)動(dòng)”的學(xué)習(xí)進(jìn)程，能夠有效地促進(jìn)教學(xué)過程中的師生互動(dòng)，有利于培養(yǎng)學(xué)生自主學(xué)習(xí)的能力和方法。

（4）建設(shè)豐富多樣的教學(xué)資源

本課程的教學(xué)資源種類豐富，包括教學(xué)計(jì)劃、課程標(biāo)準(zhǔn)、教學(xué)指導(dǎo)書、課件、教案、參考資料、參考視頻以及在線資源等。

2、課程內(nèi)容的教學(xué)改革

《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)》作為我系計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的核心課程，學(xué)生只有通過本門課程掌握了網(wǎng)站的設(shè)計(jì)和規(guī)劃、布局、美工、基本操作技術(shù)等方法，才能更好選擇就業(yè)方向，并且我們也走訪了包頭軟件園，對(duì)一些軟件公司進(jìn)行了調(diào)研，確定了本門課程在行業(yè)職業(yè)標(biāo)準(zhǔn)中的職業(yè)資格定位為網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)站程序員，因此按照理實(shí)一體化的思路對(duì)本門課程的內(nèi)容進(jìn)行了重新的整合和設(shè)計(jì)，將教學(xué)內(nèi)容設(shè)計(jì)成十四個(gè)學(xué)習(xí)情境，十四個(gè)學(xué)習(xí)情境分別為：網(wǎng)站策劃與創(chuàng)建、表格布局、div+css布局、框架布局、利用模板制作和更新網(wǎng)頁(yè)、表單頁(yè)面的制作、行為與網(wǎng)頁(yè)特效、flas設(shè)計(jì)、HTML語言、設(shè)計(jì)制作網(wǎng)絡(luò)計(jì)算器、SQL數(shù)據(jù)庫(kù)操作、留言板制作、綜合實(shí)訓(xùn)一和綜合實(shí)訓(xùn)二。針對(duì)每個(gè)學(xué)習(xí)情境都設(shè)計(jì)了相應(yīng)的實(shí)際案例，教師通過對(duì)案例的講解和演示，使學(xué)生先動(dòng)手會(huì)操作，在操作過程中，將相應(yīng)的基礎(chǔ)知識(shí)點(diǎn)帶進(jìn)實(shí)際操作中，使學(xué)生把實(shí)踐與理論聯(lián)系在一起，進(jìn)一步提高學(xué)生的操作水平，針對(duì)理解能力和接受知識(shí)能力強(qiáng)一些的學(xué)生，又設(shè)計(jì)有拓展知識(shí)點(diǎn)，使這部分學(xué)生掌握更多的理論知識(shí)。真正做到學(xué)生通過實(shí)踐理解并掌握理論知識(shí)，做到“做中學(xué)，學(xué)中做”。

3、教學(xué)方法改革

傳統(tǒng)教學(xué)方法在本門課程的傳授過程中存在一定的局限性。比如在講解學(xué)習(xí)情境二表格布局時(shí)，傳統(tǒng)的方式是先講解表格的使用及屬性的設(shè)置，然后讓學(xué)生練習(xí)表格的使用，雖然他們學(xué)會(huì)了表格的各項(xiàng)設(shè)置，但在使用表格進(jìn)行頁(yè)面布局時(shí)，學(xué)生往往卻沒有辦法下手，不能進(jìn)行靈活運(yùn)用，無法將將理論和實(shí)踐知識(shí)進(jìn)行了聯(lián)系，所以我們對(duì)教學(xué)方法進(jìn)行了改革，本門課程現(xiàn)在采用的教學(xué)方法有以下幾種：

（1）任務(wù)驅(qū)動(dòng)教學(xué)法

教師根據(jù)教學(xué)內(nèi)容準(zhǔn)備一個(gè)或多個(gè)項(xiàng)目。利用設(shè)計(jì)項(xiàng)目的過程引導(dǎo)和組織學(xué)生開展學(xué)習(xí)，在活動(dòng)過程中進(jìn)行學(xué)生互評(píng)、教師點(diǎn)評(píng)，再結(jié)合成功的項(xiàng)目給予演示。由項(xiàng)目引出教學(xué)內(nèi)容，由點(diǎn)到面，砌磚式地演練整個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的設(shè)計(jì)與制作過程，通過項(xiàng)目過程來培養(yǎng)學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)知識(shí)的應(yīng)用，實(shí)現(xiàn)整個(gè)教學(xué)內(nèi)容。

（2）六步法

每個(gè)學(xué)習(xí)情境都按照“資訊、計(jì)劃、決策、實(shí)施、檢查、評(píng)估” 六步完整的行動(dòng)過程。在教學(xué)過程中教師與學(xué)生互動(dòng)，讓學(xué)生在教師的指導(dǎo)下“獲取信息”、“制定計(jì)劃”、“實(shí)施計(jì)劃”、“評(píng)價(jià)所做結(jié)果”，在自己動(dòng)手的實(shí)踐中，掌握職業(yè)技能，習(xí)得專業(yè)知識(shí)，從而構(gòu)建屬于自己的經(jīng)驗(yàn)和知識(shí)體系。

（3）案例分析

在進(jìn)行教學(xué)時(shí)，教師對(duì)每個(gè)學(xué)習(xí)情景都設(shè)計(jì)好案例，然后進(jìn)行在上課的時(shí)候明確任務(wù)、教師演示、學(xué)生設(shè)計(jì)、展示評(píng)價(jià)等。

（4）分組教學(xué)法

在實(shí)訓(xùn)教學(xué)環(huán)節(jié)，課程通過項(xiàng)目分組的方式把學(xué)生分為若干項(xiàng)目小組實(shí)現(xiàn)分組設(shè)計(jì)。分組設(shè)計(jì)過程中，課程采用角色扮演的教學(xué)方法，每個(gè)項(xiàng)目分組扮演企業(yè)中的項(xiàng)目制作團(tuán)隊(duì)負(fù)責(zé)制作網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目，授課教師扮演企業(yè)中的業(yè)務(wù)經(jīng)理，負(fù)責(zé)向項(xiàng)目制作團(tuán)隊(duì)分配項(xiàng)目并對(duì)制作過程和制作結(jié)果進(jìn)行監(jiān)督與驗(yàn)收。

（5）課堂與實(shí)踐一體化教學(xué)方法

在教學(xué)場(chǎng)地上的安排上，將課堂安排在實(shí)訓(xùn)基地，教師通過投影設(shè)備演示制作過程，評(píng)點(diǎn)學(xué)生團(tuán)隊(duì)作品。學(xué)生就地實(shí)訓(xùn)，一邊學(xué)習(xí)理論內(nèi)容，一邊實(shí)訓(xùn)練習(xí)。

4、課程考核方式的改革

第9篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)教案范文

摘要：在一體化課程的改革、工學(xué)結(jié)合理念的更新時(shí)期，網(wǎng)站開發(fā)專業(yè)課程的教學(xué)也步入改革。我們?cè)诟母镎n程的時(shí)候，重視學(xué)生自主學(xué)習(xí)、自主創(chuàng)新、合作能力的體現(xiàn)，并且充分展現(xiàn)新網(wǎng)站開發(fā)課程與社會(huì)企業(yè)需求的結(jié)合。本文對(duì)網(wǎng)站開發(fā)專業(yè)的開設(shè)課程、課程內(nèi)容開發(fā)、教學(xué)手段、評(píng)價(jià)方法等進(jìn)行研究。

關(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年開始，中國(guó)的網(wǎng)站規(guī)?；颈３址鲩L(zhǎng)，2009年網(wǎng)頁(yè)數(shù)量達(dá)到 336 億個(gè)，年增長(zhǎng)率超過100%，網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)成為當(dāng)今社會(huì)一種熱門的新興職業(yè)。為此，各學(xué)院都紛紛開設(shè)網(wǎng)站開發(fā)課程，來滿足社會(huì)對(duì)這方面人才的需求。筆者在此對(duì)網(wǎng)站開發(fā)專業(yè)的開設(shè)課程、課程內(nèi)容開發(fā)、教學(xué)手段、評(píng)價(jià)方法等進(jìn)行研究與探討。

一、傳統(tǒng)網(wǎng)站開發(fā)專業(yè)課程存在問題

傳統(tǒng)學(xué)院的網(wǎng)站開發(fā)課程是我們用熟悉的Dreamweaver、photoshop軟件制作網(wǎng)站的課程。這門課程是實(shí)踐性很強(qiáng)的課程，具有豐富的圖形界面，可以在網(wǎng)頁(yè)上看到布局的效果。這本該是一門比較容易出“成果”的課程，但該課程教學(xué)仍存在以下問題。

一是傳統(tǒng)教學(xué)內(nèi)容都是1～2門課程，包含頁(yè)面設(shè)計(jì)、布局、后臺(tái)功能，學(xué)習(xí)內(nèi)容比較淺，學(xué)習(xí)時(shí)間比較短，同時(shí)部分課程內(nèi)容在企業(yè)中已被淘汰，如：表格布局、flash等，而Html5、Css3新技術(shù)的興起在企業(yè)工作中卻是必不可少的。這些問題導(dǎo)致學(xué)生在學(xué)校學(xué)的技術(shù)和到企業(yè)做的不一致，同時(shí)無法達(dá)到企業(yè)要求的深度，在畢業(yè)后無法接軌企業(yè)，這是學(xué)校面臨的比較大的問題。

二是傳統(tǒng)教學(xué)模式主要通過“理論+實(shí)踐”的方式組織教學(xué)過程，選取課本后編寫教學(xué)計(jì)劃教案，按書上章節(jié)的內(nèi)容在計(jì)算機(jī)房進(jìn)行講解實(shí)踐。由老師進(jìn)行講解、示范、輔導(dǎo)，學(xué)生按教材要求完成相應(yīng)學(xué)習(xí)內(nèi)容。我們可以看到在教學(xué)的過程中，老師都是“填鴨式”地教，學(xué)生都是跟著老師在做。最終學(xué)生只學(xué)會(huì)了做這個(gè)網(wǎng)站，而換一個(gè)主題則完全無法完成。這種方式看上去學(xué)生一直在實(shí)踐，卻達(dá)不到培養(yǎng)學(xué)生實(shí)踐能力的目的。原因在于學(xué)生只學(xué)會(huì)跟隨老師去做，而忽略學(xué)生學(xué)習(xí)過程中的自我思考、自我學(xué)習(xí)、自我創(chuàng)新能力，而這正是網(wǎng)站設(shè)計(jì)人員最重要的能力。

三是傳統(tǒng)的教學(xué)評(píng)價(jià)方法都是以理論進(jìn)行考核，但這樣的考核方式卻無法檢驗(yàn)學(xué)生的實(shí)踐能力，就算理論滿分也無法滿足企業(yè)的需求。

二、網(wǎng)站開發(fā)專業(yè)教學(xué)的改革建議

1.重新確定培養(yǎng)目標(biāo)及課程

因網(wǎng)站開發(fā)領(lǐng)域的不斷發(fā)展，網(wǎng)站開發(fā)課程已可以獨(dú)立成為一門專業(yè)，而且該專業(yè)相關(guān)的崗位較多。為貼近企業(yè)的用人需求，我們邀請(qǐng)專家進(jìn)行專業(yè)訪談會(huì)，首先從網(wǎng)站開發(fā)流程了解企業(yè)崗位。一個(gè)網(wǎng)站的開發(fā)主要經(jīng)過產(chǎn)品經(jīng)理—網(wǎng)頁(yè)美工—網(wǎng)頁(yè)重構(gòu)—前端開發(fā)—網(wǎng)站功能開發(fā)—網(wǎng)站測(cè)試—網(wǎng)站運(yùn)營(yíng)維護(hù)的過程，因此確定學(xué)生就業(yè)目標(biāo)的崗位有網(wǎng)頁(yè)美工、網(wǎng)頁(yè)重構(gòu)、前端開發(fā)、功能開發(fā)、網(wǎng)站推廣。接著從崗位中確定課程，如：“網(wǎng)頁(yè)重構(gòu)”崗位需要開設(shè)“web標(biāo)準(zhǔn)化布局”課程。最終，確定幾門課程為專業(yè)課程（見表1）。按照職業(yè)發(fā)展的過程，可以將課程分為中級(jí)和高級(jí)階段。對(duì)于比較難掌握的學(xué)科網(wǎng)頁(yè)腳本編程等，可分兩個(gè)學(xué)期進(jìn)行講解，以便于學(xué)生循序漸進(jìn)地學(xué)習(xí)。

2.開發(fā)工學(xué)一體的課程內(nèi)容

在課程開發(fā)中，我們從企業(yè)該崗位工作中提取真實(shí)的工作任務(wù)，并轉(zhuǎn)變成為學(xué)習(xí)任務(wù)，例如：web標(biāo)準(zhǔn)化布局，可以提取企業(yè)網(wǎng)布局、門戶網(wǎng)布局這兩個(gè)比較典型的任務(wù)作為學(xué)習(xí)目標(biāo)，因?yàn)閷W(xué)生最終到企業(yè)，很可能需要完成這兩個(gè)工作任務(wù)。同時(shí)發(fā)現(xiàn)，在學(xué)習(xí)中，直接給予學(xué)生的企業(yè)工作任務(wù)難度較大，所以我們?cè)陂_展企業(yè)網(wǎng)布局和門戶網(wǎng)布局這兩個(gè)任務(wù)之前需要添加兩個(gè)有趣的小任務(wù)（百度網(wǎng)布局和個(gè)人博客）作為熱身，熟悉任務(wù)，以使學(xué)生能夠從易到難地完成任務(wù)。表2是web標(biāo)準(zhǔn)化布局最終的4個(gè)任務(wù)。在開發(fā)教材任務(wù)的時(shí)候，還需要注意按照企業(yè)實(shí)際工作的流程分解開發(fā)。如“個(gè)人博客”任務(wù)就可以從規(guī)劃效果圖—html布局—css美化網(wǎng)站—測(cè)試驗(yàn)證網(wǎng)站這幾個(gè)小活動(dòng)流程中去完成（見表3），以便學(xué)生在學(xué)習(xí)過程中了解到企業(yè)真實(shí)的工作情況，同時(shí)養(yǎng)成執(zhí)行企業(yè)工作流程的習(xí)慣。

3.教學(xué)方法的改革

在教學(xué)中，應(yīng)該改變以往的老師灌輸、學(xué)生聽講的教學(xué)方式。教師應(yīng)該多以學(xué)生為中心，多給予學(xué)生開放性問題，引導(dǎo)學(xué)生思考問題，讓學(xué)生自覺地完成任務(wù)。例如要完成一個(gè)“IT產(chǎn)品銷售網(wǎng)站”，我們不應(yīng)該直接動(dòng)手打代碼演示，直接完成企業(yè)網(wǎng)布局，讓學(xué)生跟隨操作。在學(xué)生接到任務(wù)后，教師應(yīng)該引導(dǎo)學(xué)生做客戶需求調(diào)研，根據(jù)企業(yè)選擇合適的主顏色，使學(xué)生不僅僅要懂得做，更要明白為何這樣做，同時(shí)提高學(xué)生自我學(xué)習(xí)能力，提高學(xué)生的學(xué)習(xí)興趣。教師還應(yīng)該多考慮企業(yè)的工作環(huán)境和模式。如企業(yè)中真正的網(wǎng)站開發(fā)是團(tuán)隊(duì)工作，我們?cè)谡n程中可以嘗試團(tuán)隊(duì)合作的方式，增強(qiáng)學(xué)生的團(tuán)隊(duì)合作能力。對(duì)于一些技術(shù)難點(diǎn)，可以舉一些生活中通俗的小例子，例如解釋什么是html和css，可以比喻， html好比是人的身體結(jié)構(gòu)，而css就是人的眼鏡、衣服、鞋襪等裝飾物品。這樣將學(xué)習(xí)融入到生活，可以提高學(xué)生的學(xué)習(xí)興趣。同時(shí)課外時(shí)間可鼓勵(lì)學(xué)生利用網(wǎng)上資源，如利用慕課網(wǎng)（IMOOC）進(jìn)行學(xué)習(xí)更新知識(shí)。這樣將課堂教學(xué)和課外指導(dǎo)緊密結(jié)合起來，延伸了課堂教學(xué)的時(shí)間和空間，彌補(bǔ)了課堂中的不足。

4.校企結(jié)合的教學(xué)評(píng)價(jià)

課程的考核主要為平時(shí)成績(jī)60%+期末成績(jī)40%，在平時(shí)成績(jī)中，應(yīng)更看重學(xué)生完成任務(wù)的過程，和與人交流、團(tuán)隊(duì)合作的情況。而期末考試應(yīng)以實(shí)際的網(wǎng)頁(yè)作品為主，在完成任務(wù)后，學(xué)生還需要進(jìn)行作品答辯?？己擞山處熀推髽I(yè)人員共同進(jìn)行評(píng)價(jià)。這樣既考核了學(xué)生完成網(wǎng)站作品的實(shí)際工作能力，又增強(qiáng)了學(xué)生與人溝通表達(dá)、與人交流的能力。企業(yè)人員的評(píng)價(jià)，使學(xué)生更加了解企業(yè)中真實(shí)的需求，從中了解到自己的不足，便于下一步提高自己的專業(yè)能力。

參考文獻(xiàn)：

[1]王曉紅,周立.《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革[J].北京聯(lián)合大學(xué)學(xué)報(bào)：自然科學(xué)版，2006（20）.