導言：作為寫作愛好者，不可錯過為您精心挑選的10篇網頁實訓總結，它們將為您的寫作提供全新的視角，我們衷心期待您的閱讀，并希望這些內容能為您提供靈感和參考。

篇1

江南春曾為好耶勾畫誘人的商業進化路線：以其為主體打造網絡廣告媒體帝國，形成足夠大的廣告采購規模，再以廣告主資源為依托，反向壟斷網絡媒體資源，成為網絡流量經營公司后，以技術實現網絡流量的增值。

但在目前的網絡廣告市場環境下，好耶很難完成這一戰略構想。首先，網絡廣告市場的分散特點決定其不可能依靠并購實現規模化，好耶最多也只占據市場份額10%；其次，能夠讓其包下廣告位的網絡媒體很可能不成熟，而成熟媒體要價又很高，在上市公司的體系下，好耶如果激進購買網絡流量將嚴重影響分眾財務業績；再次，好耶曾依賴的網絡聯盟面臨越來越激烈的市場競爭，流量爭奪之戰變得非常艱難。

對網絡公司更為不利的是，強勢垂直網站的話語權正與日俱增。業內人士指出，像騰訊QQ、人人網和開心網等擁有龐大流量的網站，廣告主愿意直接和他們談網絡營銷策劃，網絡廣告投放完全可以捆綁在一起。“好耶之前的戰略是想基于產品提供服務，但最終產品化沒有體現出來。這和技術無關，和整個網絡廣告業的環境有關。”原好耶總裁楊炯維指出。

好耶的失意表明整合網絡廣告各個環節的難度之大。兩年前，阿里巴巴集團旗下的廣告平臺阿里媽媽遭遇同樣挫折，該廣告平臺試圖將中小網站流量轉化為廣告費，但并沒有得到廣告主的強烈認同，而在阿里巴巴與百度因后者進入電子商務領域失和后，阿里媽媽最終并入淘寶了事。

篇2

作者簡介：柳珺（1963-），女，北京人，河北政法職業學院計算機系，副教授。（河北 石家莊 050061）

中圖分類號：712 文獻標識碼：A 文章編號：1007-0079（2013）10-0135-03

一、高職教育概述

高等職業教育作為高等教育中的一個類型，其人才培養規律不同于學術人才培養規律。高等職業教育應該以社會需求為目標，實踐動手能力的培養為主線，所學知識、技能具有崗位針對性。因此高等職業教育的教育過程應以“項目化”的實訓任務為引領，以培養學生職業能力為核心，通過職業技能的培養，努力挖掘學生的動手能力，能夠讓學生在學中做、做中學、學做一體，從而提升學生的專業知識應用能力和職業技能的遷移能力。

當前高等職業教育所面臨的核心任務是課程的改革，而“任務引領”教學模式符合職業教育規律，強調理實一體、做中學的理念，[1]因此“任務引領”教學模式是突出高職辦學特色、促使課程改革走向優質的一條有效途徑。

“任務引領”是指在整個教學過程中以工作任務為主體，強調理論與實踐相結合，在真實的工作環境下將所要學習的新技能、新知識滲入學習任務中，以完成任務的過程作為教學活動的核心，教學活動、教材內容和教學條件等環節均圍繞一系列的任務進行，實踐和理論高度融合。[2]

“任務引領”教學模式的特點可以概括為：以工作任務為引領；以崗位技能為導向；以實踐教學為主題；以掌握能力為目的。任務引領讓學生在享受工作過程的樂趣中，學習知識、掌握技能、培養責任、積累信心、完成教學任務，同時激發了學生的學習興趣，調動了學生學習熱情。[3]

在教學實踐中，將“任務引領、學做一體”的教學模式引入的了高職“網頁設計與制作”課程中，將網站開發工作流程和內容有機地融合到教學內容中，構建以“網站開發工作過程”為導向的實踐任務，使學生在任務完成的過程中，獲得了網頁設計制作的知識和技能，取得了較好的教學效果。

二、“網頁設計與制作”課程設計理念

1.根據“網頁設計與制作員”職業崗位需求確定課程目標

“網頁設計與制作”課程是培養學生網站規劃、設計與網頁制作能力的課程，其對應的職業崗位是網頁設計與制作員。因此，該課程的目標是掌握網頁制作方法、強化網頁制作技能、積累網頁制作經驗，以滿足網頁設計與制作員職業崗位的需求。

2.以職業能力為依據組織課程內容

“網頁設計與制作”課程根據網站開發和網頁制作技術領域和網頁設計與制作員職業崗位的任職要求，參照網站開發和網頁制作的職業資格標準，以網頁設計與制作員崗位應具備的職業技能為核心，并考慮后續課程的銜接統籌選擇課程教學內容，突出職業能力培養，實現理論和實踐的完善統一。

3.以“任務”為主線設計教學環節

教學全過程圍繞任務（實際的網頁）進行，把網頁設計與制作員所需要掌握的知識點和技術要點穿插到各個任務中，教師邊分析講解、操作演示，學生邊模仿操作、動手練習，真正做到講練有機結合。這樣，既可以提高學習效率，又可以激發學生的學習興趣，進而提高學生分析問題、解決問題的實際能力，使學生能夠輕松學習、自主學習。

4.通過“階梯上升式”實踐教學模式強化技能訓練

“網頁設計與制作”課程設置了課內實訓、課外拓展、模塊綜合實訓、項目綜合實訓四個階梯上升式實訓教學環節，學生通過不斷實踐，實現網頁制作技能由點到線再到面的不斷推進。而每一個實踐環節，都圍繞著真實任務（網站或網頁）進行，最終使學生達到與網頁設計與制作員職業崗位的“零距離”接觸。“階梯式上升式”實踐教學模式如圖1所示。

三、“網頁設計與制作”課程教學內容的選取

“網頁設計與制作”課程以培養學生開發網站與設計制作網頁的職業能力為課程設計的主線，在課程體系與課程內容上突出“應用”、“實用”。教學中注重處理好理論知識講授與技能素質培養之間的關系，教學重點不僅僅是使學生掌握課程所講授的理論知識，而是側重于培養學生實際能力與才干。

“網頁設計與制作”課程按照培養技能型、應用型人才的目標，根據行業企業對網頁設計人才的知識、能力、素質的需求，并考慮前導、后續課程的銜接，確定課程教學標準與教學內容，同時按照實際工作流程重新組織教學內容，使教學內容具有很強的針對性和適用性。

“網頁設計與制作”課程教學內容選取流程圖如圖2所示：

在選定課程內容的前提下，選擇Dreamweaver、Fireworks、Flash網頁設計三劍客軟件包分別作為網頁制作、圖像處理和動畫制作的工具，把網頁制作技能的培養轉變為三種軟件使用方法的學習。

四、“網頁設計與制作”課程的實施

“網頁設計與制作”是一門實踐性很強的課程，課程的目標是培養學生網頁、網站的開發設計能力、軟件工具的應用能力、再學習能力和創新能力，實現與網頁設計與制作員職業崗位的“零距離”接觸。為了達到課程的培養目標，在教學內容的組織與安排上突出了以能力為本位的教學設計，以培養職業綜合能力為基礎，以勝任崗位要求為出發點，在課程的整個教學過程中采用“任務引領、學做一體”的教學模式。

教學過程均是圍繞著一個個教學任務（網頁案例）展開。課堂教學采用任務引領、項目（實際網站或網頁）驅動，學做一體化授課，將知識點嵌入項目中進行講解、練習、實驗，使學生在“學中做、做中學”，逐步掌握所學知識，提高操作技能。

