時間：2023-07-10 09:24:49
序論：速發表網結合其深厚的文秘經驗，特別為您篩選了11篇網頁制作與設計范文。如果您需要更多原創資料，歡迎隨時與我們的客服老師聯系，希望您能從中汲取靈感和知識！
網頁制作課程包括設計軟件的學習和設計技術的學習兩部分。一般高校的計算機技術管理等專業都會設置一定的網頁制作課程來提升學生的網絡技能。
在課程設置上，一般院校都會在學生進入大二后開設網頁設計課程。主要原因是，網頁制作包含了較多的網絡技術語言，且考查到了學生對信息、設計的知識的綜合應用，需要在大一階段打好理論、技術的基礎。
網頁制作課程的教學內容主要包括程序設計語言、數據庫原理等。其中程序語言包括了C語言，C++語言，Java語言等，數據庫原理則分為Access數據庫基礎，VFP數據庫基礎等內容。學生可以根據自己的專業情況和學習進度從中做出選擇和組合。
2.教學目標
網頁制作課程的總體教學目標是，使學生通過對相關網絡技術基礎內容的學習和實際的上機操作，掌握一定的網絡技術應用能力，并在此過程中培養學生的自主創新能力和團隊協作精神。其中具體的教學目標有以下幾條：
2.1 知識目標
在進行網頁制作前首先要掌握一定的網絡基礎知識和軟件操作流程。例如Dreamweaver是網頁制作中十分常用的一種軟件。在進行網頁基礎知識的學習時要對軟件菜單欄、工具欄等項目的操作方法進行熟練掌握。對于一些基本的編輯、排版技術也要做到有一定的了解。具體應掌握的技術有表格繪制、排版的技術，動畫、音頻的處理技術，網頁編輯、鏈接的技術，圖形繪制暈染的技術等。
2.2 技能目標
技能目標主要指根據現有的網頁內容，通過模仿、修改等方式初步完成網頁的制作。在網頁中應包含一定的解釋、說明文字，與文字相對應的圖片、符號及一定的動畫、切換效果等。在進行網頁內容的排版時，可借助一定的表格劃分內容結構和層次，還可給網頁配上一定的背景圖片和音樂以豐富網頁內容，增加網頁的觀賞性和完整度。
2.3 情感目標
情感目標主要包括學生在進行網頁制作時培養的團體合作、自主創新及操作動手等能力。與此同時，學生在學習網頁制作的過程中也相應地提高了鑒賞能力和學習能力，給未來的職業發展打下了一定的基礎。
3.網頁制作課程的內容
網頁制作課程的教學內容主要包括網站制作基礎知識、網頁制作、網頁特效、網頁圖像處理和動畫制作等四個部分。其中，網站制作部分會涉及到網站和網頁概念的區分，網站設計語言等內容;網頁制作則會應用到Dream Weaver，FrontPage等網頁制作軟件;在網頁特效部分，會著重介紹JavaScript、Gif圖片的制作;在網頁圖像處理和動畫制作上則會應用到Photo Impact和Flash動畫制作軟件。
4.網頁設計課程的設計思路
盡管我國許多高校都開設了網頁設計這一課程，但由于課程設計、操作設備等條件因素的限制，其實施效果并不理想，制作出的網頁也難以達到實際使用標準。造成這一情況的主要原因有兩個。首先是網頁色彩的搭配不符合審美的要求，其次是網頁內容的安排缺乏一定的合理性和規范性。網頁設計課程的作用就是幫助學生在審美、設計等方面獲得全面的提高和成長，因此在設計教學內容時，必須綜合考慮到各個方面，設計出相對科學、高效的網頁設計培訓課程。
在教學進度的設置上，可以采用分部教學的方式，將一些具有難度的項目分解為幾個部分進行教學。例如幾個網頁制作軟件的應用，對于初學的學生而言具有一定的難度，教師在教學時可以先從基礎知識入手，使學生對軟件的用途有一個整體的把握。其次，在分部講解軟件中所包含的功能，使學生在實際操作中逐漸掌握軟件使用的方法。
課程設計必須充分遵循學生學習、進步的一般規律，切實提高學生網絡技能。為達到更好的教學目的，教師在教學時應注重根據學生的學習興趣進行教學安排，充分激發學生的學習動力，提高學習效率。同時，在教育形式上也可進行一定的創新，充分利用網絡資源，為學生提供更多的學科信息。在學習不同內容時，也應采用不同的教學模式。例如在學習網頁制作的相關理論知識時，要注重教學語言的簡潔、生動，使學生能在短時間內理解網絡應用語言和網頁圖像符號;在網頁制作過程中，應著重培養學生的自主創新能力和編排規劃能力。在設計網頁內容時充分保證學生的自主性，讓學生根據自己的審美情趣和專業技巧對網頁內容進行安排。教師在這一過程中主要起到引導作用，在學生遇到技術性困難時給予一定的指導和幫助，使學生能在具體的操作過程中，培養起一定的自學能力和創新能力。為提高學生的相互協作能力，教師還可建立合作小組，對一些重點難點的內容進行小組分工。在具體實施工作上，則由小組組員自主安排，在保證了小組合作的同時，也強調了學生學習的自主性。
5.教材分析
網絡課程設計是針對當前網絡教學過程中，如何有效直觀的進展課程和培養學生實際操作能力的一種教學方式，它突出以學生為重點，強調理論實際相結合從而達到快速掌握和應用的目的。“網站開發與網頁制作”是運用編程語言，數據庫語言和網頁美工的一種集網頁鏈接、編輯、制作生成的所見即所得的網站編輯程序，它的誕生提高了宣傳和認知能力，加速了電子商務的發展，基于它的重要性和普遍性，激發了我們對網絡課程設計的濃厚興趣，使之精益求精，來確保我們的“網站開發與網頁制作”課程豐富多彩，運用自如。
1 “網站開發與網頁制作”網絡設計現狀分析
1.1 網站開發語言安全性
網站開發采用的語言有ASP、php、aspx、java等，實際開發制作中PHP+SQL的應用非常廣泛，這在網絡課程設計中也是綜合運用的重要課程，它能獨立實現網頁的自由切換，完成復合圖形的鏈接，調整網站的模式結構，它的動態因素還能起到吸引眼球，脫穎而出的效果；網站開發中PHP+SQL的綜合運用更是提高了網頁的利用空間，加速了后臺數據庫的建立，同時提高了網站開發的安全性和注重瀏覽者的綜合感受。
1.2 靜態網頁制作中Dreamweaver的應用
現階段，在網站開發與網頁制作課程中，Dreamweaver網頁靜態編輯器應用最為廣泛，它從最初的1.0版本升級到CS5，同時它的功能也從簡單的調節色階、飽和度、制作文字圖框上上升到獨立編輯和創建動漫圖片，三維立體調色，人物實體渲染等豐富強大的功能，這在網頁制作圖像編輯上發揮了立竿見影的作用，其次它帶有掃描和創作功能，使制作的圖片所見即所得；同時他還具有自由變換渲染實景的強大功能，可以還原復古地域風情、分辨明暗光景、豐富人物表情等，使我們的圖像新穎而富有特色。
1.3 收錄引擎對網站的友好度
搜索引擎屬于網站開發與網頁制作的后臺工作，它是支撐網頁正常運行的必要條件，也是網站鏈接顯示的重要組成部分，PHP、JAVA、ASP程序的編寫就好比人的大腦，它的關鍵度和完整度不言而喻。在制作處理完網頁，建立網站后往往要優化系統，有利于提高網站的點擊率和被百度收錄的幾率，這也是網絡課程設計的范疇，由于網頁腳本語言的改革使得SEO優化系統后豐富了網站的實用性，從而提高了網站開發與網頁制作的熱情和創新性。
2 “網站開發與網頁制作”設計發展規劃
2.1 多層次深發展滿足不同領域的需求
網絡課程是一種以學生為主體的網絡教育方式，它注重學生的實操能力和融會貫通能力，改變了老師口傳式的傳統教學模式，更好的活躍了學生氛圍。網絡課程設計可以根據學生接受能力的不同、所處領域的不同實行分類式教學模式，分層次輔導，有的放矢。例如，對研究和專業學生的教學，專業學生注重就業方向，我們設計的網絡課程就偏重于實用性，把日后經常用到的知識點納入教學中；對于研究傾向的學生偏重于后臺技術的開發，使它們在今后的研究中取得新的進展和突破，這樣做到有針對性的因材施教可以滿足不同領域學生的需求。網絡課程設計不受時間和地點的限制，可以重復式學習和互動，使學生更好的接受和完成學習任務。
2.2 整合資源優化知識結構，提高網絡課程設計效率
在網絡課程設計中，注重知識點的整合和知識結構的優化是關鍵的一個步驟。網頁制作不僅要求學生靈活掌握網站框架結構，而且在其藝術性上也提出了更高的要求，例如：在網頁制作中加入文字描述是我們常常遇到的問題，這時我們可以涉及如何加入文字并進行藝術設計，如何制作文字動態效果，并且兼顧抓取整段文字的關鍵詞，瀏覽備注信息和搜索引擎中出現的頻率等，這樣就構成了由點到面，循序漸進形成一系列連貫的知識點。再有網站開發過程中，網站鏈接瀏覽器的選擇也十分重要，它涉及到網站的權重問題和優先選擇問題，網站權重突出了網站的地位和導向，我們來換位思考一下，在搜索時習慣輸入什么知識點鏈接哪些網站，什么樣的域名優先錄取等都是我們需要考慮的，這也是我們網絡課程設計中資源優化的體現。
2.3 理論實際相結合，培養學生動手能力
在網站開發與網頁制作網絡課程設計中，首選要建立大量的圖庫資源和圖片資料，要求學生在日常生活中注意積累如各地人情，旅游風景，代表建筑物等一些列具有紀念價值的圖片，使得網頁制作過程中有豐富素材可用；其次課程設計中要多引進網站創新案例，利用多媒體播放一些特點鮮明的網站作品，使學生在潛意識中加深印象，在創新案例講解過程中融入教學重點和網絡設計難點，使學生享受成功案例的同時學到知識，長時間耳濡目染使學生形成一種創新網站設計構想的良性循環；最后要多培養學生善于總結和創新能力，注重學生的動手能力，在網絡課程設計中要留出足夠時間，反復實操。
2.4 將前臺簡單的網頁編輯延伸至后臺技術的開發及數據庫的整理
網站后臺制作是一項乏味而艱巨的任務，針對它的特殊性和復雜性，在網絡課程設計時，注重多媒體的使用，這樣可以使枯燥的編程程序直觀的表達，易于學生的接受；其次后臺數據庫的整理工作更是需要專業知識的鋪墊，需要多涉及實際數據的推算和項目數據庫整理工作，同時注重學生的綜合感受和自我評價能力，使它們能完全融入先進的課程設計中，從而達到理論實際結合的目的。
3 結束語
時代在發展，教育在改革，隨著計算機應用的普及，網絡教育占據主流力量，網站開發與網頁制作網絡課程設計會得到大力的推廣和應用，它不僅可以直觀形象的講解原理，因材施教，而且注重學生理論實踐相結合的動手能力，從而大大提高了學生的綜合素質和就業適應能力。
參考文獻
[1]韓陵宜.網頁制作課程教學及考核方式的研究與探索[J].計算機教學與教育信息，2008（03）.
[2]紀明明.淺談“項目教學法”在網頁制作與網站設計課程教學中的應用[J].中國新技術新產品，2010.
[3]盧新建.試談ASP動態網頁課程的教學探索[J].計算機應用教學研究，2010（10）.
作者簡介
近年來為使學生能夠盡快滿足用人單位的需求，高職院校與相關的行業企業在專業建設、實習實訓基地建設、學生頂崗實習等諸多方面都進行了深度廣泛的合作。校企合作積累的人才培養的經驗來看，用人單位更看重的是學生的個人素質和主動參與學習的能力，進而希望學校對所授課程的教學手段的運用應更加靈活。本文力求對現有的課堂教學手段和模式進行整合和改良，進一步優化教學效率，以使每一個學生的個性化教學需求得到最大的滿足，從而更有效地幫助學生理解和運用各種知識和技能，從而提高學生主動學習的能力和個人的綜合素質。
1、現有的課堂教學模式調查分析
通過設計調查問卷的方式對我校2010級藝術類專業的學生做了關于《網頁制作》課程的課堂教學的調查，調查結果如下：
“在課堂學習過程中你最喜歡的環節是”，60%的學生選擇“完成了做業的成就感”，40%的同學選擇“老師精彩的課堂導入”；
“在課堂學習過程中最吸引你的環節是”，60%的學生選擇“教師準備充分，講解到位，學習起來省時省力”，40%的同學則認同“在課堂上體驗到成就感和幸福感，感到學習的快樂”；
“每次的作業評價對你的吸引力”，95%的學生選擇“可以持續激勵我學習該課程”；
“你認為該課程考核模式最好是”，95%的學生選擇“積累每節課的分數，期末合計”；
“你希望課堂學習過程中教師應該是”，60%的學生選擇“控制課堂氣氛，調節學生情緒?！?0%的學生選擇“隨時提供幫助，解決問題?！?/p>
“你可能逃課的最主要原因”，80%的學生選擇“老師不點名，不影響成績”，20%的學生選擇“課程無聊”；
“你喜歡教師以小組為單位進行教學活動嗎”50%的學生選擇“不喜歡”，50%的學生選擇“一般”；
“你希望學習成績優秀的最好的獎勵方式應該是”，70%的學生選擇“組織參加有意義的活動，從中體驗成功”，30%的學生選擇“本專業公示名單，發獎品”。
從調查反饋結果中可以發現，目前通用的教學手段能夠滿足學生的需求，傳統的教學模式雖然還是能夠被學生接受，如學習小組創建，教與學順序確定等。但在滿足個性化差異方面，課堂教學活動的執行存在較大不足。目前的學生由于生活背景、成長的社會環境的影響，普遍個性較強，因此學生對組件學習小組的學習方式不再積極，尤其是學習小組成員構成以及成員之間分工不明確，小組在完成項目時缺少有效的監控時，學習層次好的學生會有不滿情緒。另外幾乎所有調查的學生對課堂氣氛、自身的學習情緒有了更高的要求，對學習該課程的成就感、成功感有一定要求，因此如果教師不能根據學生的情況來靈活控制課堂的教學活動，就會導致教師的教學方法和學生的學習方法如果不能很好的配合，學習效果不夠理想。這將影響學生的學習積極性，大幅降低教與學的效率。
2、教學活動設計
網頁設計課程是一門應用性很強的技能課。同時網頁制作技術發展較快，教學內容涵蓋網頁制作的主流技術，并適當對前沿熱點問題技術進行介紹，針對不同內容，應采取相應的講授方法，以獲得最佳的教學效果。在實際教學過程中，每一個學生往往會有不同的知識背景、性格差異，從而會有不同的學習目的、學習速度、對知識的掌握程度、學習和考試的結果等等。所有這些實際需求決定了課堂教學活動的設計和實施。教師需加強對課堂節奏的把握和管理，在明確教學目標的前提下，首先應熟練駕馭所授內容，從而有針對性地為不同的教學內容設計不同的教學活動。
2.1 加強課堂紀律管理
學生課堂紀律的好壞與教學活動能否順利實施密切相關，因此良好的課堂紀律是上好一堂課的前提和重要保障。目前高職學生普遍具有自我約束力不強的特點，主要表現在上課無故遲到、早退，在課上睡覺，并偷偷的上網游戲等等。我們做的調查結果也表明，大多數學生遲到早退甚至曠課的原因是認為老師不管，不影響成績。筆者通過教學實踐證明，在課上一定要嚴格要求，首先要明確地告之本門課對考勤及課堂紀律的明確要求以及相應的獎懲措施。并要以身示范，要求學生做到的，自己首先做到，標準制定后必須嚴格執行。當然對于經常容易違反紀律的同學，在看到他的一點小進步的時候，要注意肯定，多加贊許和激勵，效果不錯。
2.2 溫故而知新方式導入新內容
《網頁制作》課程的教學過程中的導入環節的形式是多種多樣的。選擇合適的課堂導入能夠自然而流暢的實現新舊知識的過渡，優化學生的學習效果。至于選擇何種導入方式很大程度取決于課程的排課時間和教師對學生和所授內容的把握。通常我校的《網頁制作》課程一周講授一次，一次4個學時即上午四節課的時間。如此時間周期的間隔上課，如何能讓學生有效梳理已講的知識，從而能為學習新的內容做好鋪墊。在教學實踐中， 我們經常有這樣的經歷， 在復習的過程中時，有時會在不經意間對已經很熟悉的內容產生新的理解，新的想法。由此，我在教學中將我國古代偉大教育家孔子提出“溫故而知新”的學習方法轉變為“溫故而知新”教學法，收到了很好的效果。首先增加學生的復習次數，便于知識的掌握；其次對學生暴露出的問題，能及時給予糾正；還能祈禱活躍課堂氣氛，調動學生的積極性，使學生迅速掌握新知識的作用。
2.3 小技能競賽鞏固重點與難點
《網頁制作》課程內容廣泛，不乏很多重點知識、難點問題，更有一些是當前制作網頁的主流技術需要學生去熟練掌握，并加以靈活運用。那么怎樣調動學生動手實踐的積極性呢？一次課上，我突然冒出了一個想法，來一次小技能競賽。規定一分鐘時間，做一個帶顏色的細線表格。按要求第一個完成任務者可免做本次課后作業。我話音剛落，全班頓時鴉雀無聲，各自在電腦前埋頭苦干，以前上課不認真聽講、玩游戲的同學，有的在認真翻看教材尋找相關內容，有的緊盯著旁邊同學操作，這一次技能小競賽收到了出乎意料的效果?？磥砼紶栐谡n堂上搞一次諸如此類的小技能競賽，既不占用課堂時間，反而對調動學生課堂學習的積極性起到了促進作用。通常按要求又快又好完成任務的必然是對知識掌握程度很好的學生，對課后作業即便是老師不作要求也能完成。筆者通過課堂實踐，發現這個教學活動反而對那些學習目的不明確，課堂學習任務完不成、主動學習能力弱的學生的促進作用更大，同時也能有效地鞏固難點知識與重點要掌握的技能。
2.4 講評每次作業激勵學習熱情
一種合理的評價反饋機制，有利于刺激學生的學習積極性。通過前面的調查問卷也發現，學生性格的差異影響著學習情緒的因素有很多，但絕大部分學生都需要對學習的成就感、學習的自信和自尊的渴求。有些學生會因得到認可而受鼓舞，也有些學生則會因鼓舞而去不斷接受新的挑戰。學生的層次不同，接受能力也不同，這是當前教師所面臨的客觀事實。那么如何掌握教學進度并照顧到所有學生的學習要求，讓所有的學生在課程的學習過程中都有成功的體驗。由此，我在學生的獨立完成作業環節中打破以往的做法即提供兩個有難易差別的題目，而是一個題目同時提出四到五個完成該作業的要求，使學生能夠根據自身能力和興趣去完成題目。不同學習能力的學生都會將自己已掌握的知識技能發揮出來，在這個過程中，教師要及時跟進作業講評，對完成的每一個要求都積極贊揚，這樣學生會不斷獲得成就感，更大的激發他們的學習熱情。目前大多數課程由于課時限制，平時的作業練習很少有時間在課上做有效的反饋，不利于刺激學生的學習積極性。調查之中我們也發現課堂上，學生非常希望能得到老師的表揚和鼓勵，這就要求我們老師，要多給學生學習成果上的關注，多關注學生的情感體驗。
2.5 階段性總結學習狀態鞏固學習成果
調查結果顯示學生其實非?？粗亟處煂ψ约旱脑u價，當他們得到認可時，就覺得自己有進步，興奮之情溢于言表，學習情緒漸入佳境，因而增強學習的內部動力，這就達到了我們通常所說的變“要我學為我要學”的教學的內涵。高職學生或多或少都存在懈怠懶散的毛病，加之年齡偏小，有的還沒脫離初中、高中的課堂管理模式，因此在教學進程中放任自流會造成跟上隊伍的學生越來越少，以至于期末節課考試時才發現對該課程的掌握非常不系統，知識點技能點相對零散。因此筆者的做法是每四周做一次階段性地學結，分別從課堂紀律、作業完成情況、學習態度方面做信息反饋，表揚優秀學生，鞭策落后學生。這就好比我們教師在實施教學活動過程中，要時不時地拽一拽手中的風箏（學生）線，讓風箏知道教師一直在關注他，關注他的學習狀況。否則一些自我管理能力差的學生會認為老師從來沒注意到我，我先放松一下。教學實踐表明，階段性總結學習狀態能營造一種開放、積極的學習氛圍是調動學生持續性主動學習的最有效方法，能有效地鞏固學習成果。教師要在階段性總結中多發現可以肯定的東西，正確的加以贊賞， 讓他看到自己的成績， 以利再學。
3、結語
面對二十一世紀的學習對象，學生可以非常便捷地在網絡上獲取到大量的學習資源，如何最大程度地滿足個性化的學習需求是任課教師不得不面對的挑戰之一。有鑒于此，本文對如何滿足差異化學習需求的教學活動及其執行過程中的有效控制給出了一些方式，實踐證明及調查結果表明在一定程度上滿足了不同學生的實際需求，讓學生在學習過程中獲得成就感和滿足感。當然，我們的研究工作還存在一些不足。例如還需要對網頁制作相關技術的有效教學進行持續研究，以充實的內容吸引學生，而且要在教學方法上不斷進行革新，如何利用活躍的課堂氛圍感染學生，來幫助教師高效地完成知識的傳授將作為今后研究的一個主要課題。
參考文獻
[1] Lipeng Wen，Chris Jesshope. A General Learning Management System Based on Schema-Driven Methodology[A]；Proceedings of the 4th IEEE International Conference on Advanced Learning Technologies[C].Joensuu， Finland， 2004.633-635.
第五，單擊菜單“窗口”中的[框架]，顯示[框架]面板，在[框架]面板中，選中“mainFrame”，在[屬性]面板中將“滾動”設為“自動”。
第六，在頂部的框架中插入圖像。在左側的框架中插入一個7行1列的表格，在表格中輸入文字。
第七，在左框架的表格中選中文字，分別設置文字的超鏈接。
第八，按下F12鍵，打開瀏覽器查看網頁內容。
這個例子用框架布局整個頁面，但在框架里又嵌套了表格，這就實現了框架和表格有機結合，讓頁面布局更加靈活。
三、表格和框架的優缺點
表格是用于劃分頁面區域的。使用表格布局頁面的好處是：表格方便排列有規律、結構均勻；使用表格會使頁面結構清晰、布局整齊；表格可被絕大部分的瀏覽器所支持，具有很好的兼容性。表格的缺點是容易產生垃圾代碼，影響頁面下載時間，靈活性不大，難于修改。
框架則是用于分割瀏覽器窗口的，框架可以將一個頁面拓展為多個頁面，每個頁面都可以顯示不同的網頁?？蚣艿膬烖c是支持滾動條，方便導航?？蚣艿娜秉c是：難以實現在不同框架中精確地對齊各個頁面元素；保存時不方便，應用范圍有限；兼容性不好，并不是所有瀏覽器都提供良好的框架支持。
使用表格和框架對網頁進行布局，各有利弊。初學者要根據不同網頁頁面的要求做出良好判斷。
中圖分類號：TP3-4文獻標識碼：A文章編號：1007-9599 (2012) 07-0000-02
在網絡技術迅速發展的今天，網頁設計與制作已成為當今社會上一種比較熱門的技術，也是“計算機應用技術、計算機網絡技術、國際貿易、國際商務專業”等專業學生的必修課，同時，也是相關專業學生的選修課[1]。
一、《網頁設計與制作》課程現狀與問題
對于以往的教學方式與內容，其相對落后的表現為：以簡單分析為主線，系統的概念化設計思想較弱；以文字教材與課堂講述的方式傳授知識為主導；過于重視軟件的操作，幾乎沒有創新設計的內容，忽視培養學生創造性思維；新理論、新技術相對偏少；與實際案例的聯系不密切、沒有反映現實技術的發展水平。
二、《網頁設計與制作》課程教學改革的對策
（一）教法的改革
“教師一張嘴、學生一支筆”的傳統“填鴨式”教學模式，是培養不出掌握熟練技能技巧面向市場的網頁制作人才的。為此，我們必須在教師的教法上改革傳統的教學模式。
1.注重培養學生的新思維
教學改革的關鍵是教師，要把如何培養具有創新能力的網頁制作人才放在第一位。有了創新意識，就能抓住創新機會，產生創新方法，啟動創新思維。通過改革，帶動和影響學生去創造、去想象、去獨立思考。培養學生的創新思維，可以改變學生依賴老師的習慣，也可以改變計算機教學傳統的填鴨式、灌輸式的教學方法。代之以自學指導法、嘗試教學法、提問驗證法等。教學方法創新，可使學生具有獲取新知識的能力，為他們在今后工作中不斷創新打下基礎。
2.使學生從課本中解放出來動手實踐
傳統教學方式學生取得知識的途徑主要是教師的課堂講授和教科書。筆者認為，教師應該讓學生從書本和課堂中適度解放出來，要求學生積極參加實踐，接觸實際問題，在經歷實踐的同時和解決問題中獲取知識。教師對每一門計算機課都給學生布置實踐課題，作業考核測試盡量在電腦上進行，實行“無紙化”，使理論和實踐教學有機地統一。
3.鼓勵并組織學生校外實習
為了讓學生能更好的適應社會需求，在充分發揮本校人力資源的基礎上，與一些IT公司聯合，鼓勵并組織一些學生去公司實習，讓學生有機會參與實際項目的開發和管理，提高實際應用水平。同時，也可以聘請公司專門從事網頁制作的人員來校授課，讓學生能及時了解學科前沿應用信息并掌提高新技術，盡力讓學生的認知內容始終與世界資訊保持一致。
（二）學法的改革
1.引導學生轉變思想
學生從高中升人高職，大部分學生已經習慣中學教師的教法。簡單的說就是，學生只會學習老師教的內容，不會太多想和學課外的一些知識點。但是，現在不同了，首先要從思想上給學生敲一下警鐘，讓他們知道，高校不同于中學，高校的學習和學法主要靠個人，網頁制作的知識無邊無際，需要學生自己去好好學習，自己去鉆研。因此，老師應該更多的提醒學生平時獨立思考問題、獨立看書、獨立去實踐，逐步轉變學生的慣性思維。
2.引導學生理論與實際相結合
我們注意引導學生從課本中解放出來，但是也不能完全的脫離課本。尤其是網頁制作科目的實踐性很強，所以一定要注意提醒學生不能忘掉課本的這個“本”，注意理論與實踐相結合，只有通過在實踐中來發現問題，同時又從課本中獲取知識，才能達到理論與實踐相結合，才能增長知識，才能取得更大的進步。
3.引導學生利用好網絡資源
隨著學校網絡環境的進一步改善，學生上網的機會也隨之增多。網絡資源為我們的教學提供了一個很好的學習資源，但需要教師的有效規范和引導。網上關于網頁制作的相關網站很多，有一些做網頁的相關技巧等著學生去學。通過學生對網絡資源的利用，既能大大的補充學生做網頁知識的全面性，又能很好的激發學生學習的積極性。
4.引導學生建立學習小組
在教學的過程中，我們可以將學生每4—6人來建立一個學習小組，小組成員之間相互協作，相互幫助，來共同解決問題。同時可以讓小組中尖子生充當小老師來指導其他成員，從而達到共同學習進步的效果。學習小組的建立，初步培養同學們合作交流的愿望，使他們能主動與他人合作，敢于提出與別人不同的見解，也勇于放棄或修正自己的錯誤觀點。通過學生的共同探索，可以培養同學之間相互合作、共同探索的團隊精神，也可以提高學習效率。
（三）成績考核方法的改革
網頁制作操作性很強，實踐內容多，而理論知識少，一個學生學得好不好，關鍵看學生的動手能力怎么樣。對學生成績的考核也是網頁制作教師長期探索的課題。
1.小的知識點，平時隨堂考查
在時間允許的情況下對每個學生要逐一檢查，使學生在平時就養成對小知識點的積累。久而久之，做一個網站的所有知識點就會慢慢的積累起來。
2.提前布置一些較大的工程（如個人主頁、網店設計之類）
如何使學生將一些小的知識點組合成為一個大的或綜合的網站才是做網頁最終目的。因此，開學初我們就可以布置個人主頁、網店設計的任務，要求學生做好準備，到期末后一起交上來。這樣既可以即學即用，也使得學生在平時把精力真正的投入到專業技能的訓練上。
3.上機操作
期末考試的成績不能僅僅就是上面的兩個方面的成績，還要讓學生能在規定的時間內來完成老師所規定的一個網站來，學生可以自由發揮，設計想出自己獨特風格的網頁，這樣對學生就會有一個很大促進作用，有助于學生獨創意識的發展。
三、五步教學法
《網頁設計與制作》課程特點是：具有很強的操作性，并且新技術不斷涌現，有明顯的時展特點，教學內容須同步更新；設計無定勢，故極富創意性、挑戰性，要求學生手腦并用。
基于以上特點，教學時可反復采用五步法訓練，即【分析】【歸納】【模仿】【創新】【進入資料庫】，逐漸提高學生層次。具體實施時采用宏觀講解與個別指導相結合的方法進行。
（一）創設情境，提出問題，討論分析
通過“創設情境，提出問題”可以激發學生的求知欲，而且還可以培養學生發現問題，探索問題的能力。
（二）操作演示，理論講授，模仿創新
本課程重視實際操作，培養學生的動手能力。在組織課堂教學時：首先，演示案例結果，給學生以直觀的感受，然后倒述代碼；其次，提出問題，讓學生模仿著翻三，歸納總結；最后，留出部分時間讓學生創新設計。
（三）資源開放，自主探索，評價作品
在網上隨時學習資源，鼓勵學生利用搜索引擎，自主學習，互評作品，總結得失，共同提高。
四、期望達到的教學效果
通過讓學生分組設計網店，掌握網絡店鋪營銷的基本操作方法、各種信息搜集與方式的使用、網絡問卷的制作與、網絡廣告推廣策劃、網絡營銷各種策略方案等核心知識和必備技能[2]。同時獲得相應的操作能力、學習能力、應用能力，強化學生的實踐能力，100％達到課程教學的要求。
學生在掌握基本知識、能力，培養素質的基礎上，能掌握課程中要求的職業技能和素質，能在真實或仿真的環境中經營網絡店鋪。由于本課程設計為項目導向、任務驅動的工作過程系統化課程，每個項目的第一步即為明確工作任務，全體課程組教師應充分尊重學生在教學過程的主體地位，把單向灌輸改為師生協同互動，從引導學生的思維方式入手，最終由學生自主完成電子商務操作流程，達到良好的教學效果，極大地調動學生的主動性，使學生的學習目的進一步明確，學習興趣明顯提高。
隨著計算機和網絡信息通信的發展，越來越多的人青睞于上網查找信息，作為上網的橋梁，網頁被越來越多的人使用。于是，網頁制作就成為了高職院校計算機專業紛紛開設的主干課程，但是怎樣提高高職院校學生學習網頁設計的效果，就成為了高職計算機教師思考的問題。本文對高職院?！毒W頁設計》課程的教學方法做了一些探討。
1 高職院校學生特點分析
高等職業教育是培養適應生產、建設、管理、服務第一線需要的高等技術應用性專門人才。高等職業教育區別于普通高等教育，是一種職業教育。教育部明確提出了“以就業為導向”的思路，這就要求高等職業教育的畢業生必需有較強的實際動手能力。所以，高職院校的學生在學習課程上面，應該特別注重實踐環節的學習，培養他們很好的動手能力。區別于普通高等學校的學生，高職的學生一般來說具有學習的主動性和自覺性不強的特點，另外學習和掌握知識的能力也往往有別于普通高等學校的學生，如果老師只是一味的講授一些理論知識，然后讓學生自己完成課堂上的操作作業，學生是很少會按時按質量完成的，這樣，學生就制作不出高質量的網頁。所以，針對高職學生的特點，教師必須采取講練結合的教學模式，隨時督促學生練習所學內容，最好是采取邊講邊練的教學模式，這樣，學生學起來比較容易一點，才會很好的掌握所學知識。
2 根據教學需要安排教學內容
2.1 根據需要安排課程順序 網頁制作是一門綜合性比較強的課程，在制作網頁的過程當中，往往還用到其他課程的知識。高職計算機專業的學生在學習網頁制作課程之前，最好先安排學習一些其他相關的課程，比如圖片處理課程（Photoshop）、動畫制作課程（Flash）、色彩搭配課程等。有了這些知識的儲備，在做網站的過程中，就可以很容易的制作出適合自己網站風格的素材，使得整個網頁看起來更加協調。
2.2 根據需要安排授課方式 由于網頁制作是一門實踐性非常強的課程，要求學生在學習的過程中有大量的練習。所以，授課應該都放在機房實驗室，這樣教師就可以很容易的控制學生的學習練習情況。這樣，教師在講授了一定的知識后，就可以讓學生同步的對教師剛剛在課堂上講過的知識進行相關的練習。通過這種方式，學生可以及時的練習教師所講的內容，對一些沒有聽明白做不出來效果的知識點，教師還可以隨時為學生做出解答，通過課堂上教與學的互動，學生基本可以掌握課堂上所講的知識，并且完成相關的操作。然后，為了鞏固學生對課堂知識的掌握程度，教師可以布置課后作業，通過課上課下的加強練習，學生基本都可以很好的掌握所學知識。
3 把知識點融入到實例當中講解
3.1 第一節課高度調動學生學習的積極性 課堂上調動學生學習的積極性非常重要。如果教師只是就知識點單獨的講解，學生可能覺得比較乏味，對老師所講的知識不感興趣，那么就會在課堂上處于無精打采，昏昏欲睡的狀態，課堂效果自然就很差。為了調動學生學習的積極性，教師可以把知識點融入到實例當中講解。尤其是第一次課非常的重要，如果教師的第一節課不能引人入勝，不能給學生留下很好的印象，那么之后的授課過程往往就會很困難了，學生大多不會服從老師的授課。針對網頁制作實踐性比較強的課程特點，我們可以這樣安排課程進程：第一節課，為了吸引學生的眼球，首先按類別找一些比較好的網頁讓學生欣賞，比如讓學生分別欣賞一些優秀的個人網頁、企業網頁、Flash網頁、國外網頁、韓國的一些網頁等等。在欣賞這些網頁的過程中可以給學生介紹每種網頁的特點和結構，重要的是告訴學生如果好好學習，我們也可以做出這種效果的網頁，當然，在網頁當中我們可以賦予自己的想法，自己的創意，可以完全賦予網頁我們自己的靈魂。這樣，學生學習這門課的積極性就會提到很高，因為他們都希望可以做出具有自己風格的網頁，這種情況下學生就特別期待能夠做出點東西來，這時，教師就可以先讓學生做一個簡單的網頁，讓他們感受一下做網頁的快樂。這就要求教師在備課的時候提前準備一個比較容易做出效果而又有意思的網頁，教師操作之后讓學生自己完成，學生大多都可以很好的完成這個作品。那么這第一節課就非常的成功了，學生都會帶著極大的期待去上這門課。
3.2 實例講解中蘊含知識點 在安排課程內容上，不能一個知識點，一個工具一個工具單獨的講解，而是要把它們放在實例當中去，讓實例成為知識講解的切入點。我們可以這樣安排課程內容，整個講課過程，從易到難安排幾個完整的網頁，在完成網頁的過程中教會學生知識點，比如：第一個網頁完成一個“E—SHOP”購物網站的制作。網站首頁采用T字形框架結構，網頁的Head采用傳統的Logo加Banner樣式，下面安排一橫幅廣告條，把網頁的Head與網頁主要框架內容分隔開，為了增強網頁的活潑性，橫幅的廣告條可以用學生之前學過的Flash知識制作與網站內容相關的Flas。下面就是網站的主要內容，網頁的最下面是網頁的Foot。因為是第一個網站，學生剛接觸到這些內容，教師要首先把做好的網站給學生看，然后以引導的方式告訴學生這樣的網站是怎么規劃出來的，為什么這么規劃，怎樣做出這樣的效果來。在學生明白了這些以后，教師就帶領學生一起完成這個網站的制作，在網站制作的過程中教會學生知識點。通過第一個網站的制作，學生已經掌握了制作網站的基本知識，接下來教師就可以安排難一點的網站給學生做了。這時，教師不要給出網站具體的內容和框架結構，而是要充分發揮學生學習的主觀能動性。教師只要告訴學生所做網站的標題、要求和大致要達到的效果就可以了，然后就這個網站的制作在課堂上進行討論，通過討論來確定網站的內容和框架結構，然后和學生一起布局網站，接下來主要由學生制作素材，完成整個網站的制作。比如：可以讓學生制作一個學院全國計算機等級考試的網站，網站的頁面布局與色彩風格要與學院網站協調，以便于做好以后掛靠到學院網站上。要求：網站要具備注冊登錄和查詢功能；要有相應的模擬試題可以在線或者下載做題；要有留言板，可以討論計算機等級考試相關的問題；要有在線咨詢功能方便考生咨詢問題等等。最后學生做出的網站基本上符合要求，質量比較高。通過幾個完整網站的制作，學生已經很好的掌握了網頁制作的知識。在整個學習過程中，學生都積極參與到其中，活躍了課堂氣氛，充分發揮了學生的學習積極性，真正體現了課堂上以學生為主的教學新理念。
4 改革考核方式，變理論考試為創作作品
根據高職院校的教學需要和課程教學特點，課程考核形式要能全面地評價學生的綜合素質和技能應用能力。如果還是以傳統的理論考試來衡量學生學習的好壞，恐怕很難達到預期的效果。在高職網頁課程的考核過程中可采用多種考核方式相互補充的多樣化考核方式。這種考核方式更適合網頁課程的特點，更加強調學生學習的靈活多樣性。在期末考試當中，我們可以大致從兩個方面去考核學生，一是考核學生平時成績，二是期末成績，對于期末成績的考核我們可以讓學生來完成大作業，把這個作為考核內容。教師給出網站制作的要求，只要內容積極向上，可以不限定題目，不限定題材，讓學生按照自己的思維方式去創作一個網站，從選題到框架設計，到制作素材，再到制作網站都由學生自己完成，這樣就擺脫了學生按照老師的思路，按照老師規定的框架制作，一改學生被動學習的傳統習慣。當然鼓勵團隊協作，同學們之間可以探討問題，達到共同進步的目的。經過前面課程的學習，經過自己的思考和同學之間互助互邦，學生做出來的網站質量都比較高，實用性也很強。這種考核方式真正體現了學生的操作能力和運用知識的能力。
5 結束語
在教學過程中，根據不同的教學對象設置不同的教學方法，從學生感興趣的知識入手，調動學生學習的積極性，變被動學習為主動學習，鼓勵學生自己創作，從而提高學生實際操作的能力和解決問題的能力，培養學生成為實用性的人才。
參考文獻：
[1]韓陵宜.高職院校《網頁制作》課程教學的探討.電腦知識與技術，2005.
[2]張麗香.高?！毒W頁設計》課程教學探討.大眾科技，2006，5.
隨著互聯網的發展和普及，網頁設計和制作技術成為網絡時代非常實用的技術，這一課程也成為學校開設的熱門課程。無論是計算機專業的學生還是非計算機專業的學生，網頁制作都成了一門重要的基礎性技術課程。但是很多學校在教學中采用傳統的教學模式，導致學生的學習積極性不高，實際動手能力也比較差，為了讓學生快速的掌握網頁設計和制作的技術，需要采用一些新型的教學方法實施教學，加強學生綜合能力地培養。
1加強學生創新能力的培養
創新是一個民族的靈魂和動力，同時也是當今社會競爭的核心。學生創新能力的提升和創新意識的增強對于他們以后的發展具有非常重要的作用。網頁設計與制作教學作為新時期教學的主要課程，在教學中培養學生的創新能力有利于促進整體教學的發展。因此，在教學中，可以通過多方面內容加強學生創新能力的培養，首先，可以通過興趣教學法喚醒學生的求知欲望，興趣是能夠推動學生求知的內在力量，學生只有對某一學科充滿興趣，才能夠持續的鉆研該學科知識，從而增強學生的學習效率。在教學中，為了增強學生對網頁設計和制作的興趣，教師可以在上課時準備一些網頁作品，讓學生對作品進行點評，然后提出改造的意見。讓學生在頭腦中對網頁設計有一個模糊的認識，產生做網站的想法，這樣一來，通過教師的指導就能夠讓學生梳理一個成型的站點框架，緊接著引導學生如何做網頁，如何使用工具，學生對這些內容產生興趣，就會帶著教師提出的問題進行主動探索和學習，以此增強學生的學習效果。除此之外，還可以通過精品賞析的方式增強學生的學習靈感。網頁設計和制作課程是一門藝術和藝術相結合的課程，學生不僅要掌握基本的網頁制作技巧，還要具備欣賞美和創造美的能力。創造的來源是靈感，而靈感的來源則是通過觀察，因此，可以在教學中設計精品賞析的環節，利用上課之前的時間展示作品，向學生展示一些布局合理，設計新穎的精美網頁，讓學生對這些網頁進行觀察和欣賞，這樣不僅可以拓寬學生的視野，同時還能激發學生的創造靈感，為學生以后設計出精美的作品奠定基礎。
2培養學生的網頁制作綜合能力
在學生掌握網頁設計和制作的基本知識之后，網頁制作綜合能力的培養就顯得非常重要了。即使學生掌握了網頁制作技術，也不一定能夠設計出好的網站，只有提升學生的綜合能力，加強對他們所掌握知識的綜合應用，才能夠設計出一個精美的網站。為此，需要注重學生在實踐方面的能力培養，可以從教學實驗方面入手，將所有的理論教學和實驗教學都安排在計算機機房完成，可以讓學生在學習理論知識之后直接進入實踐探索階段。此外，為了給學生提供更好的實踐機會，可在學校建立計算機基礎教學網，網頁設計和制作教學的老師可以建立自己的教學網站，同時給學生分配相應的網站空間，要求學生建立自己的個人網站主頁，然后將自己的實踐作業上傳到網站空間中，設計的風格和主題不受限制，網站主頁的內容也不做要求，學生可以根據自己的興趣進行網頁的制作，將所學習的網頁制作技術靈活的運用到個人網頁的設計中，做好個人網站。為了讓學生在網站設計中學會創新，教師可以搜集一些具有創意的網站和網頁設計的素材，和學生一起分享，然后與學生所做的網站進行對比，從而提升學生的創新能力。在網站設計中，針對不同的設計環節，學生可以自己發現設計中存在的問題，然后進行分析和解決，對于學生綜合能力的培養具有很大的幫助。
3加強培養學生的團隊協作能力
現在社會的分工越來越細，很多工作都需要人們協助完成，這樣以來，團隊精神就顯得格外重要。協同合作是團隊精神的核心內容，尊重個人的興趣和成就是團隊協作的基礎。就學生而言，獨立意識較強，現代的學生比較自我，溝通能力也有待提升，這些缺陷顯然不適合學生未來的工作。網頁設計和制作教學是一門實踐性要求較高的課程，同時也對學生的團隊協作能力要求很高。在教學中的綜合實訓中可以選擇采取項目教學法實施教學，將學生分成不同的小組，在自愿的基礎上進行強弱搭配，并且每一個小組推薦一位組長，在老師布置任務之后，組長可以做好小組內的分工，讓學生能各司其職，然后合力完成作品的設計和制作。在作品制作中，如果組內的成員存在意見不同意的現狀，組長可以和其他的成員進行溝通協調，最后達成一致，當組員能夠為同一個目標一起努力時，無論最后的結果如何，學生最后都會有成就感。在這一過程中，有利于提升學生的團隊協作精神，增強學生的溝通能力。
4結語
網頁設計和制作教學是一門實踐性很強的課程，對于學生的綜合實踐能力以及創新能力的要求較高，因此，在教學中，教師要給根據學生的興趣愛好設計教學內容，并且為學生提供一些優秀的教學作品，讓他們進行賞析，在優秀作品的激勵和教師的引導下，學生的學習興趣會有很大的提升，從而真正的投入到網頁設計和制作的探索當中，熟練的掌握網頁制作方面的技巧，增強學生開發和維護網站的能力，使他們的知識結構不斷得到完善，對于教學效果的提升會起到很大的作用。
參考文獻:
［1］馬玲燕．《網頁設計與制作》課程的教學實踐研究［D］．呼和浩特:內蒙古師范大學，2013．
［2］畢惠麗．淺談網頁設計與制作教學中學生能力的培養［J］．新課程(上)，2012，02:185．
中圖分類號：TP393.092 文獻標識碼：A
1設計原則
1.1表格的定位功能
網頁制作中表格的運用很重要，它的作用除了表格本身具有的統計處理數據的功能之外，還可以對所制作的網頁頁面中的設計元素進行定位。網頁中的文本位置、圖像位置，可以通過表格來準確控制，而且還能消除諸多網頁元素之間的干擾，這樣設計出的網頁更加緊湊。
（1）網頁制作使用表格時，要避免這樣的設計行為：使用一張表格，然后將所有網頁設計都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網頁中，瀏覽器是將表格中所嵌套的全部內容都讀取出來之后，再顯示結果頁面。一般的網頁可能感受不到瀏覽器的這種工作順序，如果網頁中信息量大，瀏覽網頁的人瀏覽速度慢，瀏覽器這種工作順序就能表現出來。遇到這種網頁，瀏覽器在讀取了表格中全部內容之后，才為瀏覽者提供解釋結果，在這之前顯示的是空白。
（2）在進行網頁設計時，利用表格定好需要的位置，在頁面視圖下都是正常的，但是用瀏覽器瀏覽該網頁時就會出現部分設計對象位置混亂。這是由于表格寬度的設計出了問題，有兩種設置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會有多種分辨率多種頁面設計結果出現，但是采用后者的方法，就不會出現這種問題。
1.2文件的命名
網頁制作的過程中，有時會出現如下這些問題：在設計時插入進去的圖片，預覽時顯示不出來、已經設計安排好的鏈接用不了等等情況。通過對問題的分析，發現問題出在了文件的命名上（用中文進行命名）。設計制作者為了在設計之后能夠便于自己查找調用，會在設計時對一些文件命以中文名，這就導致預覽時無法顯示圖片，只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題，可以用英文單詞或者漢語拼音有針對性的命名。
1.3圖像的無縫拼接
網頁中圖像的應用是很有必要的，圖像可以使網頁更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網頁設計和制作的時候比較常見。網頁的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網頁之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網頁中顯示效果不受應影響即可。如果在設計網頁時，要用到大圖片，設計制作的時候可以用無縫拼接技術，該技術在圖像處理軟件中可以實現，先將要用到的大圖片處理成數個小圖片，將這些小圖片按照一定規則嵌套到網頁中，組成大圖片，拼出的大圖在現實效果上與完整的原圖基本上沒有差別，拼接痕跡也不會被察覺。在拼接小圖片的過程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設為零，去掉表格邊框，設置好單元格的參數后，再手動微調，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網頁下載速度。
1.4個人站點中導航按鈕的設計
設計制作網頁時，加入導航按鈕，可以利用Photoshop或者Flash進行制作。設計者只有具備很好的圖像、動畫處理軟件基礎，才能掌握住這種創新性的方法，自己根據想達到的效果設計導航按鈕，能夠設計的創意。
2制作技巧
網站的頁面中包含：作為網站門面的首頁、支撐起網站結構的框架頁面，網站的內容表達主體普通頁面、網站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。
比如設計首頁時，有兩種形式的設計可以作為網站首頁，一種是形象展示型，這種方式的設計主要在布局和造型上，加了藝術化的處理，結合公司的形象與公司的服務理念，提供有相關性的圖像與文字，這樣設計出的畫面才有生機和活力，在這樣網頁中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁設計形式是信息羅列型，這種形式主要用于大中型企業網站，有很多條目和分類。
保持一致的網頁設計風格。網站營銷的諸多影響因素中，網頁風格的一致性是不可忽視的重要方面。統一網站風格的方法有很多，網站結構就是其中一種，比如，網站布局、內容排版、圖標大小、圖片位置等等。在統一網頁風格時，需要設計者特別關注的是網站中具有代表性的典型元素要保持一致，比如網站背景logo 、公司名稱字體、網站中圖片格調等等。
色彩搭配。頁面的色彩搭配是與網站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應盡量使用黑色與背景對比明顯，按鈕、邊框、背景等使用彩色。色彩的應用最好根據網站主題風格選定一種基調，再根據這個基調來搭配其它顏色。一般來講，綠色配以金黃、淡白，可以產生優雅、舒適的氣氛；藍色與白色混合，能給人柔順、淡雅、浪漫的感覺，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應是一個整體，以達到和諧、悅目的最佳視覺效果。
3結束語
關鍵詞：
傳統教學；學即能用；CSS
互聯移動終端的大面積推廣，使得掌握網頁制作技術的人才在各個行業里都成為必不可少的需求；同時，地方普通高校為社會服務的使命感在不斷增強，如何培養出“學即能用”的人才，使之在短時間內掌握主流的網頁設計技術，提高站點訪問量，是這門課程課堂教學效果進步的體現。
一、技術背景與課堂教學要求
（一）Internet發展歷程Internet經歷了從Web1.0到Web3.0的迅猛發展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設了主動權，使得用戶和網站可進行雙向信息互動；Web3.0提升了用戶的主動權，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專屬的功能模塊，整合數據資源，適用于電腦、手機、PDA等多終端平臺定制。
（二）傳統的網頁設計與制作課程內容一般情況下，高校開設的網頁設計課程從教學內容上可劃分為兩大塊：1.相關知識介紹。網站的概念、基本元素及頁面等相關知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網頁制作工具，使學生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯網的全面推廣和“學即能用”的需求，以上內容已不能滿足互聯網時代與時俱進的特點。最關鍵的問題在于：課堂學到的知識是否馬上就能得到應用，是否與目前社會上專業的網頁制作公司的技術規格保持一致。因此，本門課程的改革勢在必行。
二“、服務于地方”教學內容的改革
（一）教學內容改革內容改革是課程改革的首要環節。關于什么是關鍵內容，什么是次要內容，筆者走訪了本地專業網頁設計公司中企動力的設計總監馬女士，通過對她的訪談，了解到時下主流的網頁設計公司所涉及到的技術規范，對本校現階段的教學內容做了必要的調整，簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術的授課內容，有選擇地介紹了網頁交互特效及表單的應用，加強了網頁美化工具、HTML語言及CSS的學習內容。改革后的課程主要分為六大模塊：網頁和網站的基礎知識、網頁美化工具（Photoshop或者Fireworks）、HTML語言、網頁開發工具的介紹、DIV+CSS、動態網頁技術。首先，通過具體的例子闡明網頁、網站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關知識；其次，介紹網頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學生可用其設計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業度；再次，介紹HTML的基本語法結構和語句，使學生熟練掌握其主要標簽的使用（傳統的教學模式對這一部分的內容有所忽略）。實踐證明，學生若不熟悉HTML的語法構成，學習DIV+CSS這一主流的網頁布局模式就會相當吃力。當然，對于非專業學生而言，學習一門語言，即便是文本標記語言，由于其本身對計算機系統相關知識的欠缺，授課會比較困難，學生也學得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設計大量實例，反復練習才能掌握。之后介紹開發工具，重點是要理解頁面的代碼模式和設計模式，而DIV+CSS則是本門課程的重頭戲，由于學生對代碼有種天生的恐懼，所以，在建立CSS時又以開發工具建立為主，修改程序為輔。最后簡單提及動態網頁技術。由于課時限制（32節），本課程主要講授靜態網頁制作。靜態網頁技術分為傳統技術和新技術。傳統課堂教學內容重點是布局表格、框架、模板等，而目前主流的網頁制作公司則主要應用DIV+CSS。所以，對于陳舊的技術簡單介紹即可，而把DIV+CSS作為布局的主要技術進行講解。由于這些內容需要學生對代碼部分比較熟悉，所以，在課時中增加了相應的HTML的基本語法結構和語句的介紹，并對主要標簽的使用熟練掌握。
（二）實際授課效果筆者今年為設計和思政兩個專業的學生授課。設計專業的學生已經開設了PS，有一定的設計基礎，所以，課程內容改革中的第一部分可以省略；思政專業的學生沒有圖片處理基礎，筆者在授課過程中有意加強了這部分內容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學生有追求新知識的欲望，基本能做到學以致用，并反饋到最終的作品中。往屆學生的作品更像電子小報，而今年通過課程內容改革的學生作品雖不完美，但在形式內容上更接近Internet的正規網站，教學效果良好。針對我校提出建立培養服務于地方應用型人才的本科院校，傳統的網頁設計與制作課程必須響應時代號召，更新教學內容與方法。本文僅供從事該課程教學的教師參考。
職業技能大賽已經成為職業教育的重要載體，其技能要求也代表了職業教育培養的方向。每年各省市舉辦的技能大賽可以促進高等學校人才培養模式改革，提高高校創新型、應用型人才培養的質量，營造創新人才培養環境，拓寬學生動手能力和就業能力的培養途徑。筆者帶領學生參加了網頁設計與制作比賽。網頁設計與制作課程是計算機類教學的重要組成部分，現就教學與參賽經歷，以網頁設計與制作為例，談談職業技能大賽對網頁設計與制作教學的啟示與思考。
1 網頁設計與制作在人才培養中的地位、作用
網頁設計與制作是高等職業技術學院計算機類專業開設的一門專業主干課程，是一門操作性和實踐性很強的職業技術課程，在專業人才培養方案中處于核心地位，對于網頁設計與制作崗位應具備的網頁設計與制作能力的培養起到重要作用。在學生具備了一定的美術設計知識和一定的圖形圖像處理及動畫制作能力的基礎上，本課程主要學習網頁設計與布局知識、網頁制作技術及網頁編輯與制作軟件Dreamweaver cs6的使用，讓學生能熟練地設計與制作出符合客戶需求的網站。
這也就決定了網頁設計與制作在整個人才培養中的地位和作用。各個高校也為計算機相關專業開設了網頁設計與制作方面課程，來滿足社會的人才需求。通過這些課程的學習，使學生掌握一定的網頁設計與制作理論知識和開發技術，在進行網站開發時，能夠熟練地制作出有專業水準的網站。
2 網頁設計與制作教學現狀
在大多數高校的網頁設計與制作教學中，許多教師在教授這門課程的時候，只是注重理論的傳授，雖然也有一些上機操作教學，但是整個一學期下來做的也只是一些簡單的操作，在教學中幾乎從來是不用一個完整的網站來講授的。整個一個網站開發應該怎樣具體的一步一步的去實現不會講，沒有將理論和實踐進行很好的結合，使學生在整個教學中感覺不到網站制作的實際應用，也不知道網站設計的具體過程是怎樣實現的，需要掌握哪些技能點，這對我們人才的培養是很不利的，在當今計算機技術發展迅猛的信息社會，如果讓學生掌握不了實際的應用操作的話，我們的教學只能說是失敗的。為此，為了培養有核心競爭力的人才，我們必須對網頁設計與制作教學進行改革，培養創新型人才。
3 以大賽要求為教學目標，激發學生的學習興趣
興趣指人對事物喜好或關切的情緒，它表現為人們對某件事物、某項活動的選擇性態度和積極的情緒反應。興趣以需要為基礎，在人的實踐活動中具有重要的意義。唯物辯證法告訴我們，事物的發展，通常情況下，內因起決定作用?？梢?，能否使學生主動學習直接決定了學生的學習效果。在課堂教學中，要想讓學生主動學習，就要使他們對所學內容感興趣。激發學生學習興趣，可以提高教學質量。激發并維持學生的學習興趣要從把握教學目標這個關鍵點入手。對學生制訂的教學目標不能過高或過低。例如，大賽要求制作一個完整的網站，需要電腦和手機都能訪問。根據比賽試題和提供的需求，分析網站目錄的規劃、素材的收集、版面的設計與制作、交互式功能設計，并完成站點的與調試以及網站的美化處理等任務，選手需提供相應的網站設計文檔。把以上大賽要求作為一階段教學的目標，把以前的參賽獲獎作品展示給學生看，吸引學生的眼球。
現在大多數學生都喜歡通過電腦或智能手機網上購物、瀏覽網頁、網上查找學習資料。上課時談到網購或某個網站的特效，學生都很感興趣，引導學生平時多觀察、多模仿，將學習到的知識能運用到以后的工作生活中去，真正做到學以致用。
4 將大賽要求細化，找出教學中的重點和難點問題
有了明確的教學目標，教學也就有了明確的方向。確定課堂教學的重點和難點，是教學設計的重要組成部分。教師需正確把握教學重點和難點，才能夠在教學中有的放矢，教學針對性強，效果也才會達到最佳。教師可以根據學生的原有知識水平和技能基礎、學生已有的經驗和生活體驗、學生學習新知識的認知水平、學生的綜合素質等確立教學的重點和難點。
參加技能大賽需要深入理解大賽要求，才能制作出高水平的網站。通過分析大賽要求，重新規劃了本課程的重點和難點。
《網頁設計與制作》課程重點：
1）規劃網站目錄結構；
2）網頁主題明確，內容欄目設置合理，布局結構層次清晰，主次關系分配合理；
3）掌握網頁布局的常用技術；
4）網頁色彩搭配得當，美觀得體，能正確處理色彩與網頁內容的對比關系，使網頁數據能清晰呈現；
5）導航鏈接功能設置正確；
6）HTML書寫格式規范、正確，無語法錯誤；
7）熟練使用css美化網頁。
《網頁設計與制作》課程難點：
1）使用javascript或jQuery技術，實現交互行為；
2）兼容不同瀏覽器；
3）響應式web效果的設計。
從大賽要求可以看出，比賽的要求更接近企業對網頁制作人才的要求，對網頁的視覺效果要求比較高，另外，大賽緊跟技術前沿，要求學生能夠開發出手機版的網頁，因為現在使用手機上網的人越來越多。
5 結束語
中圖分類號：G424 文獻標識碼：A 文章編號：1009-3044（2012）35-8529-02
《網頁設計與制作》是高職網絡專業根據網頁設計與制作、網站管理、網頁編輯的工作崗位能力要求所開設的課程，同時也是進行WEB應用系統開發的重要基礎。針對高職院校的特點，結合本行業的需求及課程特點，該文就該課程的內容如何選取，教學方法與能力培養等問題進行了一些分析和探討。
1 教學內容的安排
1.1 根據課程標準安排教學內容
課程標準是規定課程的性質、目標、內容框架，提出教學建議和評價建議的綱領性教學文件。在進行課程設計前，要先了解該課程的課程標準。
《網頁設計與制作》課程的總體目標是：基于行業企業真實工作過程設計課程教學活動方案。通過項目引入任務驅動式的教學方法，使學生在認知和實際操作上，對網頁有一個整體認識。使學生掌握網頁設計和制作的基本職業技能，能夠制作社會企事業單位的靜態網站，具備網站的策劃、設計和制作及維護的能力。倡導學生積極參與真實項目制作，實踐學真知，積累優秀作品，為就業打下必要基礎。培養學生具有誠實、守信，善于溝通和合作的團隊合作能力，為從事網絡媒體網頁制作工作奠定良好的基礎。
1.2 以行業需求為依據，就業為導向，與時俱進為原則。
通過對IT 行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析，可以將網頁設計分為網頁設計、網頁制作、網站編輯、網站管理 4大崗位群。其中網頁設計主要是網站開發前期界面的效果圖設計，網頁制作主要根據頁面效果圖利用網頁制作工具實現效果圖向網頁的映射，網站編輯主要負責網站內容的維護和管理為主的工作崗位，網站管理主要負責網站的日常維護、網站的改版等工作。
在教學中，可以根據這些職業崗位和不斷發展的IT技術對技能和知識的需求，選取課程教學內容，并從這些職業崗位中選擇一些真實項目作為實踐教學內容。
1.3 以激發學生學習熱情為目的設計教學內容
興趣是最好的老師，有了興趣才能使學習效率提高，因此在學習過程中，為保持學生的學習熱情，必須精心設計教學內容。
網頁設計所涉及的領域十分廣泛，生活之中無處不在。且本課程最終目的為制作一個成功的靜態網站，那么在教學過程中，設計案例、任務及最終項目時，應以當代大學生所感興趣的角度出發，或者給予其充分的自，讓他們為了圓滿完成自己的想法和創意而積極主動的去汲取新的知識，掌握技巧，提高動手能力。
2 教學模式探討
本課程的教學過程中，所采用的教學模式主要有“教學做一體化”，“任務驅動”和“項目教學”等。根據課程特點，使用“教學做一體化”讓學生打好知識基礎，使用“任務驅動”模式讓學生鞏固知識并掌握一定的技能，提高動手能力，并能以完成任務為目標培養自主學習及發現問題解決問題的能力。最后通過“項目教學”培養學生的職業能力。
2.1 “教學做一體化”教學模式
網頁設計與制作的主要知識點在于：html語言、css樣式、網頁制作軟件的操作。對于知識點的教學應該主要由教師講授來引導學生入門，再根據該課程實踐性強的特點，讓學生嘗試用動手操作的方式來理解和消化吸收知識點，再引導學生總結重點、難點、方法和技巧，以此打好基礎，為完成后續的任務而做好準備工作。
2.2 “任務驅動”與“工作項目”相結合
在企業中，完成一個網頁也可以是一個完整的工作過程。完成一個整體網站則需要多個工作過程。本課程的要求是完成整體網頁的設計與制作。其中網頁是由logo、banner、導航、文字、圖像、動畫、視頻等元素組合而成。各個元素的添加的方法與組合方法則是本課程所介紹的重點知識。
在網站建設行業中，不同的企業機構在設計網頁時，均有不同的需求。如有的企業因為信息量小功能少就需要設計簡潔型網頁，而有些則需要設計成大型的結構復雜的頁面，不管是復雜還是簡潔，都是相同的制作流程，不同的是簡潔型涉及知識點少。教學過程中，可以從簡潔型網頁入手，由淺入深設計工作項目，例如設計一個完成純文字頁面的工作項目，將些項目分解為幾個工作任務：認識網頁創建站點應用網頁元素“文字”對網頁布局完成頁面初期效果，通過完成各種工作任務直到整個項目，學生不僅掌握了相關的知識點，還可以以一名網站制作人員的身份，體會了制作頁面的工作過程。
在隨后的教學中，再融入新的知識點，設計稍為復雜的項目，循序漸近，如適當添加元素或者變換組合方式及網站優化等，通過完成不同的項目，體會不同工作崗位的需求：如作為網頁設計師對網頁進行布局、配色與裝飾等；作為網站管理人員從便于維護和修改的角度對網頁進行修改；或者作為網站seo對網站進行全方位的優化處理等。并在完成項目的同時，通過引導學生總結學習方法，引導其自主學習，舉一反三，以達到掌握知識，強化技能的目的。
2.3 以作品評價為考核方式
在學期即將結束之前，教師適合學生能力的工作項目，提出設計要求，學生以網站建設團隊的人員結構為依據，組成小組，并明確分工。以市場調研需求分析整體規劃確定方案收集素材協作完成推廣后期維護的行業實際工作過程，小組成員分別以項目經理、業務員、網站美工、網站編輯、網站設計與制作、網站優化維護人員等身份，以工作的形式完成最終項目的制作，讓學生在做中學，學中做，自主管理，使學習能力、溝通能力、崗位適應能力等各方面都得到提高。通過對項目完成的情況進行評價，項目考核成績*60% +平時成績*40%作為該門課程總成績。其中平時成績包括為出勤+ 紀律+ 團隊協作能力（互評成績），這種考核方式注重實踐操作和應用開發能力的培養，可以大大發揮學生的學習積極性和主動性。
3 注重學生能力的培養
從高職院校的特點出發，再結合本行業的需求，本課程以培養學生成為一名優秀的網頁制作人員為宗旨，除了讓學生熟練掌握網頁設計與制作中的各種操作技術具備開發維護小型網站的能力外，還要為學習計算機網絡技術專業后續課程的知識打下基礎。在教學中，應注意全方位的培養學生和各種能力。
首先，對于專業能力，學生除了掌握網站制作流程，網頁制作軟件的操作，使用軟件完成網頁的結構搭建、布局與美化外，還應該順應時代養成手寫代碼的習慣，這樣不僅使制作出來的網頁能符合web標準，同時還能為學習web應用系統開發打下基礎。
第二，在教學過程中，通過完成一個個項目，對學生的協調溝通能力、資料檢索能力、閱讀分析能力、語言表達能力、項目策劃能力、分析能力、創新能力均能進行很好的鍛煉。
第三，模擬工作環境的教學，對于學生端正工作態度，有責任心，具備團隊意識和協作能力都有很好的提高。
4 結束語
隨著經濟與網絡技術的發展，社會對高職類畢業生的要求越來越高，為適應市場需求，高職教師應在教學內容和教學方法、能力培養上應不斷的改革與創新，根據需要調節內容，通過“任務驅動+項目導向”促進學生盡快的掌握網頁設計與制作的相關技能，并在實施過程中全方位的培養學生的專業能力、學習能力、職業能力與社會能力，為大學生就業創業打好基礎。
