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