1.課程結構“模塊化”

在“網頁設計與制作”課程的具體實施中，為了適應網頁設計與制作員職業崗位工作的需要，并考慮高職學生的認知水平和認知能力，將網站開發工作流程和內容有機地融合到教學內容中，構建以“網站開發工作過程”為導向的模塊化課程結構，將知識和技能分為網站規劃、網頁制作基礎、網站管理、初級網頁制作、圖像處理、動畫制作、高級網頁制作、網站維護和綜合實訓9個模塊若干個教學單元，每一個教學單元又包含若干個具體操作任務，在任務完成過程中進行教學內容的講解。

2.課程內容隨著網頁制作技術的發展不斷調整、更新

隨著計算機技術和網絡技術的發展，網頁設計三劍客軟件包的版本在不斷更新，網頁設計與制作技術也在不斷升級換代，為此“網頁設計與制作”課程的內容也必須根據網頁制作技術發展不斷地改進、更新，以適應計算機技術、網絡技術的發展和社會的需要，保證學生所學的知識不過時。

3.教學環節標準化

每一個教學單元的教學都按照“任務展示”、“教師演示”、“課內實訓”和“總結提高”的過程展開，體現“以學生為主體”、“以實踐為核心”的教學思想。

在任務展示環節，教師首先說明本次課要完成的目標并展示本次課任務（網頁）的瀏覽效果，讓學生了解本次課的教學目標和需要完成的任務，激發學生對新知識的學習興趣；在教師演示環節，教師逐步示范任務（網頁）的制作過程，給出任務的操作方法；在課內實訓環節，學生通過模仿教師完成相應任務，訓練網頁制作的基本技能；在總結提高環節，教師對任務完成過程中涉及的知識點和技術要點進行歸納講解，使學生達到舉一反三的目的。

4.“階梯上升式”實踐教學模式

實踐教學是高職課程教學的生命線，而以“做”為特征的“網頁設計與制作”課程，重視實踐教學更是具有突出的意義。網頁設計與制作的理論知識必須通過學生動手練習才能變成學生具備的網頁制作職業技能。基于這些，形成了“課內實訓、課外拓展、模塊綜合實訓、項目綜合實訓”階梯上升式的實踐教學環節。這種教學模式的實施說明如表1所示。

5.采用符合高職學生認知規律的教學方法

高職層次的學生善于形象思維、動手能力強，厭學理論知識、樂學實際操作，因而最適合“做中學、學中做”。基于此采用了基于真實項目的“任務引領、學做一體”教學模式。

課程的教學過程圍繞著一個個任務（網站或網頁）進行，在課堂中，教師通過分析解剖一個個具體的任務，圍繞一個個實際網站的構建及實現的方法，從簡到繁，從易到難，引導學生制作網頁，理論與實踐相結合，邊學邊練，以練為主，最終完成實訓任務，達到“課完即會、課后即能”的效果。

通過不斷的探索和改進，我院“網頁設計與制作”課程已經形成了“圍繞一條主線，通過三個構建，實現三個目標”的教學特色：

一條主線即任務；三個構建為任務引領、學做一體化教學模式的構建，“模塊化”課程結構的構建和“階梯式”實踐環節的構建。

達到三個目標，第一，素質綜合化，通過任務的學習和網頁設計開發，培養了學生刻苦鉆研、勇于開拓的創新精神，培養了學生科學嚴謹、實事求是的工作態度，加深了學生團結協作、互幫互助的集體觀念，全方位地提高了學生綜合素質；第二，設計個性化，通過任務的學習和網頁設計開發使學生的設計思想得到充分的展現，設計的作品更具有個性；第三，能力崗位化，通過任務的學習和網頁設計開發讓學生的能力更符合崗位的要求，實現與網頁設計制作員崗位“零距離”接觸。

多年的教學實踐證明，在“網頁設計與制作”課程中引入“任務引領、學做一體”教學模式，用任務作為教學的載體，讓學生在學中做、做中學、學做一體，通過學生主動的實踐、探索，使學生在獲得網頁設計與制作職業能力的同時，還鍛煉了學生的動手能力，提高了學生分析問題和解決問題的能力，培養了學生嚴謹的工作態度和團結協作精神，達到了學生與網頁設計與制作員職業崗位的“零距離”接觸。

參考文獻：

篇3

中圖分類號：TP393 文獻標識碼：A 文章編號：1674-7712 （2012） 16-0138-01

《網頁設計與制作》是一門實踐性、操作性和創新性很強的課程，它能很好地鍛煉學生的動手能力和團隊協作能力，并且還能緊貼市場，做到以典型工作過程為導向，進行實際項目的開發訓練，使學生應聘的時候不再只是有理論知識，而沒有任何實踐經驗。以此來真正做到理論、實踐并行，與企業的工作需求接軌，培養應用型的專業人才。

《網頁設計與制作》課程是我院多個專業的核心課程，如計算機應用技術、網絡技術以及廣告設計等專業都開設了此門課程，該課程對學生的操作練習有較高的要求，實訓的教學內容都是融入在課堂教學中，由于課程安排的比較分散，不能有效地集中訓練學生的動手操作能力以及策劃設計網頁的能力，學生在學完該課程之后，有的不能獨立地完成網站規劃和頁面設計，有的設計效果不能達到預想的功能和視覺效果。因此，實訓課程在《網頁設計與制作》教學中起著比較重要的作用。根據《網頁設計與制作》課程的這一特點以及我的個人教學經驗，下面對《網頁設計與制作》實訓教學談一下自己的意見和看法。

一、提高教師的專業技能

作為一名教師，他既是課堂的領路人，又是學生學習的輔導者，教師的專業水平直接影響著學生各方面能力的提高。職業教育傳授的不僅僅是理論知識，還要傳授學生操作技能，培養學生的動手能力。在高職的教學中《網頁設計與制作》的實訓課程主要就是培養學生的實踐動手能力，要求學生能夠通過所學知識做出優秀的作品，因此這門課程對學生的動手實踐能力要求是非常高的，這就要求教師首先要具有較強的實踐操作能力，只有教師具有了一定的項目實踐經驗，才能充分地指導學生完成優秀的網頁作品。因此，教師平時就要注重理論與實踐相結合，加強自己的企業實踐，在補充自身理論知識的同時，還要不斷提高自身的專業技能和實踐能力。

二、多種教學模式相結合，培養學生學習興趣

（一）通過優秀作品賞析，激發學生的學習興趣

在授課初始階段，準備一些精彩的網站案例，在課堂上演示。在展示優秀網站案例的同時，學習網頁制作技術之前首先讓學生欣賞優美網頁，教師分析網站的整體設計、網頁的結構布局以及顏色搭配，讓學生邊欣賞網站，邊聽教師講解，在美的熏陶中，讓學生能夠感覺到一個好的網站不僅僅有宣傳推廣的作用，它更是一件藝術品，完成它是需要傾注心血的。

每個教學單元中都去展示相應的網站案例，并且在網站案例展示的同時，引導學生去思考網站的美工、布局以及樣式等都是怎樣完成的，自己能否通過努力完成這樣優秀的作品。幾節課下來，就有不少學生躍躍欲試，從而有效地調動學生的積極性，激發學生的學習興趣。

（二）階段測試訓練

通過過程考核，提高學生學習的緊迫感，鞏固學生的階段性學習成果。

