時間：2022-05-18 08:25:41
緒論：在尋找寫作靈感嗎？愛發表網為您精選了8篇網頁實訓報告，愿這些內容能夠啟迪您的思維，激發您的創作熱情，歡迎您的閱讀與分享！
關鍵詞：網頁設計與制作；教學內容；教學方法
中圖分類號：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軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
《網頁設計》課程是計算機應用技術、計算機網絡技術、電子商務等專業的必修課，是一門實踐性很強的課程，通過學習本課程，可以為學生今后從事網站開發與設計領域的相關工作打下良好基礎。另外，良好的網頁設計能力是計算機相關專業畢業生必須具備的基本能力之一。作為高職院校，應注重職業能力培養，考慮對網頁設計課程的教學內容進行改革，以工作過程為導向，規范課程教學的基本要求，提高教學水平。
1 教學內容分析
網頁設計是高職院校電子信息類專業的專業核心課，教學內容主要包括HTML語言、CSS樣式表、Dreamweaver、JavaScript、網站維護等內容，其后續課程包括Photoshop圖像處理技術、flash制作、ASP程序設計、數據庫等。
對高職學生來說，網頁課程難學的原因很多，分析教學內容方面的因素，主要有：課程與教學內容缺乏實用性，教師教學過程以學科為中心，系統講解知識點為主；網頁語法規則繁多，傳統的教學過于強調語法，沒有按照認知規律合理編排教學內容，導致簡單問題復雜化，造成學生學習難度大；過于重視系統性和全面性，長篇累牘，學時與內容矛盾突出；實踐教學方式、手段不適應時代需要，學生職業能力培養沒有落到實處。
綜上所述，本著“實用”和“夠用”原則，在課程定位的指導思想下，以培養學生的職業能力為目標，大膽取舍教學內容，重點講解實際工作過程中網頁制作實用技術。
2 學情分析
2.1 高職學生特點。抽象思維能力一般，缺乏良好的學習習慣，學習的主動性、探索性不夠。排斥理論知識的學習，卻對動手實踐具有強烈興趣。
2.2 教師對策。針對很多學生抽象思維能力差，不喜歡枯燥的理論學習，但在動手能力上素質較好的情況。在教學活動中，教師應該以工作過程為導向，考慮學生已有的知識水平，設計出符合認知規律的教學過程。并在教學活動中融入較多的實踐動手項目，激發學生興趣，提高學生的參與度。同時注意把握問題的難度，設置合理的梯度。使學生不斷增加成就感，并逐漸認識到“枯燥的理論”對“動手實踐”的指導作用，從而產生對理論學習的需要和自主學習的欲望。
3 教學設計思路
3.1 理念。基于工作過程開發網頁設計課程。
3.2 教學總體設計。（1）課程內容改革：針對IT行業對“網頁設計師”職業的崗位要求，課程內容以網站前端技術為主；（2）實踐教學改革：以項目為載體，用一個小型網站項目案例貫穿整個課程的教學，如下表1所示。對網站項目進行分解，分解為若干個子項目單元，將網站前端技術的知識點映射入各個子項目單元。同時力求讓課程的每一個教學模塊基于工作過程來設計，做到“教、學、做”一體化，真正地強調學生的動手能力；（3）考核方法改革：形成式考核為主，提倡職業標準，切實保障教學效果。
表1 小型企業網站項目舉例
序號 模塊名稱 知識點
1 建站準備 需求分析
2 規劃設計網站 網站規劃設計知識、網頁配色
3 準備素材 用potoshop（PS）制作網站logo及相關圖片，掌握PS在網頁設計領域的應用
4 定義站點，制作公司首頁 Dreamweaver中站點的創建與管理，CSS+DIV應用
5 設計制作欄目1-公司概況 網站中字體搭配與排版
6 設計制作欄目2-企業相冊 表格、網頁中的多媒體應用
7 設計制作欄目3-產品展示 超鏈接、CSS
8 設計制作欄目4-留言板 表單、數據庫訪問
9 網站整合與 申請空間及上傳網站等
3.3 教學單元設計。單元學習情境的設計要有針對性，基于工作過程設計單元學習任務，重點訓練學生的網頁制作能力。對主要教學單元采取任務導入、要點分析、示范操作、項目實訓、總結提高五步走。其中教學重點難點需要反復多次訓練，可以補充小實例作為項目案例輔助，才能達到較好的效果。
單元設計關鍵點：首先以貼近工作實際的小例子導入，由淺入深。每個單元理論和實踐的比例應不超過1：1，尤其注意實例的選取，盡量有實際意義，避免單純為了講解知識點之用；其次講練結合，在課堂上讓學生動手制作網頁。考慮到高職學生課后自主學習較差，并且課上實踐，一旦遇到困難教師可以及時給予鼓勵和指引。有利于學生少走彎路，盡快樹立信心，而不是被大量困難嚇倒；再次實訓項目精心設計梯度，由淺入深，循序漸進，使學生實踐中不斷積累信心，最終取得良好的學習效果。
4 教學方法與手段
4.1 采用項目教學法，以學生為主體、教師為主導，通過共同實施一個完整的工作項目而進行的教學活動。具體來說，本課程以網站項目帶動教學，完成一個網站項目的全過程實際就是學生掌握網頁設計知識、轉化網頁制作技能的過程。
4.2 理論與實踐相結合，結合項目案例和教學實例進行教學。項目案例從面向工作過程的實際項目中提取，覆蓋全部教學重點；教學實例緊密契合各單元的知識點，小而精。
4.3 講解與多媒體演示、開發環境演示相結合。理論知識的講解借助于多媒體教學設備，制作生動的PPT課件；遇到教學重點和難點及時切換至開發環境進行實戰教學。
4.4 教師講授與學生討論相結合。完成單元教學后，根據教學重點和難點布置若干思考題目，學生分組完成；教師安排時間組織學生進行討論，由每小組派代表講解；最后教師點評總結。
4.5 教室課堂與網上課堂相結合。將電子教案、實驗模版、趣味思考題目和項目案例都上傳至校園網FTP上，供學生復習和自學；同時利用網絡QQ和電子郵件系統可隨時給學生答疑。
5 考核辦法
以形成性考核為主。學生成績由平時成績和期末考試成績兩部分構成，其中期末成績占比不超過40%。平時成績包括出勤和項目成績。重點考核學生實訓子項目和實訓報告的完成情況。需要教師注意教學過程中的質量監控，提倡職業標準，使大多數學生提高實際的網頁制作能力，滿足未來職業崗位的要求。
【關鍵詞】網頁設計 課程改革 探索
《網頁設計》是計算機課程體系的重要專業基礎課程。一些高職院校學校的現行教材中教學內容比較滯后，脫離實際。實踐與能力培養不夠突出，專業實習、實訓的設備與計算機技術的發展有一定的差距，學生的實驗教學往往不能保質保量地進行。學生很難按要求完成教材的學習內容，達到教學大綱所要求的目標，學習的最終效果不能滿足社會相關職業崗位的需要。根據社會對網頁設計人才的巨大需求現狀，改革現有教學模式，增強學生的學習興趣，對于提高學生的實踐技能，增強職業競爭能力，具有十分重要的意義。[1]因此，《網頁設計》課程進行教學改革勢在必行。
一、課程現狀及存在的問題
目前，許多高等院校都開設了《網頁制作》課程，它已成為軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用、電子商務、物流等專業公共的必修課程，也受到了其它專業學生的歡迎。網頁設計教學內容通常包括HTML、語言、JavaScript 語言、CSS+div、圖像處理、動畫制作等方面，常用的軟件是網頁三劍客和Photoshop 的搭配使用。因此就授課內容而言，該課程具有知識點多、操作性強的特點。
分析目前課程中存在的問題，主要包括：教條式的課程教學內容，內容無法反映當前社會需求；教師在教學中與學生缺乏互動，學生缺乏積極性；實驗教學與實際需求脫節，課程實驗往往是一些基礎知識的練習，缺乏用于解決實際項目的技術，形成了學生學而不會用的局面。同時，各高校網頁設計課程多為36學時，課堂上學生無法獲得足夠知識點。而一些課程網站則只是簡單的知識堆積，缺乏對學生的引導作用。
二、教改思路
本課程改革的宗旨是：由以知識為本位向以能力為本位轉變，以就業崗位對人才知識結構的要求為依據，以項目教學為主線，以學校網站建設為目標，進行課程內容整合，使學生明確學習目的和內容。通過講授項目實施的全過程，介紹網頁制作的知識，使學生在學習的過程中，成為參與項目、創造實踐的活動者，將知識轉化為實際能力，實現具有獨立完成網站建設與開發的專業技能，同時，通過本課程的改革與研究，找出適合專業學習的教學模式，探索出一條培養復合型大學生的新途徑。
三、教學改革措施與方法
1.教學內容安排
整個教學內容的安排必須以實際應用為主線來進行，完成必要的知識點傳授。同時，按照項目應用實際需求，改變教條式的教學內容安排。在以教師為主的主動“教”、學生被動“學”的傳統灌輸式教學模式下，學生無法全身心投入到學習中。為了讓學生知道怎么學、學到什么以及知道學會了后具備什么能力，在教學內容安排上要以實際項目或目前應用中的項目為教學內容，讓學生參與到實際項目的研究內容中去，從項目制定、需求、開發、測試的全過程安排教學內容，從“因材施教”轉變為“因需施教”，從而調動學生的學習主動性和熱情。
2.課程教學方法
采用實訓――教學相輔相成的方式，選擇合適的案例貫穿到整個教學過程中。在每節課講授一個模塊的同時，完成一個實際項目。在“因需施教” 的教學內容安排中，從“教”與“學“的傳統教學模式過渡到“學生為中心”的教學方法。實驗課則致力于充分發揮學生的主動能動性，教師只是講解基礎知識點，啟發學生學會在項目開發中主動應用學到的基礎知識，通過實訓――教學的訓練方法完成實際項目，從而提高學生對知識點的理解能力，增加學習效果。
3.基于用戶體驗的教學網站建設
目前的網頁制作課程學時量較少，對這類實際操作要求高的課程，必須通過課外練習的手段達到學習效果。而傳統的課程網站多為知識簡單的堆積，無法提高學生的興趣。本文提出采用基于用戶體驗的教學網站設計，來達到快速吸引學生眼球、發揮課程網站對課程教學的作用。在教學網站內容安排上，既要有課堂教學內容，還必須結合課程安排大量有趣、鞏固知識內容的課外練習。同時，基于用戶體驗的教學網站也是網頁設計課程所要掌握的知識點。在課程網站教學的過程中，處處體現網站采用的知識點及其用戶體驗，學生在通過課程網站學習的同時，也學習了網站的制作方法，從而增強課程網站對學生的吸引力。
4.基于認證的課程培養模式
實訓報告個人心得感悟1
通過這次對天塔之光模擬控制的plc課程設計，讓我了解了plc梯形圖，指令表，外部接線圖有了更好的了解，也讓我了解了關于排列成設計原理，有很多設計理念來源于實際，從中找到正確的設計方法。
本次課程設計是要求團隊完成，所以遇到問題要求和同學互相交流互相討論。我們在做課程設計的過程中要不停的討論問題，這樣，我們可以盡可能的統一思想，這樣就不會使自己在做的過程中沒有方向，并且這樣也是為了方便左后設計合在一起，討論不僅是一些思想的問題，還可以深入討論一些技術的問題，這樣可以使自己處理問題要快一些，少走彎路，多改變自己的設計方法，在設計過程中最好要不停的改善自己解決問題的方法，這樣可以方便自己解決問題。
總之，這次實訓對我真的很有好處，給我彌補了很多我欠缺的知識，像梯形圖電路的循環，自鎖，以及和數碼管梯形圖的結合效應，在今后的學習過程中，要更加努力的學習自己的專業知識，多多與同學和老師交流，相信不久的將來可以有點成績。
實訓報告個人心得感悟2 為了更好地鞏固已有知識，學習技能，我到桂中紙業有限公司進行實習，在辦公室擔任行政文員的工作，在此我做一個行政文員實習心得。
在實習期間，我接觸了一些辦公用品，如傳真機、碎紙機、打印機、掃描儀等，掌握了這些機器的基本操作，了解了公司辦公的基本情況。同時在此期間我也學到了許多更有用的東西。
開始實習時，剛進入陌生的環境難免會有些緊張，不知道該怎么辦。是同事們友善的微笑緩解我的尷尬。大家都很有禮貌，不管大事小事都要說聲謝謝。
作為行政文員，任務比較瑣碎繁雜，指導我的老師教我，做事情要分主次、有條理。說著容易，做著難。每天要發傳真、收信件、整理廢舊紙張在利用等，手頭有多件事情需要完成。當然這時候就要將重要的事情放在首位，把所有事情的主次順序排好。這樣就不會亂。正好最近公司在擴建，傳真很多。要“分主次，有條理”是做好事情的關鍵，這次實習讓我更加深了對這句話的理解。
實習是我步入社會前的第一課，教會我怎么待人接物，如何處理各種事情。雖然在短短的3個月里看到的只能是工作的一個側面，學習的只能是一些初步的方法，但這些對于我是非常重要的。
這次實習告訴我，在社會這個大學堂里我還是一個小學生，還有很長的路要走。要抱著謙虛謹慎的態度，無論大小認真踏實的完成每一件事，走好每一步。
通過實習，我有信心，未來的路我能更好地走下去!
時光匆匆，為期3個多月的實習已經圓滿的落下帷幕。回顧其中的點點滴滴，有成功后的欣喜和激動，也有挫敗后的失落和無奈。在師傅們的諄諄教導下，我在收獲業務技能的同時，內心也經歷著微妙的成長。
面對新的環境，新的顧客，內心有點緊張。在看似忙碌而又緊然有緒的工作中，我開始記住了“客戶“這個詞，因為我深知客戶是我們的服務對象，我開始體味“微笑服務“詮釋的真諦。
這一次實習主要是行政。同時，學習聯行往來業務。前幾周主要是以看為主。開始安排我在財務部學習。我從整理發票開始。雖然看似一句話就能講清的流程，但實際操作起來卻并不是行云流水般流暢的，這其中所抱露的細節問題也決不是可以草草了之的。我從編碼開始，慢慢熟悉整個操作過程。但漸漸的隨著熟練程度的增加，錯誤減少了，從中也得出了自己的心得。確實如此，財務工作是一項看似簡單但精密度很高的工作，它需要的是更多的耐心和細心。所以我一直都在培養自己這方面的能力。剛開始時，幾乎每一天每做一件事都要犯錯，但是漸漸的在各位同事的幫助和指導下，我已經慢慢從常犯錯，減輕到少犯錯，犯小錯，并爭取不犯錯。
由于老板和同事的信任，不到一個月，我就有了自己固定的辦公桌，雖然對公業務不是很多，但是在一些簡單的業務中我漸漸培養自己專注和細心的能力。因為我覺得業務可以學，但性格是需要慢慢培養和塑造的。它需要一個過程，更需要一份恒心。
實訓報告個人心得感悟3
通過這次實訓對做好網頁有了更深的了解。
一、準備資料和挑選符合目的主題的合適素材
做網頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。
二、規劃好整個網站
主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印象沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。
三、善用圖片，增強藝術效果
【關鍵詞】網站開發綜合實訓課程 項目教學法 應用
【中圖分類號】G 【文獻標識碼】A
【文章編號】0450-9889（2016）12B-0112-02
網站開發是一項對實操能力、自主創造力以及團隊協作能力要求非常高的專業技能。中職教育是以向社會輸送專業技能型人才為主要目標，以提高學生職業技能為目的培養社會所需的人才。本文試針對網站開發綜合實訓課程教學現狀，分析項目教學法及其在網站開發綜合實訓課程中的作用，并提出網站開發綜合實訓課程中項目教學法的應用措施，以有效地提高學生實操能力，提升教學質量，培養更多的專業技能型人才。
一、網站開發綜合實訓課程教學現狀
整個計算機網絡專業課程中，網站開發是核心技術之一，它將多門專業學科知識融會貫通，是一門對實踐和操作都要求非常高的技術課程。現有中職計算機網絡專業的各科成績以及最后實踐的大數據調查普遍顯示學生的各科成績都達到優異的標準，但綜合實踐的過程中卻存在不會開發、不會思考，甚至是對于一個開發網站的項目無從下手的情形。種種跡象表明，學生雖然各科成績優異，但缺乏將所學知識運用于實際，缺乏連貫運用，缺乏實際操作能力。因此，對于計算機網絡專業的學生開設網站開發綜合實訓課程非常必要。它對于培養學生動手能力、激發學生學習探索的興趣以及提高學生綜合知識應用能力有著顯著的改善。
然而，從網站開發綜合實訓課程整體開設的現狀來看，其教學模式仍是以教師為主體，教師通過電腦屏幕的控制向學生演示課程中即將要實現的功能以及實現的過程，讓學生模擬練習，如此一來，學生無須動腦，他們大多認為只要根據步驟實現功能就行，缺乏自主探索意識，這樣的實訓現狀已經跟不上當前網站開發的現實需求。
二、項目教學法及其在網站開發綜合實訓課程中的作用
在計算機網絡專業的綜合實訓課程教學中，傳統的利用投影儀或者是利用多媒體網絡教學的情形非常普遍，各種先進的教學方法也引入教學之中。然而，由于長期以來教學一直強調的是以課堂為中心、以教師授課為中心，忽略了學生的主動性以及積極性的發展，這就導致學生在實踐中缺乏實際開發能力。項目教學法是以學生為主體、以教師為主導、以項目為主題的一種創新型教學教學方式。它強調學生的自主學習，促使學生從嘗試入手，從練習開始，調動學生的自主學習能力、積極探索能力，讓學生當“主角”、讓教師當“輔助”，如此一來，有利于鍛煉學生動手能力，提高實際操作能力，對所學知識進行融會貫通。在綜合實訓過程中應用項目教學法，則都是由學生自主分析、自主操作、自主探索，教師扮演解惑的指導角色。它能夠充分調動學生的主觀能動性以及積極創造性、動手能力、思維能力，促進學生更好地將所學知識運用于實際，實現教學的目的。這就有助于培養學生創造力和創新力，使學生能真正理解什么是網站開發，網站開發都需要經歷什么樣的過程，并在實操中學以致用。
三、網站開發綜合實訓課程中項目教學法的具體應用
網站開發綜合實訓課程是一門綜合考驗學生對于各科知識的掌握情況，提高學生專業技能的重要課程。可以說，它是對學生在網站開發中實操能力的終極鍛煉。網站開發綜合實訓課程中應用項目教學法，讓學生獨立對一個項目進行處理，包括開發前期信息的采集，設計項目方案，書寫項目開發文檔以及預估開發過程和網站開發之后部署實施，交付報告，終極測評等，不僅可以加深學生對知識的理解，更有助于提高學生全方位的技能。在網站開發綜合實訓課程中項目教學法主要涉及設計思想、設計理念、設計步驟、實施過程以及項目考核。
（一）設計思想。網站開發綜合實訓課程的主要目的是要將網站開發的核心課程知識串聯起來完成一個具有動態交互功能的網站，所依據的基本思想為：從項目主題出發，憑借自己所學的專業知識和技能，通過方法分析、任務分解以及社會能力的運用來完成整個項目的設計。
（二）項目制定。從確立該項目為交互式動態網站開發主題開始，根據學生的能力將該網站目標定位為：創建網站、網頁設計、動靜態網頁制作以及數據庫創建與維護、腳本語言的使用技術等，根據學生掌握相關知識的能力對這些模塊進行重組，主要體現在以下 6 個模塊：
模塊1 創建網站的框架設計
模塊2 動態網頁與靜態網頁的頁面設計
模塊3 數據庫的創建與維護
模塊4 頁面美化
模塊5 頁面功能的處理
模塊6 網站的測試與
從設計理念上看，每個項目都是一個相對完整的工作過程。設計之初，必須明確在該項目中要實現的目標以及預估或檢測是否在自己的能力范圍內，所需的專業知識，在該項目進行開發的過程中所涉及的知識、方法等事先都應該明確，如此才能更好地進行網站開發的后續工作。
（三）項目實施。將一個項目分成 6 個獨立的模塊，以實現每個模塊為目標，最終實現一個完整的項目。如此一來，項目目標明確，每個模塊要實現的功能任務也很明確，學生在一步步完成既定的分解任務之后，再進行有效的模塊匯總，最終實現項目，實現該項目所要達到的功能。鑒于此，該項目依照上述分解的模塊，具體的設計步驟或是詳情步驟可分為以下幾步：一是將上述模塊1的框架設計分解來進行網站創建、頁面結構、頁面布局等框架的設計。二是動靜態網頁的創建可分解為使用 javascript 腳本語言、htnl 網頁語言或者是 、PHP 等開發語言來實現頁面注冊以及其他功能性網頁的創建。三是數據庫模塊的設計步驟可分解為數據庫的配置、鏈接、建表、所要涉及的視圖、存儲過程以及數結構編寫等。四是網頁美工模塊可分為整個網站的網頁布局統一性以及單個頁面設計的美化性等。五是功能信息模塊可將其分解為單個頁面功能的實現以及整個網站統一性的功能完善等，包括繪圖、按鈕形狀以及后臺邏輯過程的處理。六是該模塊可分解為整個網站進行黑盒測試、百盒測試以及服務器搭建和網站的。
項目的實施主要包括實施項目、網站展示檢查以及評測，包括對項目進行可行性的分析、項目實現的基本思路、實施的基本步驟以及進度控制的方面的工作。可采取小組的形式進行，到整個項目結束提交一份總結以及項目的開發文檔并進行匯報。而教師對該項目在開發過程中出現的一些問題以及處理問題的方法進行評測、歸納并總結，提出可改進的一些建議，以便學生在下次進行網站開發項目中能得到提升。
（四）項目考核。考核是對整個網站開發項目的最后的步驟，考核直接關系到教學成果，直接關系到學生實施項目的效果和最終成績的評定，重點在于技能考核，所實現功能的方法考核，是否測試通過考核以及教師評測和學生自評等組成，至于成績比例的分布等可根據不同項目來逐步確定。
目的。
關鍵詞：CDIO ASP NET 工程能力
中圖分類號：G420 文獻標識碼：A 文章編號：1673-9795（2013）05（a）-0157-02
CDIO是當前國際高等工程教育的一種創新模式，它代表構思（Conceive）、設計（Design）、實現（Implement）和運作（Operate），是以產品研發到產品運行的生命周期為載體，通過項目設計將整個課程體系系統地、有機地結合起來，讓學生以主動的、實踐的、課程之間有機聯系的方式學習工程，參與到課程的各個教學環節[1～2]。
動態網頁設計課程是計算機應用技術、計算機信息管理、軟件技術、計算機網絡技術等專業的一門職業技能核心課程。隨著計算機網絡技術的發展和以網頁為載體的網絡信息的廣泛傳播，網頁制作技術已成為信息技術人員必須掌握的職業技能之一。是建立在微軟新一代.NET平臺架構上，利用公共語言進行時（Common Language Runtime）在服務器后端為用戶提供建立強大的企業級Web應用服務的編程框架，支持多語言協同開發，是目前進行Web開發的主流應用技術之一。該課程教學目標就是培養學生掌握 Web程序設計開發、網站建設、設計到實現的實踐動手能力。為了實現該教學目標，針對計算機相關專業畢業生缺乏工程設計能力，不能滿足IT企業需求，我們借鑒了近年來國際上流行的CDIO工程教育模式，在該課程教學過程中引入CDIO，貫徹“基于項目教育和學習的理念”，結合我校實際情況對該課程教學環節進行了改革，將“做中學”的理念滲透到該課程教學的各個環節，以幫助學生建立理論知識與工程設計實際應用之間的聯系，進一步提升教學效果。
1 課程分析
動態網頁設計課程與其他課程結合緊密，是程序設計基礎、面向對象程序設計、數據庫原理及應用、圖形圖像處理等課程的綜合運用與實踐課程，是融理論、實踐一體化，教、學、做一體化的專業課程。該課程主要講授使用的相關技術以及編程方法，為Web開發打下堅實基礎，主要內容包括HTML標記語言、腳本語言基礎、C#程序設計基礎、服務器控件、驗證控件、內置對象使用、數據庫編程、數據源控件與數據綁定、站點導航與母版頁等。該課程教學中容易出現以下問題：
（1）教學目標與社會需求脫節，學生動手能力差，后勁發展不足，嚴重制約學生的后續發展，同時對學生的就業造成影響。
（2）課程內容缺乏層次化和系統化，學生在學習過程中難以融會貫通，不能靈活運用技術進行項目設計與開發。
（3）實驗教學環節薄弱，學生實踐過程中只是盲目模仿練習教師上課時使用的案例或實現教材中的例題，缺乏自我學習和探索能力，阻礙學生擴展應用能力的培養，進而影響課程的教學質量。
2 CDIO在動態網頁設計課程教學中的應用
CDIO工程教育模式是“做中學”和“基于項目教育和學習”的集中概括和抽象表達，我們將CDIO引入動態網頁設計課程，對該課程理論教學模式和實踐教學方法進行改革，通過項目學習的教學教學方法實施“做中學”，基于項目設計教學案例引導學生應用所學知識逐步完成項目的構思、設計、實現及運作，培養學生WEB應用設計與開發的能力。
2.1 基于案例的課堂教學
在該課程教學過程中，考慮學生實際狀況，結合課程特征和應用方向，我們選取了學生比較熟悉的、與自身相關的學生信息管理系統項目開發作為整個教學過程的主線，并根據該課程的內容劃分子項目，將課程主要知識點包含在每個子項目中，以項目任務設計課程教學單元，課堂上首先講述理論知識，然后以與其相關的案例講解如何應用理論知識解決實際問題，進行子項目的設計與開發，最后讓學生思考如何進行項目拓展。圍繞學生信息管理系統開發，從實際出發分析該項目建立的目標，在了解系統需實現的功能模塊基礎上設計網頁，并建立數據庫需要的數據表及其字段，融入課程知識點設計逐步實現該系統功能的案例，讓學生了解整個設計與開發過程，掌握相關技術。比如在講述該課程服務器控件基本屬性后，以設計該項目中學生信息在線注冊頁面，該頁面中包括輸入學生學號、姓名、密碼、性別、所屬院系、E-mail等信息，其中學號、密碼等信息用TextBox控件實現輸入，性別可以用RadioButtonList控件實現輸入，所屬院系可以用DropDownList控件實現輸入，將各控件的用途融入項目的實際開發中；在講述驗證控件使用時，可以針對已建立的學生信息注冊頁面進行實際需求分析，比如注冊時學號、姓名、密碼等信息均不能為空，兩次密碼輸入必須保證一致，E-mail必須符合用戶名@域名格式等，依次操作演示如何靈活運用驗證控件解決這些問題；學習數據庫編程時，可以講解如何編程實現學生信息注冊頁面中的注冊功能。
2.2 基于項目的實踐實訓教學
本課程分為基本項目學習和項目實訓2個實踐環節將理論教學與實踐教學緊密結合，以創作最終產品為目標，使學生加強實際動手能力，充分獲得與職業相關的工作經驗。
基本項目學習主要是在該課程平時上機實驗中通過“學生信息管理系統”項目實施“做中學”，通過逐步完成項目的設計與開發掌握應用技術開發網站，經歷項目開發的全過程，具備全面理解和運用學科知識的能力。由于教學課時有限，不可能將該系統所有頁面設計與代碼實現都在課堂上進行演示，因此，課堂上主要選取設計系統主要功能的頁面進行講解，比如學生信息在線注冊、查詢、登錄、學生信息管理。在該階段學生主要以個人形式實現項目分階段任務，以達到牢固掌握該課程基本知識的目的。鼓勵學生在基本模塊基礎上進行拓展，比如實現學生信息查詢功能時能夠按照學生學號、姓名、所屬院系等信息進行綜合查詢，支持按學號或姓名字段進行模糊查詢等。
項目實訓階段是指該課程基礎教學后，在學期末集中一段時間完成一個Web項目的設計與開發，可以在校內實驗室模擬工作環境對學生進行訓練，或在校外實訓基地進行，強化學生實踐能力培訓，促成CDIO學習效果的形成。選擇適當的WEB系統設計項目，將學生分成小組，每組設計一個項目，學生自主設計和完成項目開發，小組成員采用分工協作的方式完成項目構思、項目設計、項目實施、項目運行、項目演示及結題階段。基于CDIO的項目實訓流程如圖1所示。
項目實訓階段中各小組可以選定一個學生擔任項目經理對項目進行進度、質量進行管理，組織和協調各小組成員完成項目設計與開發工作。項目結題時可要求各小組進行項目演示及答辯，強調表達能力、溝通能力、協作能力的培養，為學生提供更多的學習提升機會。項目題目可以采用學生可以自行選擇、教師指定或校外實訓時公司實際項目等方式，比如在線論壇、在線考試系統、音樂網站、新聞系統、企業門戶網站等等。在該階段開始前，為了讓學生更加系統的理解應用進行WEB項目的設計與開發，我們給學生系統的介紹了如何采用界面、業務邏輯和數據訪問三層結構框架實現購物車項目，為學生提供一定程度的項目指導作用。
2.3 基于CDIO的評價體系
CDIO高等工程教育模式以構思、設計、實施及運作全過程為載體來培養學生的工程能力[3]。工程能力不僅包含個人的學術知識，還包含終生學習能力、團隊交流能力和系統掌握能力[4]。CDIO工程能力的評價是在學生完成一系列項目時，對其知識水平、自身能力、團隊合作與溝通、系統掌控能力的評價與具體衡量。本課程對學生能力評價主要通過三方面考核：
（1）理論知識。通過筆試評價學生對理論知識的掌握情況，夯實理論基礎，為Web實際應用提供保障。（2）工程設計與應用能力。主要通過分階段上機實驗考核，隨著課程內容的有序深入，逐步完成“學生信息管理系統”項目的分階段構建，學生自我拓展對該項目功能進行擴充，最終以整體項目的形式提交，通過軟件設計過程的報告和最終軟件成果評價學生的工程設計與應用能力。（3）團隊協作。課程教學結束后在項目實訓階段采用分組方式使學生在完成項目時能一起學習、研究、分析和討論，參與項目的構思、設計、實施及運作。主要通過項目演示與答辯、項目設計與分析報告等形式進行評價，在該過程中不斷強化學生的團隊價值觀、個人學習觀以及以軟件產品為導向的認知習慣。
3 結語
針對動態網頁設計課程教學中容易存在的問題，將CDIO教學模式引入該課程教學各個環節中，以案例為載體組織課堂教學，基于項目實施實踐實訓教學，強化學生實踐能力，能夠有效地激發學生的創造思維和學習積極性，提高了學生通過自己分析、研究、解決實際問題的能力。同時，為了促進基于CDIO的教學模式的順利推進和良好的教學效果，對課程的考核方式進行改革，建立基于CDIO的評價體系，培養學生的CDIO工程能力。
參考文獻
[1] 查建中.論“做中學”戰略下的CDIO模式[J].高等工程教育研究，2008（5）：35-37.
[2] 陶勇芳，商存慧.CDIO大綱對高等工科教育創新的啟示[J].中國高教研究，2006（11）：81-83.
