時間：2022-11-08 04:33:04
序論：在您撰寫網頁實訓報告時，參考他人的優秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發您的創作熱情，引導您走向新的創作高度。
論文關鍵詞：平面設計軟件；實訓課程；項目設計；實訓項目；成果評價；職業能力
平面設計軟件實訓是配合《平面設計軟件》課程開設的為時2周的實訓課，是培養學生職業能力的一個重要環節。以往的實訓課通常是通過讓學生做一些課業進行的，教師給出一個課題，學生在指定時間按教師的要求完成作品，整個過程在教師的輔導下完成。在這樣的教學過程中，學生的職業能力難以得到很好的訓練，團隊精神難以得到有效的培養。所以，在實訓課上進行項目教學是很有必要的，因為項目教學法的核心是在教師的指導下，由學生去探尋得到最終結果的途徑，學習的重點在學習過程而非學習結果，這對學生能力的培養是很有幫助的。在2周的時間里，如何設計項目才能使學生真實地體驗一個項目的完整制作過程，是需要教師研討的問題。
實訓項目設計分析
實訓課的教學不同于理論課。由于學生已經初步具備了該課程的知識和技能基礎，實訓課要在理論課的基礎上重點訓練學生的專業技能和職業能力。所以，項目的設計要求更能體現實際工作環境的特點，學生通過項目能更好地應用學過的知識解決實際問題，鍛煉自己的實際工作能力。
設計理念平面設計是近十幾年逐步發展起來的一個復合性職業，涉及面非常廣泛，涵蓋的職業范疇包括商業展示設計、商業廣告設計、商業環境藝術設計、書籍裝幀設計、包裝結構與裝潢設計、服裝設計、工業產品設計、商業插畫設計、標志設計、企業CI設計、網頁設計等等。針對目前平面設計行業及社會其他相關崗位對人才的需求和對教學內容及教學方法的研討，實訓項目設計應該圍繞著專業方向和培養目標進行設計；圍繞著用完整的實際工作流程訓練學生綜合設計制作能力的目標進行項目開發，即按照實際工作“調研策劃創意設計制作提交審核”的流程進行教學設計；以項目小組的形式開展教學活動；通過實訓項目訓練，培養學生的創新精神和團隊精神，使學生能夠綜合運用美學思想、平面藝術設計的基本原理和設計規律及計算機圖形圖像設計軟件，完成符合實際要求的平面設計作品，實現平面設計專業的教學目標。項目的設計理念應當是以培養學生完成實際工作任務的職業能力為目標，但設計的項目不一定非要來源于企業，因為本課程的學生是“廣告設計與制作”專業的一年級新生，還沒有學過平面設計方面的專業課，用2周的時間完成一個真實的企業項目有一定的難度。為了順利實現《平面設計軟件》實訓課程的教學目標，可采取將虛擬項目按照真實項目完成的形式進行教學設計。
設計思路平面設計專業的能力目標是使學生能夠根據平面藝術設計的基本原理和設計規律，針對不同的用戶要求進行各種平面作品的設計與制作。所以，“網站頁面設計制作”項目、“POP廣告設計制作”項目、“商業插畫設計制作”等項目都可以用來作為《平面設計軟件》實訓課程的實訓項目。產品類廣告設計可以重點培養學生市場調研、策劃、創意等能力；文化類廣告設計可以培養學生掌握完整的設計制作流程；“網站頁面設計制作”可以通過圖形、色彩、文字等設計元素的運用培養學生綜合的平面設計能力。下面以“某集團房地產網站頁面設計制作”項目為例，分析實訓項目的設計方案。
實訓項目設計方案
項目背景隨著互聯網的飛速發展，網絡已經成為人們生活中不可缺少的一部分，利用網絡查找各種所需要的信息已經是人們習以為常的手段。在這種形勢下，很多企業、個人都需要擁有自己的網站和網頁。某房地產企業為了更好地宣傳企業形象和推介企業產品，需要制作一個引人注目的精美網站展示自己。
項目內容該設計項目是為某房地產開發商的網站進行網頁設計和制作，需要學生進行市場調研，了解企業名稱和受眾群體，并采集各種信息，通過進行實際調查和需求分析，確定網站的市場定位，進行網頁的規劃和整體方案設計。在網頁效果上要注意網站形象設計，以滿足人們的審美需求；在制作過程中要合理運用藝術設計的理論知識和軟件技術，按計劃完成符合客戶要求的精美網站制作。具體任務內容包括市場調研、網站策劃、網頁整體方案設計、網頁設計制作、完稿處理、資料整理等，其中市場調研包括收集相關房地產企業的宣傳資料和網站形象調研。網站需求分析要通過對宣傳資料進行整理分析，明確用戶需求，并撰寫分析報告。網站整體方案設計包括標準字、LOGO小樣、標準色彩、圖標設計、網頁平面設計等內容。網頁設計制作可利用平面設計軟件Photoshop、Illustrator等。
項目能力目標為達到專業要求的職業能力培養目標，在項目執行過程中，要求學生能進行基本的市場調研，明確客戶需求，撰寫廣告策劃書；能根據策劃書進行創意構思，繪制出設計草圖；能進行一定的創意設計；能將藝術設計理論知識與軟件技術相結合，具備項目執行能力、與人溝通能力及小組協作能力。
項目技術指導在項目執行過程中，教師承擔著指導的責任，在設計項目方案時，教師要全盤考慮項目中的一些技術問題，對學生可能遇到的知識和技能問題做到心中有數，以使項目能夠順利進行。
1.網頁設計流程。按照一定的設計流程策劃、設計、制作網站可以減少失誤，確保項目的正確進行。因此，要了解項目的制作步驟及網頁的設計流程：（1）市場調研，收集資料；（2）網站策劃；（3）網頁詳細設計；（4）網頁制作；（5）驗收作品。
2.市場調研。在調研之前首先要確定調查報告內容，對問題進行分析、排除、鎖定。這樣在與客戶溝通時可避免問題模糊、范圍過大。資料收集要翔實、豐富，包括該企業的介紹、樓盤信息、圖片等一切相關信息。
3.網站策劃。網站策劃是網站設計的關鍵步驟，只有真正策劃好了，才有可能成為讓客戶或用戶滿意的網站。在本項目中，網站策劃是了解客戶需求、進行信息收集與分析、對網頁設計等方面的問題進行整體規劃并提供解決方案、撰寫“需求分析報告”的過程。在這個過程中最為重要的是需求分析，就是了解、分析、明確用戶需求，利用創意草圖，對網頁進行合理科學的規劃，即對網頁定位、受眾群體、網站色調、網站頁面總體風格、各種頁面特殊效果及其數量進行確定。
4.網頁詳細設計方案。在需求分析的基礎上，要進一步針對內容建設、網站布局、網站結構方面設計具體的方案。需要畫出網站結構圖，其中包括網站欄目、結構層次、連接內容、首頁中的功能按鈕、內容要點、友情鏈接等，都要體現出來，要切題并突出重點。設計方案要充分展示房地產網頁設計的特點，網站形象要莊重平和，信息量要全面、細致，具有人性化特點。網頁結構應層次清晰、創意新穎、顏色搭配合理、網頁頁面設計符合審美要求，網頁功能要融入設計方案中，網頁的內容與表現形式要統一，要對內容進行合理的分析、加工，按類別分類，欄目設置要一目了然。（1）首頁設計。首頁設計包括創意設計、結構設計、色彩調配和布局設計。在進行首頁設計時，標題要有概括性，要用標題性的文字使訪問者快速了解網站所能提供的信息，可將具體內容放到子頁里完成；要符合設計時的主題和風格；文字與背景要合理搭配；整個頁面色彩選擇要統一。（2）網頁版式設計。在網頁設計中，網頁的版式設計以及色彩搭配是很重要的，字體的設計和圖片的放置都要考慮整個頁面的排版，要合理地運用空間，使網頁疏密有致，井井有條，留下必要的空白，使瀏覽者感覺輕松，沒有壓抑感，但也要注意不能只追求版面效果而忽視功能方面的問題。（3）網頁背景。網頁背景設計不好會影響訪問者對整個網站的印象，選用的背景應該與整套頁面的色調相協調。不同的顏色會給人不同的視覺心理感受，要合理運用色彩，造成良好的視覺效果。使用圖片做背景時，要考慮大尺寸給傳輸速度帶來的影響。
5.網頁制作。網頁制作是通過應用Photoshop、Illustrator等平面設計軟件的各種技術實現網頁策劃所要求的效果的過程。在制作時既要結合平面設計的基本知識，也要遵循網頁設計獨特的設計要求與原則。（1）網頁圖標設計。圖標是具有明確指代含義的具有標識性質的圖形，不僅是一種圖形，更是一種標識，具有高度濃縮并快捷傳達信息、便于記憶的特性，應用范圍很廣，例如各種交通標志、學校的校徽、商品的商標等。圖標也是網頁中重要的設計元素，應根據不同的應用有所區分，既可以用來標識一個欄目，也可以作為鏈接元素實現網頁間的跳轉。精美的網頁設計圖標往往能起到畫龍點睛的作用，從而提升軟件的視覺效果。網頁常用的圖標有“導航圖標”、“按鈕”、“標志”等。圖標設計要簡單、直觀、可識別性強；要能準確表達相應的操作；按鈕的設計采用圖標和文字可以提高圖標的可用性；為吸引用戶眼球，顏色應簡潔；使用矢量格式可以讓圖標隨意放大縮??；在導航欄上或網頁的某些地方使用合適的圖標，不僅可以美化網站，還可以引領用戶瀏覽網頁。一般制作流程是先做出基本的外形，再進行上色修飾，最后增加一些光影使其具有立體感。（2）導航欄設計。導航欄是網頁中用來裝飾和展示網頁的，是非常重要的組成部分，功能豐富的導航欄可以引導閱覽者獲取多方面的信息。導航欄的設計應遵循“導航數量適當”、“導航提示明確、清晰、醒目”等原則。（3）網頁色彩設計。網頁的色彩是網頁最重要的部分，是給訪問者登錄頁面時的第一印象，好的頁面色彩能給人帶來很強的視覺沖擊力，可以使瀏覽者對整個網站產生深刻印象。在設計網頁時如果忽視了色彩設計，網站最后的視覺效果可能與客戶期望不匹配。因此，設計時需要先了解網站的定位、網頁的風格，學習有關的色彩知識，在此基礎上合理進行色彩搭配。在配色時應注意盡量將顏色控制在三種以內，一般而言，網頁的背景色應該柔和一些、素雅一些，如配上深色的文字，會使人看起來自然、舒暢，文字的顏色在不同底色的襯托下，會給人不同的視覺效果，設計時應綜合考慮多方面的因素，設計出能產生好的視覺效果、能營造整體氛圍的網頁。網頁設計還有很多方面的知識，教師可以給學生提供一些資料，讓學生通過自主學習掌握這些知識，提高學生的自學能力。
以我院計算機網絡專業為例,《網頁設計與制作》課程設置了30實訓課時,其中實訓安排在學期的后期,是以整周集中訓練的方式進行。而在實訓之前,學生已經進行了理論和上機練習,已經針對重點難點訓練了相關操作練習。我在實際教學中發現,雖然學生經過指導能夠完成課堂上布置的任務,但往往是按照規定的操作步驟機械地操作,過后就忘,不足以培養學生獨立設計和制作網頁的能力。學生的操作依賴性仍然非常強,并且長期學習之后容易造成對早前知識點的遺忘。針對學生的這些問題,我制定了詳細的實訓計劃,目的是培養他們在團隊中協作,獨力完成所承擔的網站需求分析、網站規劃、網頁設計、綜合測試等工作,從而使學生操作技能掌握牢靠,實現以技能培養為核心,符合職業崗位需求的應用型、技能型人才的培養目標。
一、實訓過程
(一)開發動員
項目開發前,要做好學生的學習動員工作。讓學生了解實訓的意義、所需的技術、學習方法以及考核辦法等方面的內容。通過展示案例效果或者歷屆學生的優秀作品等手段來啟發學生的學習興趣,使他們能夠積極主動地參與到實訓中來。
(二)分階段實施
在實訓當中,首先對各小組同學提出要求分工合作設計并制作一個表達某個主題的網站,通過網站的制作,綜合運用本課程所學的知識。主題可以自行選擇如下內容:科普、動漫、體育、校園生活、旅游、教育、商務等。在接下來的2課時當中,小組成員開始做網站需求分析,設計整個網站的框架,選定制作的各部分內容,并由組長組織完成一份完整的規劃書。在這一步驟當中,教師提供適當指導,盡量由學生獨立完成,規劃出有個性有特色的網站。然后,由組長進行成員的任務分配,分頭搜集素材并進行整理,共進行2課時。在實訓第一天結束時,各組提交準備工作小結,在報告成績的同時,小組各成員也對本組的準備情況有所了解。在準備工作完成后,實訓進入主要階段———設計制作網頁。這一階段需要18課時。在3天的時間當中,各小組成員必須充分運用自己所學到的知識,并結合實際情況,獨立做出有個人風格的網頁。由于有了前期充足的準備工作,各小組成員迅速進入狀態,進行了多方面的嘗試。在這一階段,教師必須充分提供指導,引導學生結合所學的理論將自己的想法變成現實,并提醒學生逐漸減少操作失誤,提高效率。在實訓的收尾階段,還有一個較重要的步驟———調試。這個步驟是實訓成果能否展現的關鍵,因為如果沒有經過充分的調試,網站有可能出現錯誤鏈接、空鏈接等錯誤。并且,這是一個將小組各成員獨立制作的網頁結合起來形成整體的過程。各組成員按照規劃書的指導,有條不紊地完成調試步驟,共需4課時。在實訓的最后2個課時,學生完成試驗報告,進行歸納和總結。實訓過程圖如下圖所示。
二、實訓測評
本次實訓測評跟以往不同,采取教師和學生共同評價的方式。首先請各組學生向全班展示所做網站,然后詳細介紹在制作中所用的技術,再根據各組的表現給出各組的平均測評成績,各成員的成績則是根據任務分配和完成情況在平均成績上有所增減。這樣做的好處是,一方面,這種評價方式有利于各組學生了解更多的信息,取長補短;另一方面,區別打分可以避免部分同學濫竽充數,有利于提高他們在實訓中的積極性。由于評測結果比較理想,大多數學生都表示實訓效果顯著。
三、實訓教學方法總結
在實訓過程中,采用了各種教學方法相結合進行教學:
(一)“任務驅動”教學法
“任務驅動”是指在教學的全過程中以具體的任務為中心,通過完成任務的過程,學習基本的知識和技能,有利于他們鞏固和應用所學知識?！叭蝿镇寗印笔菍⒁詡魇谥R為主的教學理念,轉變為以解決問題、完成任務為主的多維互動式的教學理念;將再現式教學轉變為探究式學習,使學生始終處于積極的學習狀態。在學習過程中,學習活動與任務相結合,以探索問題來引導和維持學習者的學習興趣和動機,創建真實的教學情境,讓學生帶著真實的任務去學習,擁有學習的主動權。
(二)啟發式教學
在實訓中,與之前的被動練習有所不同,學生必須獨立完成設計與制作。這就要求他們上網瀏覽大量的相關網頁,學習優秀網站的制作方法。在具體的制作中,學生帶著問題進行學習和探索,對于網頁效果大膽做出假設,由教師引導學生,通過自主學習,尋求解決問題的思路和方法。通過這種方式,學生的學習思路得到擴展,以學習的方式進行復結,大多數能夠獨立解決難題,這樣一來學生的自信心和學習積極性都得到了明顯提高。
關鍵詞：網頁設計；課程設計；教學方法
中圖分類號：G4 文獻標識碼：A 文章編號：16723198（2012）16014701
網頁設計是高職計算機應用專業一門操作性極強的必修專業課程，具有很強的崗位針對性，而現今傳統的計算機應用專業畢業生的社會需求趨于飽和，單項專業性精通的人才卻明顯短缺。現今，各個高等院校紛紛開設了網頁設計的課程，培養網頁設計的專門人員，網頁設計課程的教學顯得尤為重要。為此，為了提高網頁設計課程的教學質量，筆者從課程設置特點、課程設計、教學內容、教學方法、實驗環節等多方面對本課程進行了積極的探索，并總結如下。
1 明確課程地位，彰顯課程的特點
高職院校計算機應用專業開設的網頁設計課程不是僅作為一門孤立課程存在的，它是要靠多門學科的知識給予支撐，并且它們之間相互滲透和依賴，而構成的一個科學的、完整的課程體系。網頁設計課程的主要目的，是通過對本課程的學習，培養學生對該軟件的實際動手使用和綜合應用能力，使學生能夠運用所學的知識進行網頁設計，制作出專業的、精美的網頁頁面和網站站點，包括站點構建、頁面設計、數據庫和網站后期維護和管理等。其中還重點體現在它的教學內容實踐性較強，能極大的激發學生的參與性，鍛煉學生動手能力，培養學生的專業興趣。教師在教學中也一定要注意理論與實踐相結合，實踐操作內容是教學的基礎，應該給予學生充足的動手實踐機會，使學生在學中練、練中學。
2 了解社會需求，調整課程設計
在信息迅速膨脹、網絡飛速發展的今天，國際互聯網也正以其驚人的速度空前發展，我國互聯網的用戶正在持續遞增，該行業的人才缺口相當驚人，預計我國在未來10年大約需要200萬名企業商務網站設計專業人才。因此，針對社會市場崗位需求，課程設計也應緊跟市場步伐，在課程設計中，應突出對企業網站和電子商務網站建設方面技術的掌握，如訪問計數器、意見反饋單或各類商務單證、動畫及廣告模式、商貿業務及相關熱門話題論壇、導航器及搜索引擎、菜單以及數據庫等。為此在對傳統網頁知識技術掌握的同時，還必須有其他相關知識點的穿插，在動態網頁設計和數據庫方面有待加強，這樣才能更符合社會市場的人才需求和對課程設計更具針對性。
3 及時更新知識，重組教學內容
當前計算機科學技術的日新月異，網頁設計技術不斷的更新，網頁設計軟件也層出不窮，學生對新知識的渴望也十分迫切，這就要求教師本身也要不斷的加強學習和專業技能培訓，更新和強化新知識新技術，同時根據專業培養的目標及企業的崗位需求重組符合實際的教學內容。目前，網頁設計課程教學內容是以Dreamweaver作為主要工具，其中以靜態網頁設計作為學習的重點，主要培養設計人才，但在培養方面，也需要配以Flash、Photoshop等軟件的介紹，使學生在熟練掌握靜態網頁設計技術的基礎上，還應掌握HTML語言、JAVASCRIPT腳本語言、VBSCRIPT腳本語言、ASP、數據庫等相關內容，為學生今后更進一步的學習打下堅實的基礎。
4 注重因材施教，改革教學方法
早在孔孟時代就提出了“因材施教”和“授之以漁”的教育理念，學生在學習過程中，由于學生智能及動手能力各有差異的，因此，在網頁設計教學過程中，教師更應該注重因材施教，教師可對本班學生情況進行分類，根據學生實際水平的差異，對不同水平的學生給予不同的要求，設計基本要求和提高要求兩類題型，對能力較強的同學要求完成相應提高部分的題目。為此，不同的學生、不同的要求，對教學方法提出了更高的要求，傳統的教學方法肯定不能適應學生的需求，改革教學方法就顯得極為關鍵，網頁設計實際操作性很強，相比那些理論性的課程，學生更容易產生興趣，教師應利用這個特點，注重培養學生的動手能力，讓學生在實際操作的過程中發現問題并解決問題。同時，在教學過程中，教學方法還應不斷摸索和創新，采用多種教學方法并重的方式，除常規的教學方法外，還可以采用案例教學法，任務驅動教學法，講練結合等教學方法，整個教學過程主要以展示案例、分析案例、講解知識點、教師演示和學生操練，最后再進行綜合案例的應用，這樣既讓學生對案例有了實質性的接觸和學習，又能充分的去完成對知識的自我構建和強化實訓。
5 加強實訓環節，變革考核方式
網頁設計是一門操作性和實用性很強的實訓課程，實訓至關重要，要提高學生實踐動手能力，必須加強實訓環節。在教學過程中的教學任務都應緊密圍繞教學內容進行來設計實訓，每次課都經過精心設計做成實訓單元，每2節課為一個實訓環節，并詳細描述實訓要求、實訓目標、實訓內容及步驟等。學生實訓時將具體網站案例進行模塊化分工，全班進行分小組完成各自實訓模塊，并且實訓完成后要求寫出完整的實訓報告。同時，在對學生的考核方面，傳統的考試模式主要是以理論考試為主，而這種考試模式對該課程很不適應，因此筆者將課程的考核分為三個部分：平時成績（20%）+理論成績（20%）+實訓成績（60%），其中平時成績按每堂課的作業完成情況和學生考勤進行打分；理論考試注重學生對網頁設計基礎知識、基本理論的掌握，采用選擇題判斷題等客觀題的方式進行，為學生進一步的學習夯實基礎；實訓考試則考查學生實際動手能力，以便學生學完本課程后能有一技之長，真正做到學以致用。
參考文獻
關鍵詞：網頁設計與制作；實訓；拓展訓練；項目實戰
中圖分類號：TP393 文獻標識碼：A 文章編號：1674-7712 （2012） 16-0138-01
《網頁設計與制作》是一門實踐性、操作性和創新性很強的課程，它能很好地鍛煉學生的動手能力和團隊協作能力，并且還能緊貼市場，做到以典型工作過程為導向，進行實際項目的開發訓練，使學生應聘的時候不再只是有理論知識，而沒有任何實踐經驗。以此來真正做到理論、實踐并行，與企業的工作需求接軌，培養應用型的專業人才。
《網頁設計與制作》課程是我院多個專業的核心課程，如計算機應用技術、網絡技術以及廣告設計等專業都開設了此門課程，該課程對學生的操作練習有較高的要求，實訓的教學內容都是融入在課堂教學中，由于課程安排的比較分散，不能有效地集中訓練學生的動手操作能力以及策劃設計網頁的能力，學生在學完該課程之后，有的不能獨立地完成網站規劃和頁面設計，有的設計效果不能達到預想的功能和視覺效果。因此，實訓課程在《網頁設計與制作》教學中起著比較重要的作用。根據《網頁設計與制作》課程的這一特點以及我的個人教學經驗，下面對《網頁設計與制作》實訓教學談一下自己的意見和看法。
一、提高教師的專業技能
作為一名教師，他既是課堂的領路人，又是學生學習的輔導者，教師的專業水平直接影響著學生各方面能力的提高。職業教育傳授的不僅僅是理論知識，還要傳授學生操作技能，培養學生的動手能力。在高職的教學中《網頁設計與制作》的實訓課程主要就是培養學生的實踐動手能力，要求學生能夠通過所學知識做出優秀的作品，因此這門課程對學生的動手實踐能力要求是非常高的，這就要求教師首先要具有較強的實踐操作能力，只有教師具有了一定的項目實踐經驗，才能充分地指導學生完成優秀的網頁作品。因此，教師平時就要注重理論與實踐相結合，加強自己的企業實踐，在補充自身理論知識的同時，還要不斷提高自身的專業技能和實踐能力。
二、多種教學模式相結合，培養學生學習興趣
（一）通過優秀作品賞析，激發學生的學習興趣
在授課初始階段，準備一些精彩的網站案例，在課堂上演示。在展示優秀網站案例的同時，學習網頁制作技術之前首先讓學生欣賞優美網頁，教師分析網站的整體設計、網頁的結構布局以及顏色搭配，讓學生邊欣賞網站，邊聽教師講解，在美的熏陶中，讓學生能夠感覺到一個好的網站不僅僅有宣傳推廣的作用，它更是一件藝術品，完成它是需要傾注心血的。
每個教學單元中都去展示相應的網站案例，并且在網站案例展示的同時，引導學生去思考網站的美工、布局以及樣式等都是怎樣完成的，自己能否通過努力完成這樣優秀的作品。幾節課下來，就有不少學生躍躍欲試，從而有效地調動學生的積極性，激發學生的學習興趣。
（二）階段測試訓練
通過過程考核，提高學生學習的緊迫感，鞏固學生的階段性學習成果。
首先教師布置本次課的實訓任務，并分析其實訓要點；然后學生根據本次任務開始制作網頁，教師進行輔導；實訓完成后教師對實訓過程中出現的問題進行分析解決，并選幾位學生的網頁作品進行展示，其他學生對其進行點評。
（三）拓展訓練
可以通過課外興趣小組集體活動等形式，提高學生的人文素養。課余時間充分利用網絡資源進行課外拓展實踐，如果遇到疑難問題學生可以通過”E-mail”和“QQ留言”的方式與輔導教師取得聯系、化解難題。利用課外拓展實踐的方法對于能力強的學生可以進一步提高他們的操作技能；對于能力差的學生可以解決他們存在的問題。
（四）項目實戰訓練
將實際項目引入進教學，并對其進行任務分解。
例如讓學生制作各行業的門戶網站，首先教師以客戶的角色為學生布置項目，學生進行市場調研，撰寫需求分析報告；然后學生自己制定項目實施計劃，進行項目設計實施；教師再以客戶的角色驗收項目，進行評價；最后學生撰寫項目總結。以這樣一個過程讓學生在開發實際項目中提高職業能力，培養他們的工程意識。
三、增加實訓課程的課時，提高學生的動手能力
實訓課程主要是在強化理論知識的同時提高學生的操作技能，因此實訓課程必須是以學生操作為主，教師輔導為輔，在實訓過程中幫助學生解決遇到的問題。從網站的策劃、素材的搜集到網站頁面的設計布局、網頁的制作以及網站的測試與等等，學生都要自己獨立去完成，在整個實訓過程中學生會遇到不同程度的問題，教師可以在旁協助。學生就在這樣一個不斷遇到問題、解決問題的過程中提高自己的能力。實訓結束后有不少學生會感慨到實訓一個禮拜比上一個學期的課學到的知識要多很多。因此實訓不僅僅是學生制作網站的過程，更是學生自我學習，自我提高，自我評價的過程。
同時實訓的環境也是非常重要的，實訓課程基本都是在微機室完成的，在微機室里學生可以實現一人一機，并且每臺電腦都直接與互聯網相連，學生在實訓過程中，可以上網查找相關資料，搜集所需素材，解決實訓中遇到的問題，同時還可以直接通過教師、同學的幫助快速解決問題。
四、結束語
《網頁設計與制作》是一門專業性很強的課程，在教學過程中突破傳統理論教學和講解為主的模式，把課程中的理論內容，合理地穿插到實踐教學中，把原來枯燥、單調的講解通過實踐環節讓學生消化和掌握。通過實訓達到高職高專學生的培養目標。體現以學生為本，最大限度地調動學生自主學習的積極性，培養了學生的綜合能力，使學生掌握一門技巧，這樣對教師也是一種鍛煉和提高。
參考文獻：
[1]瞿江.淺談網頁制作實訓教學[J].電腦知識與技術，2011，26.
關鍵詞：網頁設計與制作；教學內容；教學方法
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
隨著計算機網絡技術的迅猛發展和網絡應用的日益廣泛，Internet在人們的生活、學習和工作中的地位顯得越來越重要，上網沖浪已經成為現代人生活的一個重要部分。信息技術的高速發展，使人們通過網絡來個人或者企業的信息、推廣企業產品已成為一種流行的趨勢。網頁已經成為信息共享和傳播的主要載體，掌握網頁的制作和網站的管理等內容已成為現代人必備的一種技能。
《網頁設計與制作》是軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用等專業公共的必修課程，也是許多高校的公共選修課，具有實踐性強和知識面廣的特點。該課程要求學生掌握HTML語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識，為后繼課程《動態網頁設計》、《計算機網絡》等打下牢固基礎，因此該課程具有知識點多、操作性強的特點。如何提高《網頁設計與制作》課程的教學質量，是亟待解決的問題。根據近年來對網頁課程的講授經驗，筆者從課程目標、課程內容、教學方法、課程實踐、課程實訓等幾個教學環節對該課程進行了一些研究和總結。
1理論教學
1.1課程目標
《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：
1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；
2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；
3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；
4)使學生能夠用Flash進行網頁動畫的簡單設計；
5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1 HTML網頁設計
重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養。“知其然，知其所以然”是我們的目標。
1.2.2 DIV+CSS網頁設計
DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得 網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。
該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3 Photoshop圖像處理
重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。
課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。1.2.4 Flas制作
重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5 JavaScript程序設計
JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。
1.3教學方法
該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。
教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。
1.3.1模塊教學法
根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。
1.3.2案例教學法
在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例――具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計
結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1 HTML網頁設計
實驗1 HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5 HTML綜合實例。
2.1.2 DIV+CSS網頁設計
實驗1 CSS文字排版、實驗2 CSS網頁布局、實驗3背景設置、實驗4 CSS導航菜單設計、實驗5綜合實例。
2.1.3 Photoshop圖像處理
實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4 Flas制作
實驗1 Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5 JavaScript程序設計
實驗1 JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3 JavaScript內置函數和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。
2.2自學模式的創建
為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學
鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面
組織成立網頁課程的興趣學習小組，具體活動包括：
1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；
2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。
這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓
網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。
實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。
平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。
課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
4結束語
明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。
參考文獻：
[1]李偉,鄧紅濤,曹傳東.《網頁設計》課程實踐性教學改革與創新研究[J].改革與創新,2011(12):103-104.
1理論教學
1.1課程目標
《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；4)使學生能夠用Flash進行網頁動畫的簡單設計；5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1HTML網頁設計重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養。“知其然，知其所以然”是我們的目標。
1.2.2DIV+CSS網頁設計DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3Photoshop圖像處理重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。
1.2.4Flas制作重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5JavaScript程序設計JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。
1.3教學方法
該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。
1.3.1模塊教學法根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。
1.3.2案例教學法在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的<img>標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例——具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計
結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1HTML網頁設計實驗1HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5HTML綜合實例。
2.1.2DIV+CSS網頁設計實驗1CSS文字排版、實驗2CSS網頁布局、實驗3背景設置、實驗4CSS導航菜單設計、實驗5綜合實例。
2.1.3Photoshop圖像處理實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4Flas制作實驗1Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5JavaScript程序設計實驗1JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3JavaScript內置函數和對象、實驗4JavaScript事件處理、實驗5Dom操作實例。
2.2自學模式的創建
為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學
鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面
組織成立網頁課程的興趣學習小組，具體活動包括：1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓網頁的制作
不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
1理論教學
1.1課程目標《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；4)使學生能夠用Flash進行網頁動畫的簡單設計；5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1HTML網頁設計重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養?！爸淙唬渌匀弧笔俏覀兊哪繕?。
1.2.2DIV+CSS網頁設計DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3Photoshop圖像處理重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。
1.2.4Flas制作重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5JavaScript程序設計JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。
1.3教學方法該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。
1.3.1模塊教學法根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。
1.3.2案例教學法在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的<img>標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例——具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1HTML網頁設計實驗1HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5HTML綜合實例。
2.1.2DIV+CSS網頁設計實驗1CSS文字排版、實驗2CSS網頁布局、實驗3背景設置、實驗4CSS導航菜單設計、實驗5綜合實例。
2.1.3Photoshop圖像處理實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4Flas制作實驗1Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5JavaScript程序設計實驗1JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3JavaScript內置函數和對象、實驗4JavaScript事件處理、實驗5Dom操作實例。
2.2自學模式的創建為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面組織成立網頁課程的興趣學習小組，具體活動包括：1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓
網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決學生帶著問題進行學習和探索，培養了學生的探索創新能力。課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