首先教師布置本次課的實訓任務，并分析其實訓要點；然后學生根據本次任務開始制作網頁，教師進行輔導；實訓完成后教師對實訓過程中出現的問題進行分析解決，并選幾位學生的網頁作品進行展示，其他學生對其進行點評。

（三）拓展訓練

可以通過課外興趣小組集體活動等形式，提高學生的人文素養。課余時間充分利用網絡資源進行課外拓展實踐，如果遇到疑難問題學生可以通過”E-mail”和“QQ留言”的方式與輔導教師取得聯系、化解難題。利用課外拓展實踐的方法對于能力強的學生可以進一步提高他們的操作技能；對于能力差的學生可以解決他們存在的問題。

（四）項目實戰訓練

將實際項目引入進教學，并對其進行任務分解。

例如讓學生制作各行業的門戶網站，首先教師以客戶的角色為學生布置項目，學生進行市場調研，撰寫需求分析報告；然后學生自己制定項目實施計劃，進行項目設計實施；教師再以客戶的角色驗收項目，進行評價；最后學生撰寫項目總結。以這樣一個過程讓學生在開發實際項目中提高職業能力，培養他們的工程意識。

三、增加實訓課程的課時，提高學生的動手能力

實訓課程主要是在強化理論知識的同時提高學生的操作技能，因此實訓課程必須是以學生操作為主，教師輔導為輔，在實訓過程中幫助學生解決遇到的問題。從網站的策劃、素材的搜集到網站頁面的設計布局、網頁的制作以及網站的測試與等等，學生都要自己獨立去完成，在整個實訓過程中學生會遇到不同程度的問題，教師可以在旁協助。學生就在這樣一個不斷遇到問題、解決問題的過程中提高自己的能力。實訓結束后有不少學生會感慨到實訓一個禮拜比上一個學期的課學到的知識要多很多。因此實訓不僅僅是學生制作網站的過程，更是學生自我學習，自我提高，自我評價的過程。

同時實訓的環境也是非常重要的，實訓課程基本都是在微機室完成的，在微機室里學生可以實現一人一機，并且每臺電腦都直接與互聯網相連，學生在實訓過程中，可以上網查找相關資料，搜集所需素材，解決實訓中遇到的問題，同時還可以直接通過教師、同學的幫助快速解決問題。

四、結束語

《網頁設計與制作》是一門專業性很強的課程，在教學過程中突破傳統理論教學和講解為主的模式，把課程中的理論內容，合理地穿插到實踐教學中，把原來枯燥、單調的講解通過實踐環節讓學生消化和掌握。通過實訓達到高職高專學生的培養目標。體現以學生為本，最大限度地調動學生自主學習的積極性，培養了學生的綜合能力，使學生掌握一門技巧，這樣對教師也是一種鍛煉和提高。

參考文獻：

篇4

中圖分類號：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結束語

明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。

參考文獻：

篇5

在傳統的教學中，是以教師的講解再配合學生的練習為主要的教學方法。這種教學模式，是以教師為主導的，老師先傳授基礎知識，再給學生演示教學實例，演示完成后再讓學生做練習來鞏固學習的知識。這種方法在教學中持續了好多年，他的好處是教學系統整個教學過程比較完整。可是這種教學方法有個致命的弱點，那就是教師在臺上面面俱到的教，可是學生沒有實際的操作經驗，難以理解，老師在孜孜不倦的教，可是學生卻興趣缺乏，往往是老師累得滿頭大汗，學生卻收效甚微。為此，我們提出了以學生為主導的教學方法。

1.1教師備課以學生為主導，要準備合適的案例為學生開啟網頁設計的大門學生是教學過程的主人翁，教師實現備課，除了準備必要的基礎知識以外，我準備大量的設計實例。網頁設計在技能上更注重設計，因此在備課的過程中，要根據學生學習循序漸進的過程，準備各個階段的案例項目。在學生剛開始接觸網頁設計之初，要給學生一個網頁的整體設計思路。這時候要準備大量的成品優秀案例，最好是獲獎作品，提升學生的學習興趣，讓學生覺得學習網頁設計是一個非常有意思的事情。在提升了學生的學習興趣以后，要及時的準備教學實例，這個階段要及時地把網頁設計的基礎知識融入其中，這個階段的教學實例要簡單易行，讓學生比較容易上手，這時候的案例要比較充裕，以大的作業量來提高學生的基礎設計水平。在學生掌握了基礎制作水平以后，就是學生的提升階段了，這個階段的學習是非常重要的，是關系到整個網頁設計教學的成敗，這個階段案例的選取要有代表性，這時的案例要全面可行，每一種案例都要涉及。最后的一個階段是總結階段，這個階段的案例的選擇要具有實用性，要采用企業的實際案例，模仿企業的運行模式來教學，案例要選取企業中實際制作項目。這樣一整個備課過程下來，教師就對整個教學有了事先的良好把握。

1.2在教學過程中采用“校企一體化”的模式校企一體化的教學模式指的是在教學過程中模仿企業的運營模式，老師是項目經理人，學生是企業員工。在這種教學過程中，一開始學生就是作為新進員工參與其中的，教師指導學生做大量的基礎案例項目。這種項目可以是把制作好的網頁模板切片做必要的基礎鏈接，可以是為網頁設計漂亮的導航，可以是為網頁優化布局。當然可以在這個過程中加入一些簡單的網頁整版設計，要注意要及時的調動學生的積極性，對于完成的好的作業案例要給予表揚，適時的肯定學生的成績會使學生的學習更為有益。在基礎案例做的比較多的情況下，學生的基礎制作水準有了很大的提高，這時候要及時的推動教學進入下一個提高階段，這時候教師要把自己的角色定位為項目經理人，提出一些有代表性的項目，比如為某酒店制作一個網站，提出各種要求，讓學生在規定的時間內制作完成。這階段教學的過程，教師要有耐心，要有一定的高度，對于學生的要求要嚴格，對于學生作業中出現的問題要馬上提出，并督促學生做出優化設計。這個階段的案例一定要全面，給學生的項目要有代表性，對目前使用范圍比較廣的網站設計方向要把握準確。在最后的總結階段，教師提出的案例最好是企業所提供的，這種實例更具有實際性和探索性。比如，為宏福祥服飾有限公司制作網站。在這個網站的制作過程中，就有學生的大量參與，從選片修片到整個版面的設計，乃至后臺的制作設計，學生們都做出了巨大的努力。在這個網站的制作過程中，學生分成了五個小組，做出了五套網站設計方案，最終有一套方案被企業錄用。這種企業的教學模式在網頁設計教學過程中取得了很好的效果。

1.3教學結果評價的改革在以往的教學中，都是以考試來評定教學結果的。在新的校企一體化的教學模式中，我們摒棄了以往的評價模式，采用作業考評結合平時表現的模式來評價學生的學習效果。采用平時表現，作業成績三七開的方法來考核學生。在作業的評定中，為了使評定結果更客觀，我們采用專業教師和合作企業代表共同參與學生的作業講評，根據講評綜合給分。這種考核方法更為合理有效，不僅僅考核了學生的全面的專業技能還考核了學生的職業素養。

2．有效合理的利用校內實訓

篇6

中圖分類號：G712 文獻標識碼：B

文章編號：1671-489X（2015）01-016-04

1 引言

