時間：2022-05-24 23:18:48
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網頁設計與制作，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
一、項目教學法的內涵
項目教學法實施過程是教師創設項目活動情境，在教師的引導下，從學生已有的知識技能和生活經驗出發，討論完成本項目活動的方法和過程，學生以小組為單位運用學過的知識和技能解決新情境下的問題，在項目活動過程中，增強學生的知識和技能，提高分析和解決問題的能力，在情感、態度的價值觀多方面對學生進行培養。整個過程活動都是真實的，是現實生產生活的一種反映，從而使學生的學習更有針對性和實用性，學到了今后就業所必須的技能，包括實踐能力、分析能力、綜合能力、應變能力、交流能力、合作能力和解決實際問題的能力。在計算機教學中采用項目教學法，可以將教師的主動性、學生的積極性調動起來，還可以增強同學間的團隊協作精神，這將對知識的傳授與更新產生更重大的影響，實現教、學、做融為一體。
二、《網頁設計與制作》課程牽引項目的選擇及相應整合的理論知識
就課程本身運用實質來說，工作的項目其實分為網站設計與管理、網頁制作、圖像與媒體設計與運用、數據庫設計與管理、腳本與應用程序的設計與運用。經過市場調研和多年教學實踐，我把把課程牽引項目分為八個具體任務：1.圖文并茂網頁的制作完成該項目的知識包括常見網頁設計工具的使用、HTML文檔基本結構、文本排版控制標記符、圖像插入標記符、特殊字符以及物理顯示標記符、css的意義、創建與使用方法。項目技能目標有安裝和啟動網頁制作軟件、熟悉網頁制作的基本步驟、正確插入文本與特殊字符、正確對文本進行分段分行、正確插入圖像、運用css技術控制文字圖片樣式。2.個人簡歷網頁的制作完成該項目的知識包括有序列表標記符、無序列表標記符、表格標記符、超鏈接標記符、Css技術對列表的控制方法。項目技能目標有制作有序列表、無序列表、制作混合列表、運用超鏈接標記符啟動電子郵箱鏈接、運用表格進行簡單頁面排版、運用css技術設置列表顯示方式。3.電子相冊制作完成該項目的知識包括網頁圖像素材的特點與主要類型、Fireworks對圖片進行批處理的方法、電子相冊排版要點、圖像、表格、超鏈接標記符的相關屬性、css技術的濾鏡使用方法。項目技能目標有熟悉網頁圖像素材的特點與類型、掌握Fireworks的基本操作方法、了解并掌握網頁圖片處理的主要方法、熟知圖像、表格、超鏈接標記符的屬性、運用css濾鏡技術美化圖片效果。4.學習欣賞網站設計與制作完成該項目的知識包括本地網站的創建與、IIS的安裝與設置方法、網站的規劃與制作流程、框架技術進行網頁布局的方法、超鏈接標記符在框架技術中的作用、錨點鏈接技術、網站LOGO的制作方法、制作網站flashbanner的方法、多媒體素材網頁的制作方法。項目技能目標有：正確創建、設置、本地網站、正確安裝、設置與管理IIS、運用框架技術進行網頁布局、錨點技術在長版面網頁中的應用、運用圖像設計軟件制作LOGO、運用flash制作具有動態效果的banner、掌握向網頁插入動畫、視頻等多媒體素材的方法、熟悉css控制超鏈接樣式的方法。5.門戶網站制作完成該項目的知識包括門戶網站的設計、規劃與制作流程、網站創建、、維護管理的方法、Div+css布局網頁的方法、創建子菜單的方法、Dhtml技術、Dreamweaver的高級應用技術。項目技能目標有熟悉運用div+css技術設計網頁、掌握Dreamweaver創建與運用divAp的方法、掌握運用Dreamweaver時間軸功能制作網頁漂移元素的方法、掌握Dreamweaver行為面板的使用方法、靈活應用DHTML增加網頁特效。6.個人信息網站設計與制作完成該項目的知識包括個人網站的規劃方法與制作特點、運用圖形制作工具設計繪制網頁布局、Fireworks執行切片并導出網頁的方法、Dreamweaver布局切片網頁的方法、頁內框架技術在網頁布局中的應用方法、動態導航條的制作方法、css對網頁進行樣式規范與美化的方法。項目技能目標有了解個人網站的制作方法與特點、設計并繪制網頁布局圖、應用切片技術設計網頁布局結構、運用Dreamweaver優化切片網頁、運用頁內框架技術實現網站超鏈接、掌握制作動態導航條的方法、運用css對網頁進行樣式規范與美化。7.用戶注冊信息網頁制作完成該項目的知識包括表單與表單元素的相關標記符、表單與表單元素的作用、表格布局表單元素、css對表格、表單元素的控制方法、Dreamweaver檢驗表單行為的應用、以電子郵件方式提交表單的方法。項目技能目標有熟悉表單及表單元素的設置方法、掌握表格布局表單元素的方法、運用css對表格、表單元素進行規范與美化、掌握Dreamweaver驗證表單的方法、掌握電子郵件形式提交表單的方法。8.瀏覽、查找、修改通訊錄的網頁完成該項目的知識包括動態網頁制作與設置、數據庫的綁定、表單動作設置、表單元素與數據表的對應、動態表格插入與應用、動態網站的。項目技能目標有熟悉表單及表單元素、掌握動態網頁制作與設置方法、運用表單動作設置動態效果、掌握動態表格的插入方法、掌握動態網站要領。
三、課程整合后項目教學法的實施過程
實施項目教學的課堂，首先，教師提出項目技能目標和相應的理論知識，展示樣品，并細化項目任務；其次，本著先自愿后教師調配的原則，對全班同學進行分組，每組選定一名組長，采取組長負責制，由組長統籌安排其組員的分工；再就是各小組組長把各項任務分配到各自的組員，各位同學充分發揮主觀能動，相互促進，相互配合，積極完成各項任務；然后，小組成員共同組合協同完成項目；最后，各組展示作品，互相點評后，教師給出評價并評分，并歸納知識點。四、實施項目教學法注意的問題在項目教學的課堂實施過程必須注意以下問題：1.課前，教師要把整合在各項的理論知識點怎樣應用于分解的任務中設計在自制的多媒體課件中，并在校園網上或直接拷貝給學生代表預習；2.課前，教師必須充分了解學生基本情況，做到心中有數地對學生進行分組；3.對每個項目設計評分標準，收集保留好的學生作品，可以在今后的教學中作為展示的樣品，還可以從中找出學生自主學習的特點及共同的規律性；4.課前，教師還必須準備充足的材料，保證實施項目的課堂所需；5.實施項目牽引的教學課堂條件必須是實訓場所，必須保證每個學生有電腦而且能上網；6.經常進行市場調研，實時調整項目，使課程教學不斷適應人才市場的要求。總之，在提倡素質教育的今天，基于項目牽引把課程的理論與實踐整合在一起進行教學是實現教、學、做一體化課堂的保障，是未來教育的目標。本人以《網頁設計與制作》課程教學為研究對象進行探索，意在拋磚引玉，在當今信息社會，這個思路可以推廣至其它計算機課程和其它含實踐教學課程的教學。這其中包含了4點根本的變革，教師角色從課堂的主導者變為課堂的設計者，學生真正從被動的學習變為主動的學習，教學項目設計在適應市場對人才的需求中不斷地改變；課堂不再有理論與實踐課堂的區別，卻有豐富多彩的形式區別。
作者：鄒霞玲 單位：江西農業工程職業學院
關鍵詞 網頁設計；制作；圖片；字幕；動畫；實用技術
中圖分類號：TP393 文獻標識碼：A 文章編號：1671-7597（2013）21-0104-02
網絡運用越來越廣泛，熟悉網頁設計基本程序，掌握一點網頁制作實用技術，對提高網絡使用效率非常有幫助。特別是網頁制作中的實用技術，也是平時工作和學習的需要，熟悉其技術要領，能夠給我們帶來更多便利。計算機已經進入尋常人家，網絡把整個世界都聯系在一起。網絡研究也不再是專業技術人員的專利，普遍電腦愛好者掌握相關軟件的使用，也是極其平常的事情。網頁設計和制作技術普及當然有重要意義。
1 網頁設計技術要領
網頁設計經歷不同發展時期，借助的工具也在不斷更新之中。網頁設計技術也隨之軟件更新中不斷得到簡化，如果不是特別需要，簡單網頁設計早已變得很容易。
1.1 HTML語言
網頁制作要借助一定的工具才能實現。我們最常熟悉的網頁，也是大家都會制作的Windows文本網頁。這是借助Windows軟件工具完成的。可這還不是我們真正需要學習的網頁設計，隨著人們對網頁制作要求的不斷提高，制作動態超級鏈接的網頁已經成為人們的普遍需要。
要學習網頁設計，首先要了解HTML語言，因為這是網頁制作的基礎。HTML語言是專業術語，就是指計算機標記語言，通過HTML源代碼解讀和撰寫實現網頁設計。隨著更多實用性軟件的問世，HTML語言對計算機愛好者來說，已經沒有那么重要了。大家關注的是網頁的實效性，能不能給人以視覺沖擊，制作也有更多的簡單便捷的軟件可供選擇。因此，網頁設計制作對HTML語言的依賴越來越少，只有在特別需要的時候要用上HTML語言。了解HTML語言是必要的，特別是要寫腳本語言程序時，HTML語言就不可或缺。
1.2 版面設計
網頁版面設計時，要對版面風格進行定位，對頁面文字和圖片等內容做統籌考量，不僅要安排有序得當，還要體現整齊美觀大方的視覺效果。版面設計其實是一種藝術，而不是一般意義的技術了。網頁就是制作者的思想品位素養的直觀表達，閱讀網頁就是對制作者的審視和評價。
版面設計首先要做好主頁制作工作。主頁就是人的臉面，要體現網頁內容風格，就要注意突出什么，要有醒目的文字和圖片，而且文字和畫面要有自己的特色，一味堆砌當然不會有好效果。一般情況下，有特色的主頁要包含這樣幾個要素：文字、圖片、色調和排版方式。幾種要素不可或缺，還要注意相互之間的協調和搭配，和諧統一才能體現整體美。
2 網頁制作實用技術
網頁制作可以借助的軟件很多，Frontpage是一款比較適合初學者網頁制作的入門工具。Frontpage的界面和操作和Word比較相似，非常容易學習。
2.1 插入圖片
在網頁中插入圖片是常常要遇到的，有豐富圖片內容可以讓網頁顯得豐滿生動，其操作方法并不復雜。在制作的網頁中選擇適當位置，確定插入點，然后在網頁上部點擊菜單“插入”選擇“圖片”，再點擊“來自文件”，進入對話框，查找需要插入的圖片位置，最后點擊插入按鈕就可以完成圖片插入。
如果圖片格式不是GIF或者JPEG也不要緊，在網頁保存時Frontpage會自動轉換格式。圖片插入后還要對圖片進行適當調整和修正，點擊圖片選中，單擊便可以隨意拖動圖片，進行大小調整。
圖片確定后還要對圖片進行環繞樣式選擇。在網頁中右鍵點擊圖片，在“圖片屬性”中選擇“外觀”，然后是“環繞樣式”，找到文本圖形周圍流動方式，在“布局”中選擇“圖片對齊方式”，根據需要進行詳細設置。
2.2 添加動畫
網頁添加動畫文件可以讓網頁動態十足，給人帶來不一樣的活力感覺。與圖片相比，動畫需要有多幅圖片構成。首先要準備好動畫文件，動畫文件可以網絡下載，也可以自己制作。添加動畫和圖片插入基本相同。打開網頁，確定動畫插入位置，點擊“插入”選擇“圖片”，在對話框中選擇“從計算機上選擇一個文件”，找到動畫源文件點擊“確定”，動畫就插入到網頁當前位置。
如果要插入用Flash技術制作的動畫，操作就要復雜一些。首先要在Flash中生成動畫文件moon.Swf，然后啟動Frontpage，先建立一個新網頁文件，點擊“插入”選擇“高級”到“插件”，這時會出現“插件屬性”對話框，選擇“瀏覽”找到moon.Swf源文件，確定之后回到“插件屬性”找到“數據源”，并將其中的文件途徑刪掉，只保留文件名moon.Swf。確定之后還要選擇“文件”到“保存”，將動畫文件moon.Swf保存。
2.3 制作滾動字幕
滾動字幕的運用可以讓網頁顯得活潑，其制作技術也比較簡單。首先是打開Frontpage編輯界面，確定插入滾動字幕的位置，把需要顯示的文字輸入進去。然后將這些文字選定，點擊菜單“插入”，選擇“組件”到“字幕”，點擊之后出現對話框，點擊“字幕屬性”，對文章滾動方式進行進一步設置，包括字幕滾動方向和字幕滾動延遲時間等。最后點擊確定，就完成了字幕滾動插入。如果要查看效果，可以從“預覽”中查看。
2.4 建立超級鏈接
制作網頁不僅要建立自己的主頁附頁鏈接，有時還需要將網頁和其他網站形成鏈接，這就需要建立瀏覽器超級鏈接。要鏈接其他網站，首先要選擇作為鏈接的文本，然后點擊菜單“常用”工具欄的“超鏈接”，在“創造超鏈接”中，將要鏈接的網站的地址輸入在URL地址欄內，點擊確定就可以了。如果要改變某些超鏈接，可以先確認是普通模式，右鍵點擊要改變的超鏈接，選擇“超鏈接屬性”，直接輸入新的URL地址就可以了。
3 結束語
網頁設計和制作并不神秘，學習網頁設計和制作也無需多么高的計算機理論水平，只要掌握網頁設計和制作實用技術的操作過程，就可以進行網頁設計和制作，并且能夠把網頁設計和自己的工作學習緊密結合起來，這對工作和學習都有極大幫助。
參考文獻
[1]呂何新，陳偉，沈淦. Front Page 2003網頁設計與制作[M].高等教育出版社，2005.
[2]許文芝.充分挖掘超鏈接功能設計制作網頁課件[J].中小學電教，2003（02）.
[3]張紅玉，王德東.如何在FrontPage2000中插入Flas[J].計算機時代，2001（06）.
[4]陳鳳芹. Dream weaver網頁設計與制作教學探討[J].中國教育技術裝備，2012（21）.
[5]陳艷，宋順林，邢桂芬.基于Dream weaver方式的Web站點開發——及其在OA系統中應用[J].計算機應用與軟件，2004（09）.
[6]張大斌，朱紹文，熊偉，朱中煜.基于Lotus Domino/Notes辦公自動化系統的開發研究[J].計算機應用研究，2001（10）.
《網頁設計與制作》是我院計算機各專業及電子商務類專業的必修課程，自開設以來深受學生的喜愛。因本課程教學內容及教學資源較多，學生很難在課程中完全掌握所學知識，為更好地補充和輔助學生進行課外學習，更加開放的網絡教學成為本課程的有益補充和良好的學習途徑。
二、課程分析與設計
《網頁設計與制作》課程是高職高專計算機專業的一門技能課程，結合職位崗位對人才的需求，我們收集了網頁設計、平面設計、動畫設計、動態網頁開發等課程的相關知識，對本課程的教學內容、知識結構、信息資源的選取、教學策略的使用進行了精心的策劃和設計。我們將學生熟練的網頁設計與開發的操作技能作為培養重點，在課程教學設計中，以“高素質、技能型”人才為培養目標，采取“小組協作學習”的學習方式完成整個課程的教學，并注重對小組的考核評價。
（一）學習需求分析
對于高職高專的學生，學習的主動性和積極性不夠強，但對于操作性比較強的課程，往往有強烈的學習愿望，針對學生的特點，并根據《網頁設計與制作》這門課程的性質特征，在教學中我們主要采用任務驅動的教學方法，實施項目教學，讓學生的學習和工作的內容緊密相聯，這樣不僅能夠吸引學生的注意力，并且能夠提高學生的學習興趣，同時達到“工學結合”的教學理念。
（二）學習內容分析
我們分析了多門與網頁設計與制作相關的教材，從課程的實際應用與培養需求出發，對教學內容進行了重新安排。從本課程的教學實際出發設定的學習目標是：培養學生具有一定的藝術素養，較強的網頁鑒賞能力，熟悉網頁設計創意的原理和方法，熟悉HTML、CSS、JavaScript和網頁制作工具，熟悉網頁的制作和流程。能夠根據客戶需求進行網頁設計與制作以及進行網站的維護和管理工作等。考慮到學生的層次不同，大家可以根據自己的實際情況有選擇的學習適合自己的模塊，自學能力較強的學生可以通過我們的網絡平臺得到進一步的提高和知識的拓展。
（三）知識結構體系
網頁設計與制作融合了平面設計、網頁制作、動態程序、數據庫等知識，作為一門綜合性強的課程.。把核心知識以最快、最有效的方式傳遞給學生，而又要能使學生容易掌握，所以本課程以“表格式”布局作為教學的主線，把Photoshop平面設計、Flas設計融入其中，同時適當引入“div+css”網頁布局的內容。而在動態網頁設計中，簡單介紹Asp+Aceess動態網頁設計知識。據此，在學習內容的組織上，以“用表格進行頁面布局”和“網頁與數據庫”這兩個知識點為主線，將其它知識串聯起來，可幫助學生迅速建立起知識的體系結構。
三、信息資源的選擇
在《網頁設計與制作》網絡課程的設計中，以課內項目、課外項目和教學專題的形式進行信息資源的規劃與整合，選擇合適的形式來展現信息資源是非常重要的。如在網頁的中文排版教學模塊中，網頁文字材料應以文本為主，而涉及的圖片只需提供原始圖片即可，增強學生對資源的應用與處理。而在“實驗演示”、“動態網頁的原理”模塊中，以動畫的形式形象地展示出來，激發學生的想象力。而在課外拓展模塊中，信息資源應以視頻的形式展現，使學生方便參照與模仿。信息資源總體結構見圖1。
四、教學策略的設計
（一）任務驅動的教學模式
“任務驅動教學”就是將要學習的新知識隱含在一個或幾個任務中，學生通過對任務進行分析和討論，明確該任務所涉及的課程知識，并找出其中的新知識，然后在老師的指導和幫助下找出解決問題的方法，繼而完成相應任務。《網頁設計與制作》課程在教學中使用“任務驅動教學法”的具體做法是：教師先給學生呈現一個具體的網頁效果，接著與學生共同分析該網頁需要如何去處理，然后在老師的指導下師生共同完成網頁，形成“階梯式螺旋化”教學模式。這樣做的好處是：通過一個任務的完成，培養學生發現問題、分析問題、解決問題的能力，激發學生的學習興趣，同時能夠提高學生的實際動手能力；而且將新知識點融入任務中進行學習，所學知識具有一定的針對性與目的性，學生的學習就會認為學的有價值，且通過一項任務的完成，學生同時可以體會到一種成就感。
（二）開放式自主學習模式
本課程建立的網絡教學平臺中包含本課程的教學資源、教學課件、課程教案、教學指導等模塊。通過網絡提供10大類、45000多個文件的立體化教學資源，所有的教學資源可在網上瀏覽和下載，任何學生在任何時候、任何地方都能借助網絡學習。同時開發了在線答疑系統，提供了QQ和TQ兩種訪問途徑，在線訪問和離線留言兩種方式。在“學習資源區”針對不同層次的學習者設計了豐富的學習資源。通過電子教案，學習者可以了解教師課堂上講授的知識要點，并可下載素材進行相應的訓練；如果在學習中遇到了困難，一般通過“學習資源區”中的“你問我答”即可解決，確需教師幫助的，也可在網絡的“教師答疑”中給教師留言。專題學習板塊基本上覆蓋了較高層次學習者所要了解的知識。
（三）課外小組協作學習模式
在課外作業環境，采用基于構建主義學習理論的協作學習模式。一方面教師在網絡教學平臺創建學習主題和要求，另一方面學生可自由創建學習主題和內容，挖掘優秀學生的潛能。由學生自行組成小組并進行分工設計，在設計過程中可通過小組討論、師生網絡交流進一步深化和完善學習內容，完成后相互進行評價和交流。因此在設計網絡課程時要注重協同工作環境的設計，充分發揮網絡的功能。
五、學習評價系統的設計
為更好地評價學生在網絡教學中的學習效果，學習評價系統的設計是十分重要的。在本網絡課程中，根據學習者的學習需求和特點，進行不同程度的強化練習評價，并及時給出反饋意見。在學生完成對應的學習內容后，教師可以對學生進行評價，學生之間也可以相互評價。同時完成專題學習后，挑選出優秀的作品進行課外開放式評價，增強學生的成就感，以此達到學生的再學習的主動性。
在現代網絡技術發展與更新的潮流中，高職高專院校推崇的產學結合，項目式教學的課程模式是高等職業教育課程考核改革模式中的主流。本文將針對高職高專《網頁設計與制作》課程考核模式進行深討。
【關鍵詞】
產學結合；項目式教學；創新改革
隨著現代化網絡技術發展與更新，在全國高職院校中推崇的產學結合，項目式教學的課程模式是高等職業教育課程考核改革模式中的主流。在我系數字媒體技術專業,《創新網頁設計與制作》這門課程是以職業實踐教學為導向，在結合崗位需求的基礎上，征求行業、企業專家意見并進行論證，在職業核心能力分析的基礎上，對職業所需崗位的技能、知識等進行調研，將這些核心職業能力充分融入到教學考核模式的體系中，來研究創新網頁設計與制作的考核模式。
一、課程考核模式目標
（一）高職《網頁設計與制作》課程的教學特點。《網頁設計與制作》這門課程是高職計算機專業或者數字媒體技術專業的一門主干課程，它涵蓋了HTML語言、fireworks、dreamweaver、flash等軟件的相關內容，從各個方面介紹了WEB站點的開發、設計、制作及維護等技術。在數字媒體技術專業，本課程與圖形圖像處理、FLASH動畫等課程是相互銜接的，它是一門培養學生綜合應用能力的課程。
（二）《網頁設計與制作》考核模式的實施。傳統的《網頁設計與制作》課程考試內容一般是以筆試為主，以考書本知識為主要內容，注重學生對書本知識的記憶，這樣就無意間縮小了學生的知識面，束縛了學生思維的發展，忽視了培養學生獨立自主的思考能力、學生對知識運用的能力以及學生創新意識的培養。經過一系列的試驗和企業的深入調研，為了培養學生的實際動手操作能力，構建知識框架體系，可以對《網頁設計與制作》課程考核模式進行一些創新的改革，如可以進行項目制過程（作品）考核方式，也就是根據《網頁設計與制作》課程的教學目標中各個知識點采用項目制教學，模擬企業模式給出相應的項目，學生分組完成。學生分組模式參考企業項目制合作團隊，每組選出相應的組長，分工合作調研自己所選主題，進行項目的策劃與制作。考核模式先由老師進行項目成果打基礎分，然后分組進行PPT匯報與演示，投票選出每個項目成果的名次，最后根據名次與基礎分的比例得出最后的分數。
二、考核模式的創新改革
（一）整體教學的設計。《網頁設計與制作》課程以課程項目的各個任務引導，通過項目制任務指導實踐，充分采用項目導向的模塊式教學，分析項目任務，選擇幾個典型的項目作為本課程的教學情境。根據課程內容的課程標準，對這個課程進行了一些創新型的改革，用一個創新合理的考核評價方式去挖掘學生個性發揮和實際操作能力的培養。每一個考核任務設計一個項目任務，在項目實施的過程中，對學生的制作過程與完成成果情況進行考核。
（二）考核內容的過程設計。對于這門課程，主要用平時制作過程的考核和期末考核相結合的方式。平時上課期間制作過程考核占百分之七十的比例，主要包括平時出勤率、課堂表現、項目完成的綜合情況。其中平時出勤率占百分之十五，課堂表現占百分之十五，項目完成情況占百分之四十。教學內容主要分為項目設計調研與實際操作兩個部分，而整個課程的設計又分為以下幾個任務：項目的策劃與設計、市場調研、創建站點、基本的網頁設計與制作、網頁圖形圖像的處理、網頁動畫的制作及網頁整體形象的設計等，每一部分的任務都要設計相應的考核作品。這門課程主要考核過程的設計與制作，培養學生運用所學的知識點及時操作解決相應問題的能力，注重學生對網頁設計與制作創新設計能力的培養，提高他們的創意思維能力。
（三）實施過程的體現。通過這種考核方式不僅激發了學生們學習這門課程的興趣，還有利于提高教學效果，如：1.這種“項目制過程考核”不僅激發了學生的自主能動性，同時也使學生有效地展現自我，提高了他們學習的興趣。2.讓教師的“教”與學生的“學”交互，學生可以通過教師的教學案例進行臨摹學習，同時可以彌補自己在制作過程中的不足，教師在實際的操作示范中不斷總結知識的運用、軟件的操作、綜合素質的提高等等，通過反饋信息來不斷更新自己的教學手段、教學方法、教學內容及考核。3.提高了教學質量，通過這種方式的考核，不僅提高了學生實際操作的動手能力，也增強了自主學習能力，提高了創新意識，真正實現了“教，學，做”一體化教學模式。
參考文獻：
[1]周淑萍.過程性考試在中職計算機教學中的應用[J].教育研究，2010,(7):146.
[2]王書立，張立軍.淺談過程性考核在高職“企業會計實務”課程教學中的應用[J].深圳信息職業技術學院學報，2007,(9):60-63.
關鍵詞：網頁設計；教學改革；案例教學；項目驅動
基金項目：梧州學院2010年院級教改項目“項目驅動式案例教學法在電子商務專業“動態網頁設計”教學中的應用”
隨著互聯網的推廣和普及，上網的人數越來越多，網頁是互聯網上信息傳播的主要方式，因此《網頁設計與制作》課程成為很多專業的基礎課程。網頁設計是一門很有創造性的課程，艱澀的學習過程和設計出的精美且具有創意的網頁，讓同學對這門課既畏懼又喜愛。我希望通過對以往一些教學過程的改革，使該門課程的學習過程也變得有意義，能吸引學生的興趣，充分調動學生的積極性和創造性。
一、以往教學中存在的問題
在以往的教學中存在幾點不足之處：1.教學內容的安排。課程主要內容是講授網頁三劍客，講解網頁設計工具的使用，大部分時間是教學生如何做一個網頁，很少有時間教學生如何把一個網頁做好；2.教材。教材是學生學習知識的主要來源，但是現在的很多教材都是泛泛而談，說得不明白也不錯誤，學生不僅不能從中學到知識，反而越來越糊涂：3.考核方式。之前主要是筆試，對于網頁設計這類操作性很強的課程，筆試并不能反映出學生的真實水平。
二、對教學內容改革的想法
網頁設計是一門實踐性和操作性很強的課程，在課程設計，教學內容，教學方法上，應該以調動學生的興趣、實踐操作能力和創造能力為主，以理論為輔；應該以傳達給學生設計思路，創意為主，以技術講解為輔；在這樣的原則下，對教學內容改革作如下設計：
(一)第一階段，案例教學法，以常用網站實例為例進行知識點的講解。網頁設計課程的入門階段主要是一些知識點和技能技巧的學習，如果只是把這些知識點簡單的介紹給學生，不會吸起學生的興趣。所以應該改變一下教學方法。首先給同學看一下該知識點在一個具體網站應用的效果，再來告訴他們該如何實現這樣的效果。比如，講解這一對標簽，先讓同學看新浪網站上的滾動新聞，或者一些個人網站的文字圖片等的滾動效果，這樣先激發學生對這個知識的興趣，再告訴他們怎么實現這樣的效果，學生看到這樣的漂亮效果，興趣和積極性都調動起來了，就愿意主動地學習了。
(二)第二階段，臨摹優秀網站設計。在書法的學習中，有一個臨摹的過程，在網頁設計中，也可以使用此方法來練習和提高。在掌握了網站的常用技術之后，就需要開始設計網站，如果現在就直接給學生一個主題，讓他們根據該主題來設計網頁，學生會感到不知如何著手，第一階段的知識只能讓他們拼湊出一個網頁，而對整個網頁該怎樣設計，如何才能讓網頁精美且與主題切合，學生是無法做到的。所以需要他們多學別人的網頁，臨摹別人的網頁，在臨摹的過程中，學會如何設計網頁，學習網頁的風格，網頁的配色，網頁的布局，以及如何審美網頁。經過大量這樣的臨摹練習之后，才能學到不同的網頁設計風格，并把別人有價值的東西轉化為自己的知識，為以后的創作提供基礎。通過該階段的鍛煉，使學生能夠根據一個主題，利用自己的知識和創意，完整的設計出一個網頁。
(三)第三階段，項目驅動教學法。經過前兩個階段的學習和鍛煉，學生對網頁設計的基礎知識和技能，對網頁設計風格和布局有了比較全面的了解。這個時候就需要給他們一些具體的實踐機會，讓他們在實踐中，使自己的技能、水平得到錘煉和提升。要實現真正的項目驅動教學法，需要找到一些實際的網站項目讓學生去實踐。可以將學校和系部的一些網站在老師的指導下讓學生來完成；也可以在外面找一些公司的網站讓學生來做。通過這樣的方式，可以讓學生在多方面獲得益處：1.可以讓學生的知識學有所用，設計出的網站被社會認可會，止學生體會的學習快樂，從而給他們提供新的學習動力；2.可以讓學生學到給多的知識，課堂上的內容是有限的，實際的網站制作過程，會讓學生在實踐中學習更多的有用知識；3.可以鍛煉學生的團體意識，使他們認識到：網站的設計和開發不是一個人就能夠完成的，他需要一個團隊的共同努力，需要團隊之間的相互配合和脅作。所以，通過項目驅動教學，能使學生得以實踐，在多方面得到提高和鍛煉。
三、對教材選取和考核方式的想法
(一)教材的選取。網頁設計課程設計的內容主要包括四方面：HTML、Dreamweaver、Fireworks、Flash。現在的教材中，講解得不夠詳細，只是泛泛而談。這就給學生的學習帶來很多困擾。可以從兩個方面彌補這個問題：一是給學生推薦好的參考書，并告知學生其中的重點和非重點，讓學生學習有的放矢；二是編寫適合自己教學需要的教材。
(二)考核方式的改革。該課程的考核內容應以實踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學生足夠的時間完成作品的設計和制作，最后上交制作好的作品即可。留給學生足夠的時間和發揮空間，可以使學生充分發揮他們的想象力和所學知識。這樣的一種考核方式經過幾屆學生的實踐，受到同學的好評，并且出現了相當一部分好的作品。
經過幾年的教學實踐和教學改革探索，以上的一些教學思路已經過教學實踐驗證，這樣的教學方式受到學生的歡迎。該教學改革能為學生打下牢固的基礎，也能夠更好的調動學生的積極性和創造性，培養他們的團隊意識。教學改革是一個不斷進行的過程，以后也要根據教學實踐，在教學改革上做出更多有益的嘗試。
參考文獻
[1]李淑珍，李曉賓《網頁設計與制作》課程在不同階段的不同教學方法探討[J].軟件導刊2008(4)：138-139
“網頁設計與制作”課程正逐漸成為各高校近年來計算機專業領域發展最快和應用最廣泛的課程之一，作為對學生實踐動手能力要求較高的課程，該課程在許多高校已經采用了實驗課堂的教學形式并受到了學生的普遍歡迎。那么，如何提高該課程的實驗課堂教學質量，真正增強學生的動手實踐能力則是擺在各位任課教師面前的首要問題。我們經過近五年的實驗教學觀察和總結，將從教學內容、教學方法以及教學效果三個方面闡述如何解決該課程發展面臨的問題。
2.存在的問題
“網頁設計與制作”作為許多高校計算機專業的專業基礎課或者選修課，在實際教學過程中，經常面臨的問題有：
⑴任課教師對新技術的把握能力不夠。由于技術的發展日新月異，Html標準也發展到了Html5，一些任課教師顯得無所適從。
⑵部分院校教學形式仍然采取理論和實驗分堂教學。采取理論和實驗分堂教學，在教學過程中學生理論課程聽起來枯燥，在實驗課又翻開書按部就班，學生掌握知識成效甚微。
⑶單純工具型教學。學習任何一門課程的目的應該都要做到學以致用，簡單的工具教學只能滿足學生會不會的問題，要制作出優秀的網頁還需要學生對藝術設計等相關知識有一定的了解。
3.實驗教學改革
3.1 教學內容
根據制定的人才培養方案，該課程在我校開設一共32學時，全部采用實驗課堂教學。經過對本課程的不斷摸索和總結，我們將學生需要掌握及完成的教學內容分為六大模塊：模塊一，掌握網頁、網站基礎入門知識。根據“先總體后具體”的原則，總體講述網站的概念以及網站上線的流程，要求學生不會做網頁但要先會搭網站，計劃2學時；模塊二，掌握基本網頁語言標簽。通過對一些典型的小型網站來講解并要學生掌握HTML語言各類標記符的使用方法，計劃10學時；模塊三，掌握網頁布局，學會層疊樣式表（CSS）。通過案例，要求學生學會樣式控制并布局網站，計劃10學時；模塊四，掌握制作網頁相關工具軟件的使用。結合具體的實例介紹并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等軟件的使用方法，計劃4學時；模塊五，網頁設計進階學習。通過對優秀網站的鑒賞和分析，提高學生的學習興趣，使學生頭腦里形成設計的概念、網站規劃的思路及流程，同時介紹網站的總體結構、風格定位、色彩的應用以及版式的設計等方面的知識，計劃6學時；模塊六，網頁綜合設計。學生自行選擇一個積極健康的主題設計一個綜合類網站，該內容在課堂外完成，可在課程中期開始同步進行。
3.2 教學方法
通過長期的教學實踐，我們可以將教學方法歸納為以下幾點：
（1）采用實驗課堂教學，實踐為主，講授為輔
該課程的操作性較強，實踐綜合性也較強，課程學時也較緊湊，采用理論課堂教學，學生勢必在有限的學時內收獲較少，故采用實驗課堂教學。在具體實驗教學過程中，采取實踐為主，講授為輔的教學形式，如在教學內容模塊一里面，計劃2學時，可以1/3時間講授基礎入門知識，2/3時間學生根據教師精心準備的教學材料動手搭建成型網站，現學現用，學生記憶深刻，能較快掌握相關知識及技能。
（2）采用典型案例實驗教學
該門課程強調實踐動手能力，所以在實驗課堂講授時必須圍繞案例進行教學，離開案例教學則該門課程又將倒退回理論教學的層面。要采用案例教學，需要從宏觀上進行教學設計：可將互聯網上較熱的實際案例引入實驗課堂教學體系中，每個重要知識點均與實際應用結合起來，在實際教學中，多引用實例，提高學生的學習興趣，讓學生主動去模仿、分析、創新等，同時也能幫助學生加強深對網站網頁的理解，使其能夠靈活運用所學的知識，從而獲得一種成就感。該案例教學方法可以貫穿于教學內容的模塊二至模塊六，如在模塊三掌握網頁布局過程中，可以選用學生比較熟悉的淘寶、京東等知名企業網站進行講解，可以由淺入深，從簡單的登錄網頁到復雜的網站首頁一步步剖析架構，特別是對于諸如margin、padding等容易出錯的問題進行重點講解，讓學生能模仿并自己重新設計主題書寫網頁。
（3）拓展課堂、多元一體化輔助實驗教學
要想真正讓學生的動手能力達到質的飛躍，達到學以致用的目的，僅靠有限的課堂學時是遠遠不夠的，但單純增加學時又是不太現實和最不可取的方法。在實驗教學過程中，我們不斷摸索，總結出我們認為行之可效的方法：拓展課堂、多元一體化輔助實驗教學。具體表現在以下幾個方面：
①借用現代化多媒體手段學生自主學習。在教學過程中，學生除了按照任課教師的要求和準備的教學材料進行學習外，還應在任課教師指導下，充分利用現代多媒體等手段進行網上學習，如在基礎知識模塊學習過程中，可充分借助W3C學院（W3Cschool）進行輔助學習及實踐練習。
②舉辦課堂外網頁設計進階講座。在實驗課堂教學過程中，模塊五涉及到一些進階的學習，但學生要借此在網頁設計上有所造詣是遠遠不夠的。我們在教學過程中，針對不同的學生對象，采取學生自愿的原則，免費舉辦一些網頁設計進階講座，講座的主題包括網頁設計涉及的一些前言技術、美工素養及技能、學生創新創業思維的訓練等。通過這些進階講座，學生提高了網頁設計與制作的綜合能力，同時也開拓了眼界。
③鼓勵學生參加網頁設計競賽。在每學年學校或者全市、全國舉辦的網頁設計等競賽中，我們積極鼓勵并指導學生參賽，從而進一步激發了學生的學習興趣。
3.3 教學成效
經過近五年的實驗教學摸索總結，在近三年的教學中，該課程保持了良好的教學效果，在學生之間口碑較佳，也得到了其他后續專業課程任課教師高度的認可，在學校的教學評分中也一直位于所有課程前20%之列。同時，課堂外的免費講座、培訓以及開展的各項相關比賽也極大鼓舞了學生的學習興趣，為學生創新創業指明了方向，學生最終完成了該課程“學什么”、“怎么學”、“作什么”的關鍵問題，為今后的進一步深造學習打下了堅實的基礎。
關鍵詞：網頁設計 實例教學 考核方式
隨著計算機和網絡信息通信的發展，越來越多的人青睞于上網查找信息，作為上網的橋梁，網頁被越來越多的人使用。于是，網頁制作就成為了高職院校計算機專業紛紛開設的主干課程，但是怎樣提高高職院校學生學習網頁設計的效果，就成為了高職計算機教師思考的問題。本文對高職院校《網頁設計》課程的教學方法做了一些探討。
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]張麗香.高校《網頁設計》課程教學探討.大眾科技，2006，5.
[3]曾哲軍.高職《網頁設計與制作》課程教改探討.番禹職業技術學院學報，2008，6.
項目驅動教學模式（Project-BasedInstruction,PBI）是一種以建構主義教學理論為基礎，借助現代信息技術手段而得以快速發展的新教學模式。該模式強調：在整個教學過程中應以學生為中心，教師只作為教學過程的組織者、指導者和促進者；教材也不是唯一的傳授內容；多媒體不是教師的教學手段，而是學生的認知工具。通過學生的探究式學習過程，最終實現對所學知識的重新建構。相比較于其他教學方法，其自身特點表現在：①以培養學生的職業能力作為最終教學目標。②以項目作為理論知識實踐技能等教學內容的載體，把實踐操作技能作為重點，體現職業崗位群能力的要求。③以工作任務為引領的分組協作學習形式，一方面有利于激發學生的學習興趣和求知欲，培養學生主動探索的創新精神；另一方面有利于提高學生工程思維能力和團隊協作能力。
2具體操作
2.1案例觀摩
在《網頁設計與制作》課程開始前，教學團隊的教師要共同完成教學案例網站“廣東省歷史文化名城———羅定”的項目開發，并巧妙地將教學大綱的知識點與項目的子任務對應起來。在課程開始的第一次課讓學生觀摩案例網站“廣東省歷史文化名城———羅定”，并介紹網站開發的項目情境。具體在做案例項目時，應注意以下幾點：①項目必須具有社會需求，并具有一定代表性；②項目子任務要具有啟發性，并符合學生學習的需求；③項目的選擇符合教學大綱的目標需要；④項目要注重大綱知識點的系統介紹和整合。案例觀摩的目的，是為了讓學生初步了解項目網站最終的效果，激發學習興趣。
2.2項目任務確定及小組分工
在課程開設之初就給學生下達覆蓋全課程的項目任務：采取3~5人自愿組合為協作學習小組，進行分工協作，并選取一個負責人，共同開發一個主題網站。課程的推進即是項目的開發過程，小組成員通過集體討論，給出網站設計方案，并鼓勵學生應用網絡資源或通過組內、外的交流等方式解決項目開發過程中碰到的各類問題。這種分工合作的方式，一方面可以培養學生的團隊精神；另一方面可以調動學生的主觀能動性。
2.3項目實施及過程指導
在整個項目驅動教學過程中，此步驟是歷時最長，也可以說是最關鍵的。項目驅動教學強調以學生為中心，學生通過網絡資源的使用，以小組為單位解決項目實施過程中碰到的困難。這并不代表教師不重要，更不是不參與，教師扮演“領域專家”的角色全程指導，通過多種方式及時解答學生的問題，并對過程中可能遇到的較深入的知識點提前進行指導。同時，期間最好組織一兩次“階段性項目驗收”，能夠及時糾正設計過程中出現的偏差，督促學生項目的開發進度，實現“以驗促學”。在一學期的項目驅動教學實施過程中，教學的順序是以實際網站開發過程的工作順序一致，這也符合人們學習實踐類知識的認知習慣。由于教學大綱的知識點與項目的子任務對應起來了，因此在學期課程結束時，項目網站將制作完成，學生獲得良好的成就感，激發進一步學習的興趣，而與此同時，學生能將網頁設計與制作的諸多知識點建構成相互聯系的有機整體，更重要的是學生學會了在實際網站開發中如何去應用這些知識。
2.4綜合評價
課程結束時，綜合評價在方法上采用多元評量方法，在形式上則采取答辯式考核形式。具體操作過程如下：首先，分組演示并公開評議。每個小組派一名學生演示和講解本組完成的項目，教師根據小組完成項目具體的情況，確定小組的等級（優秀、較好、及格、不及格）。然后進行公開答辯。項目組所有成員都要接受其他組同學和教師關于其內容和技術實現的提問，一方面這有利于組間的相互學習和交流，另一方面要根據答辯情況，確定小組每個成員的成績。最終的評價結果還必須考慮的因素有：“階段性項目驗收”的情況，查閱項目小組為避免分工不均的情況編制的“小組成員任務分配表”，采取組內互評制度，參考學生平時提問的次數等，實現最大程度的激勵和監督，實現多元評量。
2.5教學效果分析
經過在《網頁設計與制作》課程實施項目驅動教學法四年近1000名學生的實踐，從微觀成效上分析，據調查顯示：（1）94%的學生贊同有助于提高學習興趣。體現在學生能積極完成課堂任務，課后提問也明顯增多。（2）90%的學生贊同有助于知識的掌握和靈活運用。體現在近年來學院電腦節上的網頁設計比賽的作品，整體水平有很大提高，設計出眾多優秀作品。（3）85%的學生贊同有助于團隊協作和創新能力的培養。體現在用人單位對目前在實習和就業的兩屆學生的滿意度調查上。以上教學效果的分析，采用了三角互證法證實，從實施者（教學團隊的觀察）、實施對象（對學生的調查問卷和訪談）、實施成果（學生的網站設計作品）三個不同角度，證明了項目驅動教學法在《網頁設計與制作》課程實踐教學中取得了較好的教學效果。
3項目驅動教學法實施中應注意的問題
（1）正確認識項目驅動教學法與其他教學方法的關系。必須承認項目驅動教學法不能完全取代其他教學方法，教師應該根據不同課程內容的特點，選擇不同的教學方法，更有利于學生對知識的掌握和能力的提升。例如對一門課程的重點和難點的介紹就有必要采用講授法；又例如模擬實驗非常有利于學生技能的培養。（2）注重案例項目的選擇和教師能力的提升。項目驅動教學法以項目為主線，依賴項目傳授教學大綱的知識點和達到教學目標，所以案例項目要能覆蓋該課程所涉及的絕大部分知識內容，并且知識點要與項目子任務對應起來。其次項目驅動教學法對教師的要求也更高，教師必須掌握課程所需要的全部理論知識和項目開發的專業技能，同時還要有很強的調控能力。（3）教師要指導小組內協助學習。為了防止學生出現嚴重的兩極分化問題，杜絕“濫竽充數”現象。教師必須指導和監督各小組進行合理分工，指導組內成員的自我學習和協助學習的關系，建立組內互評和自評制度。對個人碰到的問題，要開展集體討論，分別提出意見和建議，協同解決問題，分享學習心得，從而達到共同進步。（4）積極開展課程教學反思。課程教學反思不是傳統意義教師的個人行為，是指就教學過程中遇到的問題開展師生對話與討論。課程教學反思把教師和學生看成一個協作學習的集體，注重協作學習和共同進步。課程教學反思一方面有利于學生對知識的深層理解，另一方面也有利于教師教學水平提高和對課程的重新設計能力。
4結語
關鍵詞： SQL Server； 教學平臺； Dreamweaver； ASP
中圖分類號：TP311 文獻標志碼：A 文章編號：1006-8228（2013）12-65-02
Design and implementation of teaching websites
Gao Yaxia1，2， Zou Hairong3
（1. Shaanxi University of Science & Technology， Xi'an， Shaanxi 710021， China； 2. Shaanxi Commercial School； 3. Shaanxi University of Technology）
Abstract： In order to improve teaching efficiency and spread good teaching resources and information in a larger scope but a short period of time， the network teaching platform is developed using Dreamweaver tools and ASP technology. A dynamic web page is applied at the front desk in teaching website， and SQL Server 2005 is used in the backstage data base to satisfy large amount of consumer. After testing and operation of the site， the functions such as answering of the network， online discussions， assignments and learning announcements， uploading and downloading courseware， teaching management and user management are realized in this teaching website， which provides an efficient and convenient teaching environment on web.
Key words： SQL Server； teaching Website； Dreamweaver； ASP
0 引言
隨著計算機和信息技術的飛速發展，網絡教學也在快速發展和普及。教師與學生都迫切需要一種簡便高效的教學方式，網絡教學的出現正好滿足了人們的這種需要。隨著網頁技術的發展成熟，人們對網頁的要求也不再是文字、圖片的簡單堆砌和單調枯燥的內容，而是實時性、交互性和豐富性，使用動態技術的網頁越來越受歡迎[1]。本文介紹采用ASP動態網頁技術結合SQL Server 2005數據庫構建一個“網頁設計與制作”課程教學網站。學生通過訪問該網站，可以瀏覽/下載課件、在線作業、在線交流與討論等；教師可以上傳課件、在線答疑等；管理員可以修改、刪除、添加、查詢用戶信息、進行教程管理等。系統發揮了ASP技術顯示于客戶端和運行于服務器端，以及保護用戶資料的安全性等特性。
1 系統需求分析
利用互聯網技術進行網絡教學，可以跨越時空限制，最大范圍地傳播資源，具有投資少、覆蓋面廣、受益人多和互動性強等特點，使辦學單位減少了人力和物力的消耗，并為廣大學子提供了豐富的資源。可見，網絡教學為教育事業開辟了廣闊的前景。由于在網絡中易于實現資源共享，學生可以將個人問題轉化為公共問題，并借助集體智慧解決個人問題，學生在網絡中容易找到志同道合的學友，各自就共同感興趣的問題發表自己的看法，有益于培養學生的信息素養和解決問題的能力等[2]。教師可以在網絡平臺成為導師，接受或選擇學生的輔導請求，起到指導和督導作用。通過對在校大學生和教師調查發現，計算機網絡教學因其互動性強、教學效果好等優勢成為人們的新需求。網絡教學網站系統的開發，主要是為用戶設計和開發一個便于學習與交流的網絡教學平臺，以提高教學效率。
2 開發技術和方法
本網站教學平臺采用目前流行的B/S（Brower/Server）結構。整個網站可以運行于Windows 2003 Server/Windows XP平臺上，系統前臺使用流行的工具和腳本語言Dreamweaver HTML語言和ASP技術開發，后臺采用當前最流行且性能較高，數據庫維護與管理性能很強大的SQL Server 2005。B/S是隨Internent技術的興起，對C/S（Client/Server）結構的一種變化或者改進的結構，在這種結構下，用戶界面完全通過www瀏覽器實現，一部分事務邏輯在前端實現，但主要事務邏輯在服務器端實現[3]。系統充分發揮了ASP技術顯示于客戶端、運行于服務器端，以及保護用戶資料的安全性等優點。
3 “網頁設計與制作”教學網站的設計
3.1 系統功能設計
從教學用戶的角度，網頁設計與制作課程教學網站可劃分為教師、學生和管理員三大功能模塊。具體內容如表1所示。
表1 系統用戶與功能設計
[分類＼&模塊＼&使用者＼&教師＼&查看短消息＼&教師＼&學習及作業公告＼&教師＼&上傳課件＼&教師＼&網絡答疑＼&教師＼&討論交流＼&教師＼&學生
＼&查看短消息＼&學生＼&瀏覽課件＼&學生＼&查看作業公告＼&學生＼&網絡提問＼&學生＼&討論交流＼&學生＼&管理員＼&消息管理＼&管理員＼&教學管理＼&管理員＼&討論管理＼&管理員＼&用戶管理＼&管理員＼&]
3.2 數據流程
3.2.1 系統總流程
在網站首頁進行用戶賬號的登錄時，系統接收到用戶賬號后，首先與數據庫中存放的賬號進行權限分析和匹配，若賬號相匹配，則進入相應權限的用戶模塊；若賬號不匹配，則提示用戶操作錯誤，返回登錄界面。系統的總流程如圖1所示。
[用戶登錄][賬號是否正確？] [驗證權限] [具體模塊][數據庫] [N][Y][學生][教師][管理員][結束]
圖1 系統流程圖
3.2.2 后臺管理流程
管理員用戶具有對整個系統的管理權限，除接收短消息功能外主要實現管理學生和教師模塊的內容，課件管理可在一個特定的時間內刪除數據庫里的課件記錄和站點內相應的文件，這樣可節省站點的空間；用戶管理可針對目前系統的工作量適當地添加或刪除系統管理員，也可更改用戶賬號；在討論管理區內管理員可刪除一些過期的或惡意的帖子，也可針對一些話題發帖；在教學管理區內可對學生、教師、學院、專業、班級等進行編輯、修改、添加和刪除。詳細流程如圖2所示。
[管理員登錄][接收短消息][課件管理][用戶管理][討論管理][教學管理][收信息][發信息] [學生管理][教師管理][學院管理][專業管理][班級管理][課件管理][開課管理][操作完成] [數據庫]
圖2 后臺管理流程圖
4 “網頁設計與制作”教學網站的實現
4.1 數據庫設計
數據庫是網站信息管理的后臺支持，存儲著前臺頁面所需要的信息，在信息管理系統中有著很重要的地位。數據庫設計的好與壞，直接影響到網站系統的運行效率。良好的數據庫設計，可以提高數據信息的存儲效率，保證數據信息的完整性和一直性。同時，一個合理的數據庫結構有利于程序的實現。本網站系統使用數據庫SQL Server 2005建立教學（teaching）數據庫。后臺數據庫的連接采用字符串連接，其連接文件的代碼如下：
ctrConnection="Driver={SQL Server}；server=（local）；uid=wy；
pwd=123；database=teaching；" //連接字符串
set conn=server.createobject（"ADODB.CONNECTION"）
//創建連接對象
conn.open ctrConnection %> //打開數據庫
4.2 網站主要頁面實現
4.2.1 網站主頁面
課程教學網站主要是實現教師、學生在線學習與交流的良好平臺，進入系統首頁就能夠方便的選擇用于學習的資源信息等內容。資料列表模塊，顯示學生可以自主學習的所有教學資料信息；網上答疑模塊，提供師生在線交流、學習和討論的平臺。主頁運行效果如圖3所示。
圖3 網站主頁界面
4.2.2 網站管理頁面
網站后臺管理系統能夠實現教師、學生、課件與教學資源及用戶信息的管理等功能。系統管理員登錄頁面的運行效果圖4所示。
圖4 管理員登錄頁面
5 系統功能測試
為了提高網站開發和設計的效率，該教學網站使用目前流行的B/S模式[5]。整個網站可以運行于Windows 2003 Server/Windows XP平臺上，系統前臺采用先進的Dreamweaver、HTML語言工具和ASP技術開發。后臺數據庫采用當前最流行且性能較高，數據庫維護與管理性能很強大的SQL Server 2005實現。通過對網站系統的基本信息模塊，消息管理模塊、課件管理模塊、上傳下載課件模塊，作業公告、BBS模塊與教學管理等功能模塊（學生管理，教師管理，課程管理）進行系統測試，結果表明，所設計的功能都能實現，系統性能良好，能夠滿足用戶的實際需求。
6 結束語
本教學網站平臺的開發和應用，實現了教學資源的訪問、課件上傳下載、師生互動、學習交流和網上答疑討論等功能；使優秀的教學資源和交流信息能在大范圍、短時間內傳播。給教師和學生提供了一個方便、高效的網上教學與學習平臺，從而提高了學校教學效率與教學質量。
參考文獻：
[1] 周興華，周新偉，張軍等.ASP+SQL Server數據庫開發與實例[M].清
華大學出版社，2008.
[2] 蔣理.動態網頁設計實用教程[M].西安電子科技大學出版社，2007.
[3] 王萍萍，李曉娜，孫更新.ASP+Dreamweaver動態網站開發[M].清華
大學出版社，2008.
[4] 韓培友，董桂云，柳虹.數據庫技術[M].西北工業大學出版社，2008.
關鍵詞：網頁設計；公選課；范例教學；
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)03-0638-02
Study and Discussion of the Teaching of the Public Elective Course "Web Design and Production"
LIU Zhi-rong
(School of Computer Science, Guangdong Polytechnic Normal University, Guangzhou 510665, China)
Abstract: Having analyzed the importance of today’s college setting web design and production, we studied and discussed the teaching facility of this course, focusing on the teaching objectives ,teaching content and teaching mode.
Key words: web design; public elective course; example teaching
公選課即公共選修課是高校基于社會對高綜合素質、復合型人才的迫切需要，為實施通識教育，提升大學生的全面素質，面向全校學生開設的跨學科、跨專業的選修課程。公選課的開設有利于學生自主學習、增強學習興趣、提升學生的身心素質、人文素質、科學素質。
當今Internet使全球信息共享成為現實，電子政務、電子商務、網絡文化等等為我們構筑了異彩紛呈的網絡世界，它使人們的生活方式和工作方式發生了巨大變化，網頁現成為人們獲取與信息最為重要的途徑，學習網頁設計與制作既是享用現代信息技術成果的過程，又是應用創新的實踐，網頁設計與制作已成為大學生必備的重要知識與技能。它可開闊學生視野、拓寬學生知識面、訓練學生網絡應用技術能力、美學能力、文字能力、邏輯思維能力，全面提升大學生的素質，將它設為高校的公選課是非常恰當而必要的。
1教學目標分析
《網頁設計與制作》公選課是面向全校非計算機專業學生設置的，由此應定位該課程的教學目標是通過本課程的學習,要求學生能夠理解靜態網站構建、靜態網頁制作的基本原理、基本概念，掌握網站開發流程，掌握網頁設計與制作的方法與技巧，能夠利用當前流行的專業網頁設計工具Fireworks、Flash、Dreamweaver完成靜態網站的構建和網頁設計制作，學完本課程能根據任務需求建立和設計靜態網站，為學生將來開發個人網站或制作一些企事業機構小型宣傳活動網站打下技術基礎，從而提升高校培養技能性人才的知識、能力、素質結構。
2教學設計
公選課面向全校不同專業的學生，教學時如何提高學生對本課程的學習興趣對提高教學質量、實現本課程的教學目標無疑是至關重要的，這就要求教師在施教時要在教學內容設計、教學模式的實施上要做深入探討和研究，將網頁設計與制作的精髓高效地傳授給學生。2.1先修課程
由于在我校一門公選課的課時是32學時，其中授課30學時、考試2學時，這樣為保證在短短的30學時里，學生能較完善地獲得靜態網站構建和網頁設計的基本技能和技巧，前提必須要求學生能較熟練使用windows系統、word軟件等，為此要求選修該課程的學生必須先修過大學《計算機基礎》課程。
2.2教學內容設計
針對網頁設計與制作課程的教學目標，結合公選課學生特點和當今網頁設計實用技術，我在授課時，將教學內容分為兩大模塊，網頁素材設計制作模塊和網頁頁面設計模塊。其中，網頁素材設計制作模塊分為兩個子模塊，一是使用Fireworks設計制作網頁圖形圖像子模塊，二是使用Flash設計制作網頁動畫；網頁頁面設計模塊依據網頁需按一定邏輯關系組織形成網站才能，故該模塊也分為兩個子模塊：一是網站規劃和結構設計模塊，二是網頁設計編輯模塊。詳細見圖1所示。
圖1公選課《網頁設計與制作》課程教學內容模塊圖
網頁設計與制作是實踐性很強的課程，培養學生的實踐能力和創新能力是這門課教學的首要目的，因此，教學內容設置上，實踐教學內容的設置也是教學中非常重要的環節。要緊密配合課堂教學知識點，通過實驗引導和幫助學生加深對課堂所授的知識點的理解和融會貫通，從而激發學生的學習熱情，調動其積極性，提高其分析問題、解決問題能力，同時培養其創新能力。為此設計了以下實訓內容：
實訓1利用Fireworks設計矢量圖像、編輯圖像；實訓2利用Fireworks設計圖像導航欄、logo標志；實訓3利用Flash制作動畫、網站banner；
實訓4規劃站點、利用Dreamweaver建立站點結構；實訓5使用表格排版網頁；實訓6各種超鏈接的建立；實訓7設計制作個人網站。
前6個實訓是為配合課堂所授各知識點而設計的，這6個實訓主要是要循序漸進引導學生掌握課堂知識點，每個實訓由三大部分構成：一是鞏固課堂知識，這部分主要是對教師課堂所授實例讓學生自己再嘗試一遍，加深其對課堂所授知識點的鞏固；二是延伸課堂知識，這部分是教師精選一下能綜合課堂知識點的作品，給出樣式，讓學生去分析如何利用課堂知識點去實現這些作品的設計。三是自我創新和發揮，這部分主要給出用文字描述的一些功能，由學生靈活地綜合所學知識點，發揮其積極性和主動性，自主去創意一些圖像、動畫、網頁，培養學生將分散知識聯系在一起，靈活應用，從而提高他們多角度、多方位思考、分析、解決問題的能力。第7個實訓，設計制作個人網站是讓學生自己搜集資料、綜合這門課所有知識點來進行個人網站開發，從而達到這門課的教學目標，讓學生開發靜態網站的專業技能有個質的飛躍。
32個課時，既要講解知識點，又要做實訓，是遠遠不夠的，所以實訓大部分內容要安排在學生們在課下完成。每次課留有1課時時間，輔導學生做實訓及答疑解惑。
2.3教學模式設計
依據《網頁設計與制作》課程的特點和教學目標，該課程主要以“范例教學”實施較為合適。范例教學是借助精選教材中的示范性材料使學生從個別到一般，掌握帶規律性知識，并發展其能力的一種教學模式。范例教學是引導學生進行創新性學習最好的模式。有些教師在進行網頁設計教學時，往往是不厭其煩地對學生歷數Dreamweaver、Fireworks、Flash軟件下各菜單的功能，學生聽著乏味，而且聽完后所獲得的知識是零散的，仍不會綜合使用這些菜單命令進行創造性的設計。而若采用范例教學法會很好地激發學生學習的興趣和熱情，以興趣貫穿于整個教學過程中，激發學生的學習欲望，引發學生積極思維，培養其創新精神，促進學生探究新知識的積極性，對培養學生自覺、自主以及創造性學習是非常有效的。在《網頁設計與制作》課程教學中，首先教師講清本次課的教學重點和難點，讓學生在頭腦里有個目標，知道這次課主要要掌握哪些知識點，接著給學生展示教師精心設計制作包含本次課主要知識點的綜合實例，這樣先讓學生對課堂知識點有一個感性認識，激發起學生的興趣，再通過對實例實現的關鍵點進行講解，融入相關理論知識和各工具軟件的命令使用，由淺入深地、循序漸進地讓學生在實例的學習中掌握網頁設計與制作的理論知識點和各菜單命令的使用，這樣既可營造寬松的學習環境，又可激發學生的學習興趣；接著教師設計一些綜合應用本次課堂知識點的范
例，只將最后的設計結果展示給學生，讓學生親自去分析、判斷和動手去嘗試實現它，引導學生發現規律的突破點和探索綜合使用課堂知識設計出該范例，達到知識的鞏固和靈活應用；最后，讓學生應用課堂知識，充分發揮自己的主動性、積極性和創造力，自我設計相關圖像、動畫或網頁。其中第三步是重視學生在學習過程中主體意識的發揮、重視學生在學習活動中主觀能動性和創造精神的發揮。這樣三步下來學生對網頁三劍客工具和網頁設計與制作知識的掌握是在一種輕松愉快的環境下學會，并能靈活應用它們進行有創意性的Web圖像設計、Flas設計和網頁設計。
教師施教時，要時刻把握范例教學的關鍵是教師設計的課堂范例要具有典型性、針對性，能涵蓋一次課的重要知識點，能引導學生發現規律的突破點，有力地促進學生從知識到能力的轉化，使學習變得更有效。
3小結
只有不斷優化教學內容、改進教學手段和教學方法，才能提高公選課教學質量，使學生在短短32學時內掌握網頁設計與制作的基本實用技術，提高其實踐能力和創新能力，開闊其知識視野、擴大知識面，使高校的公選課能真正成為培養適應社會復合型人才的實用課程之一。
參考文獻：
[1]吳才章.高校公選課建設與管理中存在的問題及對策[J].河南工業大學學報:社會科學版,2009,5(3):155-157.
[2]王秀莉,陳瓊,寧正元.網頁設計與制作[M].北京:清華大學出版社,2009.
關鍵詞：網頁設計；制作；學生能力；培養
隨著互聯網的發展和普及，網頁設計和制作技術成為網絡時代非常實用的技術，這一課程也成為學校開設的熱門課程。無論是計算機專業的學生還是非計算機專業的學生，網頁制作都成了一門重要的基礎性技術課程。但是很多學校在教學中采用傳統的教學模式，導致學生的學習積極性不高，實際動手能力也比較差，為了讓學生快速的掌握網頁設計和制作的技術，需要采用一些新型的教學方法實施教學，加強學生綜合能力地培養。
一、加強學生創新能力的培養
創新是一個民族的靈魂和動力，同時也是當今社會競爭的核心。學生創新能力的提升和創新意識的增強對于他們以后的發展具有非常重要的作用。網頁設計與制作教學作為新時期教學的主要課程，在教學中培養學生的創新能力有利于促進整體教學的發展。因此，在教學中，可以通過多方面內容加強學生創新能力的培養，首先，可以通過興趣教學法喚醒學生的求知欲望，興趣是能夠推動學生求知的內在力量，學生只有對某一學科充滿興趣，才能夠持續的鉆研該學科知識，從而增強學生的學習效率。在教學中，為了增強學生對網頁設計和制作的興趣，教師可以在上課時準備一些網頁作品，讓學生對作品進行點評，然后提出改造的意見。讓學生在頭腦中對網頁設計有一個模糊的認識，產生做網站的想法，這樣一來，通過教師的指導就能夠讓學生梳理一個成型的站點框架，緊接著引導學生如何做網頁，如何使用工具，學生對這些內容產生興趣，就會帶著教師提出的問題進行主動探索和學習，以此增強學生的學習效果。
除此之外，還可以通過精品賞析的方式增強學生的學習靈感。網頁設計和制作課程是一門藝術和藝術相結合的課程，學生不僅要掌握基本的網頁制作技巧，還要具備欣賞美和創造美的能力。創造的來源是靈感，而靈感的來源則是通過觀察，因此，可以在教學中設計精品賞析的環節，利用上課之前的時間展示作品，向學生展示一些布局合理，設計新穎的精美網頁，讓學生對這些網頁進行觀察和欣賞，這樣不僅可以拓寬學生的視野，同時還能激發學生的創造靈感，為學生以后設計出精美的作品奠定基礎。
二、培養學生的網頁制作綜合能力
在學生掌握網頁設計和制作的基本知識之后，網頁制作綜合能力的培養就顯得非常重要了。即使學生掌握了網頁制作技術，也不一定能夠設計出好的網站，只有提升學生的綜合能力，加強對他們所掌握知識的綜合應用，才能夠設計出一個精美的網站。為此，需要注重學生在實踐方面的能力培養，可以從教學實驗方面入手，將所有的理論教學和實驗教學都安排在計算機機房完成，可以讓學生在學習理論知識之后直接進入實踐探索階段。此外，為了給學生提供更好的實踐機會，可在學校建立計算機基礎教學網，網頁設計和制作教學的老師可以建立自己的教W網站，同時給學生分配相應的網站空間，要求學生建立自己的個人網站主頁，然后將自己的實踐作業上傳到網站空間中，設計的風格和主題不受限制，網站主頁的內容也不做要求，學生可以根據自己的興趣進行網頁的制作，將所學習的網頁制作技術靈活的運用到個人網頁的設計中，做好人個網站。為了讓學生在網站設計中學會創新，教師可以搜集一些具有創意的網站和網頁設計的素材，和學生一起分享，然后與學生所做的網站進行對比，從而提升學生的創新能力。在網站設計中，針對不同的設計環節，學生可以自己發現設計中存在的問題，然后進行分析和解決，對于學生綜合能力的培養具有很大的幫助。
三、加強培養學生的團隊協作能力
現在社會的分工越來越細，很多工作都需要人們協助完成，這樣以來，團隊精神就顯得格外重要。協同合作是團隊精神的核心內容，尊重個人的興趣和成就是團隊協作的基礎。就學生而言，獨立意識較強，現代的學生比較自我，溝通能力也有待提升，這些缺陷顯然不適合學生未來的工作。網頁設計和制作教學是一門實踐性要求較高的課程，同時也對學生的團隊協作能力要求很高。在教學中的綜合實訓中可以選擇采取項目教學法實施教學，將學生分成不同的小組，在自愿的基礎上進行強弱搭配，并且每一個小組推薦一位組長，在老師布置任務之后，組長可以做好小組內的分工，讓學生能各司其職，然后合力完成作品的設計和制作。在作品制作中，如果組內的成員存在意見不同意的現狀，組長可以和其他的成員進行溝通協調，最后達成一致，當組員能夠為同一個目標一起努力時，無論最后的結果如何，學生最后都會有成就感。在這一過程中，有利于提升學生的團隊協作精神，增強學生的溝通能力。
四、結語
網頁設計和制作教學是一門實踐性很強的課程，對于學生的綜合實踐能力以及創新能力的要求較高，因此，在教學中，教師要給根據學生的興趣愛好設計教學內容，并且為學生提供一些優秀的教學作品，讓他們進行賞析，在優秀作品的激勵和教師的引導下，學生的學習興趣會有很大的提升，從而真正的投入到網頁設計和制作的探索當中，熟練的掌握網頁制作方面的技巧，增強學生開發和維護網站的能力，使他們的知識結構不斷得到完善，對于教學效果的提升會起到很大的作用。
參考文獻：
[1]馬玲燕. 《網頁設計與制作》課程的教學實踐研究[D].內蒙古師范大學，2013.
[2]畢惠麗. 淺談網頁設計與制作教學中學生能力的培養[J]. 新課程（上），2012，02：185.
[3]胡曉紅，王麗芬，張景峰. 基于職業能力培養的《網頁設計與制作》教學改革的研究[J]. 電腦知識與技術，2012，20：4953-4956.
《網頁設計與制作》課程是計算機網絡、電子商務、計算機軟件及計算機應用等專業的一門必修的專業課，是進一步學習《動態網站開發與管理》等專業課程的基礎。通過課程建設，力求建設一套有效地、完整的教學資源，達到職業教育的教學目標。
關鍵字：職業教育 課程建設 工學結合
中圖分類號：G71 文獻標識碼：A 文章編號：1672-3791（2015）08（b）-0000-00
課程建設不僅僅是將教學大綱、教學課件、教案首頁、例題等教學資料整理在一起就完成的，而是要根據此課程所對應的職業或行業的需求，通過企業調研、企業專家研討等多種途徑從中獲取，總結出課程的技能解析表，使之成為課程建設目標的依據。課程建設成功與否的標志在于其群體教學質量與教學水平是否真正得到提高。課程組成員對課程的內容、課程體系及課程的各個環節的認識，這些最終都依賴于在課程教學中起到主導作用的教師，因此教師自身業務水平的提高是課程建設的核心，是提高教學質量的關鍵。所以在課程建設規劃中必須把促進師資隊伍建設擺在首位，并且將隊伍素質、隊伍水平、師資培養及提高都安排出明確的目標，只有這樣，才能確保課程建設成為有源之水，才能保證教學質量的穩步提高。
1 課程建設目標
《網頁設計與制作》課程是HTML、XHTML、JavaScript、CSS及網頁設計制作相關軟件應用等專業知識的綜合應用，在《網頁設計與制作》的基礎之上后續課程有《動態網站開發》等內容。通過本課程和相關課程的學習，學生能夠勝任WEB前端工程師的工作。在課程建設上，我們一直探索如何有效進行教學，逐步形成了以項目驅動、案例教學為主的符合高職學生學習的教學模式，具體計劃如下：
（1）將工學結合的教學理念運用到積極探索教學方法改革中，一方面進行企業調研，根據網站建設的職業技能要求，進一步分析總結本課程的典型工作任務；另一方面，根據項目驅動為主的教學模式，撰寫教學大綱、課程設計方案、項目任務書及項目任務指導書，力爭提高教學效率和教學的規范化建設。
（2）著力健全本課程的教學資源建設，包括：項目案例集、理論與技能試題庫、網頁設計素材庫、校本講義等教學資源的整理和完善。同時，進一步增強師資隊伍建設和提高教師的業務能力，安排教師積極參加相關專業的培訓及企業實習，這些措施的實施不僅開拓了教師的思路及眼界，更提高了課題組成員的專業水平。
（3）教學實踐，進一步完善已開發的課程資料，并爭取企業人員的意見。“實踐是檢驗真理的唯一標準”，組織教學實踐，不斷地更新課程內容，調整課程結構，改革教學方法與手段，加快了實訓教學條件與教學資源的建設步伐，逐步形成了講授課、實驗課、學習指導課相結合的教學模式，注重增強教學互動性。
2 課程建設內容
明確《網頁設計與制作》課程在網站開發工作流程中的作用和職業技能要求，從而對教學方案、教學內容、教學模式等方面的課程設計做出了根本的改變，力求使教學目標更符合實際的行業標準，即網站開發中前端工程師應具備的應聘條件。
《網頁設計與制作》課程建設內容主要包括課程目標、課程內容與結構、教學方法和手段、課程團隊、課程資源、課程考核、課程管理等幾個方面：
（1）在課程目標建設方面：通過廣泛的專業調研與市場調查，并結合往屆畢業生反饋意見，不斷改進完善人才培養方案，適時地調整課程目標，明確了課程的職業崗位指向和職業能力要求，明確課程知識目標、技能目標，進一步明確以職業崗位能力要求的課程目標，使之更加貼近不斷發展的職業崗位技能要求。通過市場調研得出的對專業人才的需求有以下幾個大的方面：
①擁有過硬專業技術能力；
②善于交際，擁有較好的口才，能與領導同事和客戶進行較好的溝通與交流；
③堅守職業道德，能吃苦耐勞、有較強的團隊合作精神；
④能及時了解市場行情，思維敏捷，具有創新能力；
⑤不斷地學習進取，具有自主學習能力和知識應用的能力。
（2）在課程內容和課程結構建設方面：《網頁設計與制作》課程的教學內容是綜合應用到HTML/XML、DIV+CSS技術、JavaScript/Ajax、圖形圖像處理、動畫制作等編寫代碼能力、信息采集處理能力及網頁制作技術，同時要熟悉相關軟件的操作使用，如：Dreamweaver、Photoshop、Flash、CorelDraw等，是進行動態網站開發的前端工作。在課程建設中過程，收集和整理課程骨干教師、行業中的技術專家的意見，調整和完善課程教學和課程內容設計，圍繞培養網站開發應用型人才這一中心目標、注重培養學生創新思維能力和實踐動手能力。調整各教學模塊的課時分配，加大功能模塊和綜合實訓模塊的課時。
（3）教學方法與手段建設方面：為培養學生綜合應用知識的能力，采用教學案例教學法，通過對完整項目的工作流程，培養學生從設計網站頁面及站點管理到制作整個網站靜態頁面的綜合應用能力，調動學生學習的積極性，充分利用啟發式教學原則進行教學，使學生在課堂中能積極思考；注重理論聯系實際，使學生在學習過程中能夠理解平時上網時所應用到功能的實現過程，不再感到枯燥無味。在機房里采用講授、教師示范、學生演示、學生練習等多種教學方法， 切實提高教學效果，以提高學生的動手能力、創新能力為目的，將課件、教案、習題、測試題等學習資源提供給學生，實現優質教學資源共享。
在機房授課，學生一人一機，多媒體教學，大大提高了課程的教學效果，但教學課時有限，課后自主學習，加強基本功的訓練尤為重要。且計算機的發展日新月異，課程教學的滯后與目前技術的發展，讓學生及時了解與課程相關的技術動態，不要與當前社會需求脫節，開闊眼界，擴寬知識面也是非常有必要的，因此在精品課程建設的過程中加大了網上學習功能的建設力度，可以讓學生把課堂上沒有消化吸收的知識點通過精品課程中的教學資源進行自學，通過項目案例加強實踐動手能力訓練，進行課外延伸學習。
（4）為企業提供技術服務方面：為學生創造實踐機會，與北京航空城賓館簽訂了網站開發協議，該網站的主要功能就是企業宣傳，包括前臺展示和后臺管理兩個模塊。
（5）課程研究建設方面：開展課題組集體教研活動，加強課程目標、課程教學內容、教學方法、教學手段等方面的研究，撰寫課程設計方案、項目任務書和項目指導書、搜集整理案例集、理論及實踐題庫等教學資料，并于本學期開始實踐教學活動，進一步修訂課程設計方案、項目任務書及指導書，完善教學資料。
（6）課程研究建設方面：開展課題組集體教研活動，加強課程目標、課程教學內容、教學方法、教學手段等方面的研究，撰寫課程設計方案、項目任務書和項目指導書、搜集整理案例集、理論及實踐題庫等教學資料，并于本學期開始實踐教學活動，進一步修訂課程設計方案、項目任務書及指導書，完善教學資料。
3 結論
通過《網頁設計與制作》課程建設，不僅僅是建立了一套完整的教學資源，更是認知和實踐了一套先進的教學理念。
首先，體現在教師自身業務水平的提高。師資隊伍建設是課程建設的核心內容，是提高教學質量的關鍵。創建學習條件，相互聽課，取長補短，不斷提高業務素質，教師隊伍整體水平和業務綜合能力上都有了顯著提高，建成了一只愛崗敬業、教學基本功扎實、學術水平較高且結構較合理的師資隊伍。
其次，體現在教學理念的根本改變。學校曾組織教師參加過“工學結合”的教學思想創新的培訓，教師不斷學習實踐新的教學理念、不斷提高教學質量是課程建設的根本所在。在課程建設規劃中，必須明確本門課程在不同階段的教學質量的內涵與目標，以確保課程建設的準確操作，從而達到不斷提高課程教學質量的目的。
最后，體現在課程體系的建設。課程標準是教學的法定性文件，是組織教學的基本依據。而教學資源是教學內容、教學方法的重要載體，學生評價是促進教學質量、確保教學實踐有效實施的方法和手段。
參考文獻
[1] 首珩.高職加強精品課程建設的研究[J].職業技術教育，2003，（25）：39-42.