高職類院校每學期都會開設一到三門實訓類課程，在與實際工作環境十分相似的情況下，讓學生完成真實的工作項目。教學過程中重視理論與實踐結合，強調學生的參與式學習，讓學生通過課程的學習，學到需要的技能、工作的經驗、團隊合作的精神、工作的方法等方面內容。以網頁設計實訓課程為例，它是在網頁設計課程之后開設的一門獨立課程，開設時間為兩周。這兩周內，學生只上一門課程，學時為60學時，其中教師講授時間為10學時，其余均為實踐學習，占4學分。當前在網頁設計實訓教學中主要存在以下幾方面的問題。

學生作品實用性差 網頁設計實訓課主要讓學生熟悉網站設計與建設的流程，最終完成一個網站的設計與建設。為了提高學生的學習動力，一般給學生的實訓任務都是學校目前需要的網站，如某一精品課程網站的建設。一方面讓學生真正做到學以致用，另一方面也可以作為學生學習期間的作品，為將來找工作做好基礎。但是當實訓結束后，學生的網站總會出現各類問題，如網頁的Flash換一個瀏覽器后就會錯位等，網站總有用戶不滿意的地方。這樣就會導致用戶的采納率低，部分網站沒有應用于實踐，學生作品實用性差。

學生缺乏動力 網站的設計與建設其實是一個大工程，需要很多的時間和精力，如果中間沒有激勵，那么學生的開發動力就會漸漸不足，在完成的過程中拖拖拉拉，最后在課程快結束時草草收尾。這樣一來，學生最終的實訓作品會明顯看出所下功夫不足。

缺乏與學生進行交流溝通的途徑 學生、教師在實訓課程中不是全天見面，而是采用每天定時交流的方式。學生在實訓中難免會感覺煩悶，因為他們急切希望在自己一遇到問題時就有人幫幫他們，或給予他們思路上的點撥，或給予他們技術上的指導。

通過研究和分析移動學習的現狀和特點，筆者發現利用移動學習解決以上問題是一個很好的思路。于是設計和開發了相應的移動學習系統，在功能的設計上充分體現“移動”的特色，開發適合移動學習的功能。系統有說明幫助、課程學習、移動助學、討論交流四大功能模塊。其中，課程學習支持在線學習和離線學習;交流包括短信、郵件、討論等，綜合了移動通信和網絡通信，既有實時交流，又有非實時交流，具體如圖1所示。

2 移動學習活動設計模型

移動學習系統應用實踐是以移動學習活動設計模型（MLADM模型）為指導思想進行的，如圖2所示。MLADM模型分為七個方面：需求分析、迷你活動設計、學習情景設計、學習支持設計、技術環境部署、約束條件分析、學習評價設計。具體在網頁設計實訓課程中的體現如表1所示。

3 學習策略設計

在網頁設計實訓課程中，教師可以設計一系列豐富多彩的學習資源和學習活動來激發學習者主動參與到學習中。移動學習系統在網頁設計實訓課程中的應用，主要學習策略有以下幾種。

自主學習 網頁設計實訓課程是一門綜合性比較強的課程，從學生能力角度來講，需要學生具有網頁美工能力、網頁編程能力、簡單網站建設能力、網頁動畫能力;從學習的具體內容來講，涉及多種軟件與程序語言，有Photoshop、

Dreamweaver、Flash、Access、IIS應用、ASP語言、HTML語言等。在短短的兩周之內，學生要應用如此多內容，必然存在遺忘現象，這時學生就可以通過移動學習系統復習前面學過的網頁設計課程，也可以在移動學習系統搜索自己需要的內容，為順利進行實訓提供了良好的條件。

學習反思 學習反思即是學生在學習過程中隨時記錄自己的思考或者與本課程有關的任何事情，把實訓過程中的感受記錄下來。由于手機的輸入沒有電腦方便，所以本移動學習系統在設計時對每次錄入的字數有限制，提倡學生用不多的文字來表達。這樣也符合學生的心理，簡單幾個字，把心情、狀態、想法描述清楚。因此，學生在實訓課程結束之后，寫實訓體會就很方便，可以直接拿過來用其中的內容，也可以在此基礎上進行擴展。

首先，把自己在做的過程中喜歡的資源、覺得好的知識、學到的新知識點記錄下來，構建自己對于網頁設計知識的認識，作為自己的知識積累;

其次，隨時記錄的一點一滴給學生一種自信，讓學生有信心一步步做下去，讓學生有動力完成下面的工作，讓學生看到自己的積累。

交流 網頁設計實訓課程中，學生可以隨時隨地利用移動學習平臺和教師進行實時的與非實時的交流，可以采用各種方式進行交流。

首先，教師把移動學習系統可進行交流的方式告訴學生，如有短信、郵件、討論、搜索網絡，學生認為這是一個新鮮事物，愿意去嘗試。特別是在討論欄目中，伴隨使用時間的增長，學生體會到使用平臺進行學習的便捷、時效，能自發地進行溝通交流，對于遇到的問題、想發表的意見，能主動發表到平臺上，豐富平臺的內容。隨著平臺上各類信息的富集，過去的一些觀點和意見也會被注意到，這些交流的內容不是在同一時間段交換思想，而是留在平臺的討論頁面上，在其他時間段被別人注意到，達到共享。

信息處理 在學生學習過程中，信息處理能力的培養是必不可少的，如果學生能很好地進行信息處理，對他們實訓作品的完成、網站設計與建設方面的知識的積累是很有益處的。在本移動學習系統應用中，需要進行信息處理的主要有搜索、評價、。

在搜索方面，主要是學生在遇到問題，或是制作過程中對技術不理解時，可以通過移動學習系統中的網絡搜索進行搜索，為自己的作品積累一定的思路，也為自己問題的解決找到一個方向。

在方面，學生在搜索里發現好的有用的資源，可以將鏈接到討論交流平臺中，并過行推薦，供其他學生參考。

在評價方面，其他學生在討論交流中如果看到這一資源，可以對的這些資源進行評價，如：它是否可以帶來幫助？是否能解決心中疑惑？這樣一來，好的資源就可以突顯出來，便于學習。

學習內容推送 學習內容的推送是對課程教學中比較薄弱的方面的很好的補充。例如，在學生設計主頁面那段時間，筆者就不斷地給學生推送關于設計的內容，如一個網頁幾種色比較好，同色系的怎么搭配，多色時選擇哪些色，什么類型的網頁適合什么顏色，讓學生對色彩的應用更深一層。由于教學時間短，這些內容在網頁設計、網頁設計實訓課程的課堂教學中沒有時間來完整進行講述，所以在學生實訓中可以推出。

同時，每天根據學生的進度推送他們在網頁設計過程中有可能遇到的問題，可以推送不同類型的信息，如理論知識、設計原則、設計技巧、操作技巧、網頁代碼等。這樣做，一方面讓學生每天都有一種期待，提高學生的學習積極性;另一方面讓學生了解正常進度，看看自己是快了還是慢了，在設計過程中自主進行進度調節。

4 學習評價設計

把學生的評價放在課程的每個環節中，綜合形成性評價和檔案袋評價的優勢，形成本課程的評價模式。

1）課程之初，對學生要上傳的基本文件進行要求，比如必須有網站主題相關信息說明、網站欄目計劃、色彩計劃、首頁面初始設計、子頁面初始設計等文件。

2）每階段成果要求學生上傳到移動學習系統，學生每上傳一部分內容，教師進行打分，寫出評語肯定其優點，指出其不足及改進措施。

3）當學生進行改進后，教師修改作品評語，給予激勵。

4）當學生把全部文件上傳后，教師針對學生的文檔和他們在移動學習系統中的參與度，寫出評語，給予分數。

5）在課程的最后兩節課，學生整理自己的上交文件，按照事先的評價量規，對自己在本課程中的學習進行在線評價。

5 總結

通過移動學習系統應用于網頁設計實訓，通過與課堂教學的結合，一方面，學生在網頁頁面設計方面有了很大的提高，完成的網站美觀度大大增強，主題色彩符合網站的受眾心理，受到受眾的歡迎;另一方面，由于學習過程中的不斷督促與引導，學生的網站設計流程不再雜亂無章，而是循序漸進，符合一定的職業規范，最終讓用戶得到滿意的成品。

同時，學生對于課程的反映也很好。一位學生在實訓體會中寫到：“實訓，讓我們知道完成一個完整的網站不是一件容易的事，它有一定的過程、思路和難度。在實訓中，我們小組不斷地出現問題，但是有這個移動學習系統就方便多了，和同學溝通容易了，和老師溝通容易了。其中，我們還返工了一次，就是因為及時的溝通，我們才發現了自己的錯誤，從而及時返工;如果后期返工，那我們的任務就有可能完成不了了。我喜歡這個移動學習系統，它讓我們的溝通變得更快、更多樣化，讓我思考的時間更多。”

參考文獻

[1]余勝泉.從知識傳遞到認知建構、再到情境認知[J].中國電化教育，2007（6）：76-78.

[2]王偉，鐘紹春.利用多類終端實現移動學習的支撐系統研究[J].中國電化教育，2008（7）：108-112.

[3]方海光，吳淑蘋，李玉順：基于EML構建移動學習資源對象單元的研究[J].現代教育技術，2009（12）：75-79.

[4]張鈺梅，王學明.大學生移動學習現狀調查研究[J].中國教育技術裝備，2011（18）：29-31.

[5]方海光，王紅云，黃榮懷.移動學習的系統環路線圖[J].現代教育技術，2011（1）：29-31.

篇7

作為一個重要組件，有較強的實用性，在現階段的眾多高職院校課程教學過程中發揮著非常重要的作用。然而對于這樣一種具有較強抽象性與技術性的專業課程而言，若仍然沿用傳統的灌輸式教學模式，很難達到預期的教學效果。在學習該門課程過程中，大多數學生只掌握了一些基本的語句與片段，還沒有形成一個完整的知識體系。因此，為了提升與增強該門課的教學質量與教學效果，應加強教學改革，強化對學生實踐環節的重視，以最終提升學生的綜合專業技能。

1.高職動態網頁設計傳統教學過程中存在的問題

對于傳統的教學方法而言，注重學生的專業理論知識學習，根據教學內容與課程安排，由淺入深地對知識點進行講解。在學生掌握了一定的理論知識后，再引導學生進行相對應的項目聯系。但這種模式化的教學模式很容易感受到學習過程的枯燥乏味，并且從初期學習階段就沒有建立起與課程學習相適應的思維方式，從而導致學生學習效率低下，更談不上理論知識與實踐操作的有效結合。

對于大部分高職學生而言，原本就對編程設計的興趣不大，而在傳統的教學過程中多將和數據庫的交互部分的內容放在了最后環節，很多學生在學到該部分重點內容時幾乎完全失去了學習興趣，對該部分的掌握情況也較差，這在很大程度上影響到了學生的整體專業技能。同時，對于部分高職院校而言，對動態網頁設計的實訓環節不夠重視，并且沒有形成一套完善的實訓體系，在實訓階段大多是要求學生按照指定的題目來分階段完成任務，并且將實訓重點放在了注冊、登錄，以及數據庫操作等功能，對項目的分析討論、實施，以及總結等環節卻很少設計，在很大程度上抑制了學生對專業技能的系統性掌握，并且給學生綜合分析能力的提升造成了一定困難。

動態網頁設計教學改革措施

2.1對教學內容進行改革

對于高職教育而言，其目的是為社會培養符合崗位需求的應用型技術人才。為此，在具體的職業教學過程中，應充分尊重學生畢業后的崗位需求，以提升教學工作的針對性與科學合理性。對于《動態網頁設計》課程而言，其目的是引導學生掌握基本的網頁設計基礎知識，并能獨立完成動態網站的制作。同時，隨著計算機技術的不斷發展，網頁制作技術也在發生變化，新方法與新技術不斷引入。為此，在教學內容的選擇過程中，因根據崗位需求、學生自身需求，以及新技術特點及應用等因素，對教學內容進行不斷完善與創新，增加新的知識點，調整教材內容順序，選擇一種更利于學生接受的課程設置方式，并定期召開網絡交流會與研討會，對學生在學習過程中遇到的困惑與問題及時解決。

2.2對教學方式進行改革

上文已經提到，《動態網頁設計》是一門實踐性較強的學科，學生有良好的動手能力，學生應掌握如CGI、ASP、、PHP、JSP等變成語言。在具體的教學過程中，教師還可根據具體授課內容進行實例教學，讓學生自己動手在網上查找一些相關范例，在教師的現場指導下進行講解，以調動起學生的學習積極性。同時，教師應擺脫各種客觀條件的限制，注重實踐環節的教學工作，既對學生的理論知識掌握情況進行檢查，又促進學生理論知識與實踐操作的有機結合，從而提升教學質量與教學效率。

為了提升學生的動態網頁設計綜合專業技能，在具體的教學工作過程中可引入項目驅動、課堂討論等教學方式。在理論教學環節，學生已經對動態網頁設計有了一定的認識，因此教師在課堂上要引導學生按照題目要求，發揮他們的主觀能動性，對在學習過程中遇到的難點進行重點討論與分析，從而引導學生掌握動態網頁設計的重點內容。之后，教師可引入學生已經掌握的知識點，為學生布置一定的設計任務，以強化學生對所學知識的認知與理解。如可以引導學生根據他們自己的理解來分析一個登錄界面都包含哪些控件，在實現界面之后，應連接到具體的數據庫sql語句。之后，教師可根據學生的思路提出相應的意見，并根據討論得出的思路與方法逐步設計實現。在完成這些基本的功能之后，還可引導學生對基本功能進行拓展，以使設計界面更加人性化。

3.注重實訓環節，提升學生的綜合專業技能

為了提升學生畢業后的崗位適應能力與綜合專業技能，必須加強對實訓環節的重視。在實訓開始階段應要求學生提出整體設計方案與思路，并在經過小組討論之后獲得統一的目標。在此過程中，應注意對項目進行模塊劃分，確定模式的時間完成順序，以確保設計工作的有效性。

因每個學生學習能力與實踐能力的不同，在實際的實訓環節應根據學生的個體差異進行分組搭配。同時，對于不同的實訓項目而言，應針對小組綜合實力的差異選擇難度不同的實訓題目。對于基礎相對較差的學生而言，應要求他們實現對注冊、登錄，以及數據庫管理等工作，切實掌握與數據庫之間的交互。而對于綜合能力相對較強的學生而言，除了要求他們實現后臺管理之外，還應完成對前臺界面的管理，并初步完成簡單的網頁設計。在此過程中，應對每一個學生都嚴格要求，對每一個細節操作的要求都做到細致入微，以提高學生設計操作的準確度與實際操作技能。

4.結語

在現階段的高職動態網頁設計教學過程中，應加強教學改革，提升學生的動手實踐與分析問題、解決問題的能力，為提升學生畢業后的崗位適應能力打下堅實的基礎。為了提升教學質量，還應加強學生實踐操作與教學改革的結合，針對學生自身需求，靈活選擇教學方式與內容，以切實提升學生的動態網頁設計技能。

篇8

2教學特色

整個教學過程都貫穿著項目，利用科大訊飛已有的項目資源，進行教學和實訓。基礎知識教學階段將前1.5年中學習的專業課程按知識點進行細化和歸類，從單個知識點的具體講解，到知識點的例子演示，然后進行當場實踐和總結，總結的時候利用班會課，每周舉行一次總結。這些知識點是有學校和企業雙方共同討論決定，并且是共同完成授課。項目實戰教學階段利用科大訊飛已有的真實項目，找到該項目的負責人或主要參與工程師進行教學，一開始會進行項目分析，完成該項目需要用到的知識點，以及這些知識點在實際應用中的方法和需要注意的事項。然后由項目工程師指導學生進行項目開發實戰，在完成項目的過程中，鞏固了之前學習的知識點，并學會了應用。

3網頁設計與制作專業人才培養模式

網頁設計與制作是我院軟件技術專業的一個方向，從2012年開始和“科大訊飛”合作進行“雙主體”辦學。合作辦學后，雙方對該專業進行了一個深入的探討，對原有的教學模式進行了改革。前1.5年學習的主要專業基礎技能。前1.5年主要是培養學生的職業能力，讓學生掌握基礎的職業能力，HTML+CSS是網頁的構成基礎，JavaScript是網頁的交互效果，界面是網頁的外觀，動態網站方面，PHP的應用非常廣泛，使用PHP技術搭建的網站也非常多，所以我們選用PHP來教學，讓學生掌握PHP的基礎知識、語法基礎，會編寫小型的新聞管理系統等等。在后1.5年，主要是綜合項目實訓，這里面主要包含4個方面的課程，這些課程以前在高校里都很難開得起來，一方面由于師資力量的問題，另一個方面是由于沒有真實的環境讓學生去練習。PHP框架開發實戰是在前面的PHP動態網站開發的基礎上，利用像thinkPHP，DEDE這樣的開發框架制作真實的企業站點，跟以后就業的工作環境幾乎一模一樣，對學生的技能是一個極大的提升，手機UI是在近幾年智能手機的普及，出現的設計需求，現在高職院校開設這門課程的還特別少，我們依托科大訊飛的優勢資源，給學生介紹當下流行的技術，使學生的就業選擇面更廣。HTML5和CSS3也是新的技術，應用也很火爆，是互聯網下一代的標準，讓學生跟著行業發展的方向學習。SEO是針對搜索引擎的結果優化，在企業建站過中也非常重要，加入此項訓練，跟真實案例零距離。

4教學過程改革和學生考核方法

在學習的過程中，作為“雙主體”的雙方，都是全程參與，實時跟蹤掌握學生的學習情況，在前期，利用科大訊飛已有的項目實訓平臺，對學生的學習效果進行檢測，然后根據學生的成績，進行A、B、C、D等級劃分，其中A級學生成績優秀，B級學習成績良好，C級學生成績及格，D級學習成績不合格，根據等級劃分情況，對學生進行差異輔導，A級進行拔高行輔導，D級進行基礎知識輔導。同時，學生也可以了解自己的學習情況，哪一塊知識沒有掌握，在學校和企業教師的指導下，補缺補差，迎頭趕上。學生考核也是有雙方共同評測，其中50%的分數由學校任課教師打分，根據學生平時的出勤、實訓完成情況進行，另外50%由科大訊飛的工程師打分，根據每月進行的實訓平臺考核的分數得出。這樣能真實地評價出學生的學習效果，學習好的同學，說明他在知識點以及實訓項目中都取得了好成績，動手能力強，這樣的人才是企業真正需要的。

5取得的成效

在2012年10月舉辦的第七屆全國信息技術應用水平大賽中，網頁設計與制作專業的學生參加了移動互聯網站比賽，獲得了省級二等獎的好成績；在2013年中國計算機設計大賽“合財杯”中，網頁設計與制作專業的4位同學獲得了省級三等獎。現在2012級的同學還沒有畢業，但是據統計，該專業的同學已經全部就業，就業的對口率在80%以上，另外，訊飛班的NCRE通過率逐年提高，在2014年9月的考試中，科大訊飛班的學生一次通過率更是達到了58%的新高，而整個學院的平均通過率在15%左右。2011級科大訊飛班的就業對口率、就業薪資水平相比學院其他的專業，都有非常大的提高。

篇9

網站建設與管理專業是中職類院校為企業培養技能應用型專門人才的熱門專業。通過近幾年用人單位對本專業畢業生的反饋情況及畢業生自身經驗來看，很多中職院校網站建設與管理專業在課程設置、技能實訓方面還不能達到培養應用型高技能人才的標準。現在很多中小企業都建立了局域網，接入Internet，建立了本企業的網站，大部分企業需要的是既能組建管理局域網，又能制作和維護網站的應用型人才。因此，網站的建設與管理技能是必須重點培養的一項核心職業能力。培養滿足企業需要的應用型人才，必須在專業教學過程中加大實訓課程的強度和深度，營造等同于或類似于工作過程的實訓環境和工作要求，強化訓練內容和技能的實用性。

一、“網站建設與管理”綜合實訓的目標

網站建設與管理綜合實訓的基本目標就是培養學生為企事業單位建設、維護網站的職業能力。綜合實訓涉及到多門專業課程知識：基本網頁制作（Photoshop，Dreamweaver，網站配色與布局，Flash, CSS+DIV制作網頁，HTML 技術及客戶端JavaScript腳本技術）， 動態網頁制作（，PHP等技術），數據庫技術（如SQL SERVER的管理等），網絡操作系統及Web服務器的配置管理等。學生學完這些課程得到的是實際工作中要用到的專業知識中某個方面的零碎的知識，而解決實際問題如建立一個企業網站，則要將這些知識進行整合，綜合運用。綜合實訓的目標就是讓學生在開發一個具有現實意義的網站項目的過程中，領悟如何綜合運用所學的相關知識，獨立完成一個網站項目的開發與維護，從而基本掌握網站建設的核心能力，為進入企業頂崗實習做好準備，并最大限度地增強對就業崗位的適應度。

二、“網站建設與管理”綜合實訓的內容

1.網站建設與管理綜合實訓所需專業課程知識。實際工作中開發網站項目，必須掌握靜態網頁制作技術、基本圖像處理技術、數據庫技術、利用編程語言實現動態網頁技術、Web服務器的配置和管理技術，這些技術在網站建設中的作用各不相同靜態網頁技術和圖像處理技術用于制作普通的頁面以及用戶訪問網站的接口界面，數據庫技術實現對用戶數據的存儲和處理，動態網頁技術實現用戶與服務器的通信及數據的存取操作，Web服務器實現對網站運行的支持。如何將這些知識有機的融合到一個具有現實意義的項目中，是綜合實訓能否取得實效的基礎，因此，綜合實訓的項目最好是來自企業的實際項目，如企業的電子商務網站等。

2.網站建設與管理綜合實訓所應完成的技能項目。建設企業網站一般包括網站規劃設計、網站前臺設計、網站數據庫設計、網站后臺設計、網站的調試等幾個工作過程和模塊。以電子商務網站為例，網站建設綜合實訓應圍繞多個項目模塊展開。

（1）網站規劃設計的實訓。學校教學過程中往往注重基本知識的傳授，如網頁設計課程老師會將網頁設計相關知識講得很多，而這些知識在實際工作過程中如何應用，卻比較忽視。網站規劃實訓的目標就是培養學生承接一個綜合網站項目后，對網站進行需求分析，明確創建網站的目標，然后根據分析結果提出合理的建設方案，選擇恰當的技術路線。網站規劃與設計是后續建設步驟的指導綱領，這一過程實訓的結果是網站的構思草圖。

（2）網站前臺設計的實訓。網站的前臺設計就是指設計用戶訪問網站時直接接觸到的頁面，以電子商務網站為例，包括網站的主頁、各欄目的首頁、商品展示頁面、注冊頁面及登陸頁面等，具體內容涉及網站的排版布局、網站導航系統的實現、網站Logo的設計、圖片處理、顏色搭配、注冊頁面及登陸頁面的具體要求等等。這些工作的完成涉及多門課程的知識內容，實訓效果既取決于學生靈活運用知識的能力，也取決于指導老的項目開發經驗。網站前臺設計的實訓有兩個重要的環節必須強化，其一是網站Logo的設計及頁面圖片的處理，這項實訓的指導工作應當由熟悉圖片處理的教師進行專項指導；其二是基本網頁制作，包括網頁排版、布局、顏色搭配、文字顯示及資源鏈接的實現等，重點是運用網頁制作技術如HTML，JavaScript語言及開發工具如Dream weaver等的綜合應用。

（3）網站數據庫設計的實訓。實訓的內容著重培養學生如何根據一個項目的需要來進行數據庫的需求分析、數據結構的設計，要求學生完成數據庫的概念結構（E-R圖）的設計，邏輯結構的設計（由E—R圖轉化成關系）及數據庫的物理實現，強化學生在實際項目開發過程中利用某一DBMS實現后臺數據庫的設計技能。

（4）網站后臺設計的實訓。網站后臺設計包括網站各種功能實現的后臺代碼的設計。以電子商務網站為例，后臺設計實訓的內容主要包括：①商品信息的管理：如添加、搜索、刪除，分類等。②商品的分類管理。③ 普通用戶及管理員管理。④各功能模塊的通信及后臺代碼如網站購物車的實現、在線訂購、在線付費的實現等。

（5）網站調試的實訓。網站調試實訓內容涉及兩個方面：①配置網站運行的環境，讓學生熟練掌握各種網站運行環境的配置技術。② 網站測試。網站正試前都要進行測試，保證網站后用戶能夠正常瀏覽網頁和使用網站提供的服務功能，只有通過了測試的網站才能到Internet上。

三、“網站建設與管理”綜合實訓的實施過程

為保證網站建設與管理專業綜合實訓的有效性，必須要求學生能夠接受全過程的操作訓練，通過完成一項完整的項目，可以讓學生體驗各個環節的主要技能的要求，了解生產或服務的程序，體會生產或服務中環節的連接重點和各個工作崗位的重要性。因此，網站建設綜合實訓的實施，應當以符合工作實際過程的方式進行。以項目組的形式組織綜合實訓的開展。企業網站的開發是一個比較大的綜合性的軟件項目，為了給學生營造真實的實訓環境，綜合實訓課應以項目開發小組的形式組織。對于電子商務網站而言，四名學生為一組比較合適，應當任命項目組長，負責整個項目的規劃和進程。具體實施過程是：全體組員參與網站的需求分析工作，并在此基礎上寫出需求分析報告，然后，項目組長完成網站的規劃，在此基礎上進行細致的分工，四人分別實現網站頁面效果圖設計，網頁前臺的設計，數據庫的設計，網站后臺的設計。實際項目開發過程中，一個項目小組成員的任務比較單一，而綜合實訓的目的就是為了全面培養學生綜合運用知識的能力，因此以項目小組的形式展開綜合實訓，不可能讓每個學生將全部項目的所有內容都做遍。提高綜合實訓效果最有效的方式就是在固定的時間間隔召開經驗交流會，讓負責不同分工的同學展示自己在開發過程中的經驗，技巧及教訓。以項目驗收的形式考核實訓成績。任何一個項目的開發完成后，最終要接受用戶的驗收，以此方式來考核學生的實訓效果，能起到導向、檢驗診斷、反饋調節等多重作用。驗收的標準是實訓的計劃任務書，驗收的方式采取各項目小組配置好網站后，接受實訓指導老師及其他學生的訪問，根據各種功能的實現情況及頁面整體效果給出總體評價。評價過程中既要肯定優點，也要指出不足及需要改進的地方，以對學生進行合理的評價。

四、總結就業導向是中等職業教育的必須把握的準則，職業技能的培養、適應崗位工作的需要應當成為高職計算機專業教學中必須強化的主題思想，因此，專業技能的實訓顯得尤為重要。網站建設過程需要使用多個專業課程知識， 是一門綜合技能課程，從實訓內容、實訓組織形式等方面強化本課程的綜合技能實訓，能培養學生與就業崗位“零距離對接”所要求的綜合職業能力。

參考文獻:

篇10

中圖分類號：G424 文獻標識碼：A DOI：10.16400/ki.kjdks.2016.05.041

Abstract This paper analyzes the current problems in the teaching of web design courses， and according to the teaching objectives and students' learning characteristics， this paper expounds the reform and practice of curriculum teaching. Teaching in the use of case study， task learning and project training three closely linked to the teaching process， at the same time select the appropriate assessment and evaluation， can achieve the goal of training students' practical ability.

Key words web design； ability training； teaching reform

0 引言

網頁設計課程是一門集實踐性、創造性、時代性為一體的課程，學生只有經過充分的實踐才能真正掌握知識和技能。①傳統的教學方式往往重視教師的“教”，而輕視學生的“學”與“做”，忽視了培養學生獨立思考的能力，不利于學生創新能力的培養，妨礙了學生個性和創造性的發揮，難以達到培養學生實踐創新能力的教學目標。②如何在教學中更好地提高學生的實踐創新能力，是此課程教學改革工作的一項重要內容。

通過近幾年的教學探索和實踐，筆者根據教學目標和學生學習特點，以新的教學理念和教學理論為指導，以學生實踐創新能力培養為導向，改革傳統的教學方法，在教學中采用案例講解、任務學習和項目實訓三個緊密銜接的教學環節，同時選用合適的考核與評價，取得了較好的教學效果，現綜述如下。

1 教學中存在的問題

1.1 教學方法單調，難以激發學生學習興趣

以往網頁設計課程課堂教學與上機實踐一般分開進行，教師先在課堂上講解網頁設計與制作的各個知識點，然后再安排學生上機驗證教師之前講授的內容。這種教學方式導致教學理論和教學實踐嚴重脫節，難以激發學生學習興趣，不利于調動學生學習的積極性和主動性。另外，在這種教學方式下，學生雖然能夠掌握一定的網頁制作理論和操作技能，但是很難承擔實際的網站開發與制作工作。

1.2 項目教學在課程中的重視度偏低

項目教學法是以實際應用為目的，通過師生共同完成教學項目而使學生獲知識和技能的一種教學方法。項目教學的關鍵在于在已制定項目任務的前提下如何督促每位學生最終順利完成該項目。現行網頁設計課程實訓課時分配少，且實訓內容也只是一些簡單的書本實訓案例，而不是綜合性的應用型項目。在實訓課上，教師一般要求學生獨自地完成這些實訓案例，所以學生難以達到培養項目創新設計與分工合作能力。

1.3 考核方式不到位，難以調動學生學習主動性

網頁設計課程的總評成績通常由平時成績（30%）與期末成績（70%）組成。平時成績由學生出勤率與平時任務完成情況評定，而期末成績由期末上機考試成績或期末上交作品完成情況評定。實踐表明，這種重視期末成績而輕視平時成績的評價方式，容易使部分學生平時放松了學習，更別說調動他們的學習主動性了。

2 教學改革與實踐

筆者以新的教學理念和教學理論為指導，以學生實踐創新能力培養為導向，針對教學中遇到的問題，對網頁設計課程進行教學改革。實踐表明，在多媒體課室輔助下，采用案例講解、任務學習和項目實訓三個緊密銜接的教學環節，同時選用合適的考核與評價，可以激發學生學習興趣，調動學生學習積極性和主動性，達到培養學生實踐創新能力的教學目標。

2.1 案例講解

網頁設計課程教學內容多，但課時安排少。在這種情況下，如果教師仍然采用傳統的教學方式，按照章節逐一講解知識點，那么將難以完成教學任務，更別說達到最佳教學效果了。因此，為了能在有限的學時內讓學生掌握更豐富的知識這一目的，筆者采用案例教學法的方式講解課程的理論知識。為此，筆者緊扣各章節的教學內容，把教學內容設計成一個個生動具體的案例，使各個分散的知識點融于案例中。通過案例講解，使得學生在生動形象的案例教學中學習和理解每個知識點，這能夠激發學生學習興趣，有助于學生快速、準確地掌握理論知識。

例如，在講解層疊樣式CSS時，筆者首先給學生展示了一個蝴蝶圖片網頁。該網頁以兩行四列的格式整齊地顯示八張形態各異的蝴蝶圖片，且每張蝴蝶圖片的邊框都一樣地添加了四種顏色：頂紅、底藍、右黃、左綠。觀看后，學生會意地笑了，每個人都躍躍欲試。接著筆者引導學生分析案例效果及其隱含的知識點。在這個過程中，要先讓學生互相交流，然后再由教師總結。經短暫討論后，多數學生認為只需要應用表格布局、圖片插入和邊框修飾知識，便可以實現這個案例效果。緊接著，筆者明確地告訴了學生，使用已學過的表格布局，圖片插入及邊框修飾知識還難以實現這個案例效果，原因在于之前所學的邊框修飾知識只能添加同種顏色。當學生明白后，筆者隨即給學生提出了兩個探索性問題：制作一個網頁，如何保證每張圖片的風格一致？如果要求一個網站中所有網頁的圖片風格一致，又該怎么辦？當學生急切地想知道如何實現時，筆者再告訴學生今天所要學習的教學內容是層疊樣式CSS。隨后，筆者向學生講解層疊樣式CSS的概念及其使用方法，然后操作演示了如何使用CSS來實現剛才提出的問題中所期望的效果。通過案例講解，學生不僅復習了已學過的知識，還能加深對新知識的理解和掌握。

2.2 任務學習

實踐教學在網頁設計課程教學中非常重要。通過實踐，學生可以提高實際動手能力，以及分析問題、解決問題能力。教師應遵循“以學生學習為主，教師指導為輔”的原則，把學習的主動權交予學生。經過探索，筆者采用任務驅動教學法指導學生任務學習。當教師完成某個案例的示范操作后，應當給學生布置上機“任務”，讓學生在完成“任務”中學習理論知識與操作技能。任務設計遵循從簡單到復雜、從單一到綜合的原則。③任務一般被設計成驗證性任務和發散性思考任務。驗證性任務只要求學生自己動手實現教師所講的案例，而發散性思考任務則要求學生學會對案例舉一反三，培養學生獨自分析、解決任務的能力。

例如，當蝴蝶圖片網頁的示范操作演示結束后，筆者把八張蝴蝶圖片素材發給學生，然后要求他們制作一個類似的蝴蝶圖片網頁。當學生能夠正確地完成這個驗證性任務后，筆者再給學生布置了一個發散性思考任務：在自己的蝴蝶圖片網頁上修改第一行的圖片邊框風格，但必須保證所做的修改不會影響到第二行的圖片邊框風格，然后應用層疊樣式CSS給每行圖片添加相同風格的標題。在多媒體教室上課，每位學生都可以及時上機操作，完成教師布置的“任務”，并且學生在完成“任務”的過程中，如果遇到問題，可以與教師進行討論，及時解決。通過完成驗證性任務，學生可以鞏固剛學到的知識；通過完成發散性思考任務，學生可以掌握新的理論知識和操作技能，學會知識遷移應用，提高其綜合能力。每堂課中學生都有所收獲，這將逐步地增強他們對后續課程學習的積極性和主動性。

2.3 項目實訓

網頁設計課程的教學目標是使學生熟練掌握網頁設計中的理論知識和技能，培養學生實踐創新能力。另外，當今社會要求大學生具有較強的合作能力，在課程中加入小組合作環節有利于培養學生的團隊合作意識。④在實訓課中，教師可以運用項目教學法指導學生開發綜合項目。⑤為此，筆者依照項目的選擇要求，設計了幾個綜合實訓項目。通過項目實訓，使學生處于整個項目開發進程中，這樣有利于鍛煉他們開發項目的能力，以及培養他們互相溝通、協力合作的能力。

例如，在“班級網站制作”實訓中，由學生自愿、教師調配的原則指導下，筆者將全班29位學生分為5組，每組5～6人，采取組長負責制，由組長統籌安排其組內成員的分工。在欣賞幾個優秀的班級網站后，引導學生討論“班級網站”的主題，并最終確定了五個主題：班級首頁、班級動態、班級作品、班級相冊和班級留言。接著讓組長組織組員分析討論各組的主題，制定一份確實可行的主題實施計劃書，然后搜集素材并制作網頁。在此過程中，針對學生遇到的一些易錯性、關鍵性問題，教師要及時提示引導。在各小組作品完成后，筆者讓每組選派一名組員對小組作品進行展示，介紹作品的主題、特色，所使用的技術，以及制作經驗。最后要求學生對各組作品進行評價，并要求每組依據評價結果修改完善小組作品。評價方式采取小組互評和教師評價相結合的方式。在制作作品中遇到問題，學生可以在組內討論解決，組員之間互相幫助、協力合作，這有利于培養他們的團隊合作能力與意識。

2.4 建立合適的考核評價機制

合適的課程科目考核評價機制，可以有效調動學生的學習主動性。為了充分體現學生的實際學習情況，引導學生重視任務和項目實踐，筆者改變以往“平時成績（30%）+期末考試（70%）”的評價方式，取消期末上機考試，采取平時考核（10%），任務考核（40%）和項目考核（50%）相結合的考核評價方式。平時考核旨在考查學生出勤率與平時表現情況，任務考核旨在考查學生完成任務情況，而項目考核旨在考查學生在項目中完成的工作量、工作質量和表現情況。項目考核的最終評價由學生自評、小組互評和教師評價三者按比例組成。實踐證明，這種綜合性的考核評價體系能夠有效地促進學生對本課程的學習。

3 結束語

網頁設計課程既是一門計算機應用基礎課程，又是一門包含網頁技術和數據庫技術的綜合性課程。因此，它除了具有一般課程的普遍特征外，還具有自身的特性。只有采取符合學生學習特點的教學方法，才有可能達到預期的教學目標。實踐表明，這些教學改革措施能夠使學生真正成為教學活動的主體，能夠激發學生的學習興趣，切實提高了學生的實踐創新能力，培養了學生的自我學習能力和團隊合作意識，取得了良好的教學效果。

注釋

① 倪寧.高職《網頁設計》任務驅動改革的實踐和思考[J].科技創新導報，2009（8）：135-135.

② 趙鑫.項目教學法在高職《網頁設計與制作》課程教學中的應用[D].華中師范大學，2009.