網頁設計課程教學解析

序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內心深處的真相，好投稿為您帶來了一篇網頁設計課程教學解析范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創作。

網頁設計課程教學解析:計算機網頁設計教學分析

摘要：

在網絡技術迅速發展的今天，網頁設計與制作已經成為當今社會上一種比較熱門的技術，也是“計算機應用技術、網絡技術、電腦藝術技術”等專業學生的必修課，同時，也是相關專業學生的選修課。在實際的計算機網絡設計教學中，由于教師專業經驗不足、課時及實踐設置不合理等原因，使教學的效果大打折扣。為了保證教學過程取得成功，提高教學質量，本文簡要分析現階段網頁設計教學模式存在的一些問題，并介紹一些比較先進的教學方法，希望能為達到理想的教學效果提供借鑒。

關鍵詞：

計算機；網頁設計；教學模式

1引言

隨著互聯網的高速發展，我國逐步進入信息化時代，各行業領域對于專業計算機知識人才的需求都有了明顯的增加。為了滿足社會的需求，我國一部分職業技術學校與高等學校紛紛開設計算機運用與維修、計算機網頁設計等課程，這些課程的開設為我國培養了大量的IT人才。近些年，雖然計算機教學取得了不俗成績，但是我們也要正視教學中存在的一些不足。

2計算機網頁設計教學中存在的問題

2.1教師專業經驗不足

我國職業院校的大部分老師是師范畢業生，這些教師往往存在教學基礎與經驗的不足，教師缺乏必要的實際應用動手操作能力。因此在教學時大多是照本宣科，并沒將教材的知識點與實際運用情況相融合，生硬的課堂語言，讓課堂氣氛變得沉悶，學生學習的興致不高。網頁設計這門課程實用性強，不但需要扎實的理論知識，而且需要大量的實踐過程[1]，如果不能實踐上機操作的話，那么就會對所學的知識一知半解，達不到教學的要求。

2.2課時及實踐設置不合理

很多職業院校一周只安排2個課時的網頁設計教學，課時過少，學生在進行網頁設計與制作的實踐時，跟老師互動、交流的機會也就相應減少，這就不利于學生對所學知識的鞏固。而且學生若在實踐過程中碰到難題不能在老師的幫助下及時得到解決，這也會極大挫傷學生學習的積極性。此外，學校更多的是注重理論知識的灌輸，常常忽略實踐上機操作的重要性。

2.3學生本身學習能力有限

隨著90年代末高校的擴招，高等教育事業得到了迅猛的發展，高校的擴招對中專教育造成了強大的沖擊，很多人選擇了去高校就讀，導致中專院校招生越來越困難，學生數量以及整體質量均有所降低。大多數中職生基礎比較薄弱，而且自覺性比較差，上課時不主動積極，導致其不能完全接受、消化教師所傳授的內容，更不用說進行深層次的探索與創新了。

3提高計算機網頁設計教學質量的方法

3.1提高教學質量，改進教學方法

在傳統的教學中，大多數老師仍然沿用灌輸式的教學模式進行教學，教學方法單一，枯燥乏味，沉悶的課堂氣氛會大大降低學生學習的積極性，甚至會讓學生產生厭學情緒。為了激發學生的學習熱情，現在很多老師在教學中融入了項目教學法、案例演示法、頭腦風暴法等較先進的教學方法。第一，項目教學法。項目教學法就是在老師的指導下，將一個相對獨立的項目交由學生自己處理，信息的收集、方案的設計、項目實施及最終評價，都由學生自己負責，學生通過該項目的進行，了解并把握整個過程及每一個環節中的基本要求。“項目教學法”最顯著的特點是“以項目為主線、教師為引導、學生為主體”，具體表現在：目標指向的多重性；培訓周期短，見效快；可控性好；注重理論與實踐相結合。項目教學法是師生共同完成項目，共同取得進步的教學方法。但是教師在應用這一教學方法時要對學生的學習能力、基礎知識的儲備進行全面的考慮，不能一刀切。第二，案例教學法。案例教學法是教師根據教材內容，選擇具有啟發性的、緊扣教材內容的典型案例，通過具體的情境提高學生理解、掌握知識、感悟等綜合素質的一種教學方法。傳統的教學方法是老師講、學員聽，聽沒聽、聽懂多少。要到最后的測試時才知道，而且學到的都是死知識。在案例教學中，學生拿到案例后，先要進行消化，然后查閱各種他認為必要的理論知識。這無形中加深了對知識的理解，而且是主動進行的[2]。捕捉這些理論知識后，他還要經過縝密地思考，提出解決問題的方案。第三，頭腦風暴法。通常所說的“頭腦風暴法”，是指將不同專業與背景的人集中到一起，讓他們互提設想，互相撞擊，求得新創造、新構思的方法。它是一種名符其實的集思廣益法，它能使每個參與者在決策的過程中，思考相互沖擊，迸發出火花，作出創造性的問題解決方案。在教學中實施頭腦風暴法有助于培養學生的創造思維，讓每個學生的腦子動起來，極大地提高課堂教學效果。

3.2設計科學、合理的專業教學

計算機專業的課程一般都屬于要求具有較高動手操作能力的專業技能課程，因此，在專業教學課程的設定方面，應該以實踐上機操作為主，讓學生多動手練習，實踐理論知識的學習，引導學生對所學知識的思考。專業課程的設計應該將重點方向定位于社會實際應用。學生所學的專業知識與技能，在今后的崗位中，主要的應用就是實踐操作。只有讓學生多方位地全面掌握基礎，在基礎的層面上加深專業技能的培訓，才能讓學生在眾多的競爭者中脫穎而出。中職教育的最終目的在于學生就業，因此，教學內容的設定應該與就業緊密結合，這樣才能夠為社會培養出高素質的計算機專業勞動者和技能人才。

3.3加強教師技術培訓

當今社會，知識更新越來越快，特別是在計算機領域方面。我們的教師也要不斷學習，強化自己的專業能力。此外，可以有計劃的安排專業教師到企業實踐，這樣才能讓教師了解計算機網絡發展的最新動向，加強教師的實際應用動手操作能力，為教師今后的教學指導方向。

4結束語

計算機傳統的教學模式，已經不能適應現代不斷更新的計算機技術的需求。教師必須摒棄傳統的教學模式，改變教學理念，培養學生擁有較強的專業技能、較高的綜合素質，只有這樣學生才能夠適應社會發展的需求，在眾多競爭者中脫穎而出。

作者：陳上 單位：海南軟件職業技術學院

網頁設計課程教學解析:網頁布局網頁設計教學應用

摘要：

在現在的網頁設計中DIV標簽的使用越來越頻繁，DIV標簽的作用也越來越重要，以前那種以內容為中心的網站已經成為過去式。論文在分析表格布局技術及CSS技術的基礎上，闡述了應用DIV+CSS技術進行網頁布局的優勢。從高校計算機網頁設計課程的教學情況出發，文章中提出了DIV+CSS技術在教學中的應用措施。

關鍵詞：

網頁布局；DIV+CSS方案；HTML優化；網頁設計

只有當好的網頁結構和優秀的網頁布局相結合，才能達到最好的瀏覽效果，使瀏覽網站的用戶感受到最好的用戶體驗，如何設計出這樣的網頁就是我們現在研究的重點。

1表格布局技術

早期頁面布局的方式主要用框架及表格。在HTML和瀏覽器還不夠完美的時候，我們想讓頁面內的元素能有一個讓人滿意的格局是比較困難的事情，由于表格不單可以控制單元格的寬度和高度，而且可以相互嵌套，所以為了讓每個網頁元素能夠放在合適的位置，表格就成為網頁設計者的主要工具。表格在頁面布局上比較容易控制，通過表格的套入可以輕松地實現各種各樣的布局，但是當你需要制作一個繁瑣的頁面時，HTML文檔就會充滿了標簽。同時，因為瀏覽器需要把整個表格加載完后才會顯示出來，因此加入一個表格過長，那么訪客就需要等很長的加載時間才可以看到頁面內容。使用表格布局頁面會讓HTML文檔的內部結構變得雜亂不堪，HTML文檔字節數變得越來越大，在落后的設備上，頁面需要大量修改，正是這些弊端，使得網頁開發者開始注意Web的標準。

2CSS樣式

CSS就是CascadingStyleSheets，中文翻譯為“層疊樣式表”，簡稱樣式表，它是一種制作網頁的新技術。CSS是Web標準中表現標準語言。使用CSS可以簡化網站的格式代碼，加快網頁顯示的速度，外部鏈接樣式可以同時定義很多個頁面，大大降低了重復勞動的工作量。CSS標準中重新定義了HTML中原來的文字顯示格式，并增加了一些新理念，比如類、層等，可以對文字進行定位、重疊等操作，提供了更多豐富多彩的格式；同時CSS可進行集中樣式管理。CSS還可以將樣式定義獨自存儲于格式文件中，這樣可以將顯示的內容和顯示樣式定義分開，以便于多個HTML文件共享樣式定義。除此之外，一個HTML文件也可以使用多個CSS樣式文件中的樣式定義，相對于之前傳統HTML的表現而言，在網站的建立及重構過程中使用CSS技術，可以精準的掌握頁面里每一個元素屬性，例如：字號樣式、背景、排列方式、區域尺寸、項目符號等，方便地實現網頁的結構與內容表現完全分離，使站點的加載速度及維護更加方便。使網站的功能擴展性達到前所未有的增強。

3DIV+CSS技術

DIV+CSS是目前應用最多的一種網站布局技術，使用DIV+CSS的網頁布局方案，首先需要把HTML結構化，我們可以先不考慮網頁的外觀。先將內容放在設置好的DIV中，讓結構由DIV產生，然后再使用CSS進行格式設計，即“外觀”設計。在網站設計前需要對網頁進行規劃設計。例如，一個頁面可能有類似這樣的幾塊：網站名稱、主頁、子頁面導航（主菜單）、子菜單、搜索框、展示區、頁腳等。與傳統的表格布局相比較，使用DIV+CSS進行網頁布局還具有以下優勢：更快捷的被搜索引擎的引用，加載速度更快；CSS使用靈活，使頁面元素樣式多變，利于維護和更新；使用DIV+CSS技術，可以減少視覺的相同性，同一網頁在不同瀏覽器中表現的效果相同或基本不變，保持網頁的美感；表現和內容相分離、提高頁面加載速度。

4DIV+CSS技術在教學中的應用措施

在網頁設計課程學習時，經常是使用Dreamweaver網頁開發軟件，Dreamweaver是一個視覺化網頁開發工具，可以方便、高效的實現DIV+CSS技術對頁面進行布局，代碼自動生成這一特點，一方面能讓學生迅速的設計出網頁，另一方面不利于學生真正記住和掌握。所以，在使用Dreamweaver的同時，可以讓學生使用Notepad++編輯器或用記事本對代碼進行錄入。在初學DIV+CSS布局網頁時，可以選擇一個簡單的網站，用表格和DIV+CSS技術兩種方法進行布局，讓學生真正理解這兩種方法的區別和特點。針對不同網站使用不同的布局方法。教會學生當前社會網頁前端開發師最需要的技術?；谝陨险撌?，筆者認為在教學中加入DIV+CSS布局需要注意以下幾個問題。共享學習資源，利用MOOC。教師要給出學習參考書目錄，DIV+CSS布局的有關教材已經相當普遍，另外，教師也可以鼓勵學生進行MOOC(慕課)學習，或在淘寶購買一些關于類似的視頻教程，不論是在課上還是在課下，都能充分利用網上資源，整合成DIV+CSS布局原理、知識和案例的教學資源。將WEB的標準貫徹到網頁設計的學習中，由HTML升級到XHTML。當下大部分網頁設計教材講解的內容還是HTML標記語言，但是在WEB結構標準語言中，我們將會使用XHTML，因此需要在HTML學習的基礎上要加入升級版的教學內容，既要講解HTML的普遍用法和主要標簽，也要為學生講解為什么要升級到XHTML以及升級后的XHTML比HTML好在哪里。適當推薦和引用CSS樣式表，強化層疊樣式表CSS的基礎教學，為學習DIV+CSS的頁面布局打下良好的基礎。在講解CSS樣式時，可以引用網上使用頻繁的外部CSS樣式，在使用應用外部CSS文件的時候，頁面的布局可以變得非常整潔和清新，讓人眼前一亮。在CSS教學過程中，除了需要介紹CSS的常用屬性之外，最重要的就是要讓學生理解和學會使用外部CSS樣式，這是學習DIV+CSS網頁布局的提高過程。采用任務驅動式教學方法，以案例為驅動，培養學生學習興趣，提高學生動手制作能力。在學習了基礎的DIV+CSS頁面布局知識之后，為學生提供一些DIV+CSS布局的網頁案例的基礎上，加強學生的動手實踐訓練，給學生一些真實的企業項目或學校網站項目，例如學院主頁或各系主頁宣傳網站等。

5結語

本文探究的主旨在改變現存的網頁設計課程的教學方法與模式，以培育精英級的網頁設計人才為目的，扎實提升學生的自主學習能力，實現社會對網頁設計精英的技術要求，從而保證該門課程的市場特色和教學質量。為了達到這個目的，我們對教學內容進行改變與擴充，使教學素材更加接近實際需求，竭力使學生更適合當今市場的需要，并為后面課程的學習打下堅實基礎。

作者：田紅玉 單位：黑龍江信息技術職業學院

網頁設計課程教學解析:網頁設計實驗教學研究

【摘要】

雙語教學中首要目標是使學生掌握學科知識，其次才是加強和提高英語水平。傳統教學模式容易陷入被動接受的境地，不利于學生主觀能動性培養。本文探討案例教學法在《網頁設計與制作》的應用，收到了良好的實驗教學效果，達到培養學生通過用英文獨立思考問題、解決問題、獲取專業知識，參與市場競爭的目標。

【關鍵詞】

雙語教學；案例教學

雙語教學在我學開展較晚，自2012年起，我校國際學院與中外合作辦學，獲得教育廳批準的國際教育課程實驗班有生物科學、食品科學與工程和電子信息科學與技術專業。學院師資隊伍由有出國留學背景、能用中英文教學、專業知識扎實、掌握國際先進教學理念和方法的教師組成。在這三年開展雙語教學的不斷實踐和總結中，我們逐漸連理了自己的教學團隊，找到了有針對性的可行的教學方法，形成了自己切實可行的教學模式?！毒W頁設計與開發》是我校網絡工程和電子信息科學與技術兩個專業都要開設的一門專業課，該課程是一門實踐性強、操作要求高的計算機專業課程[1]。教師除了重視理論教學，更要研究如何改進實驗教學，找到強有力的教學手段，提高學生的創新能力和動手能力，特別是在競爭激烈的當代，用人單位希望應屆學生能立即為其所用[2]。因此，如何和企業接軌，也是教學中應考慮的問題。案例分析式教學[3]，主要強調對現實成活中的案例進行討論分析和實現，強調學生的參與性，能積極調動學生的主觀能動性，主要培養學生的思維能力和綜合素質，能提高學生創造性思維和解決問題的能力。在網頁設計與開發這門重實踐的實驗教學課程中應用案例分析法能夠很好地啟發學生思維，激發學生學習興趣，調動學生的積極性和主動性。筆者近兩年來承擔網頁開發和面向對象分析與設計雙語教學的任務，對案例式教學方法進行了有益的探索和實踐。下面討論案例式教學模式在《網頁設計與開發》雙語教學中的應用，探討其特點和可行性。

1由簡到繁設計案例，激發學生興趣

第一次實驗時，學生剛剛熟悉各種常見標準標簽，剛剛掌握HTML語法，不習慣運用屬性、事件的方式編寫代碼，此時，選取直觀簡單適合當前知識條件下的的案例無疑是很多同學對這門課程產生興趣的關鍵點。太容易，激發不起興趣。太難，學生望而生畏。在整個學期的教學過程中，逐步循序漸進加大難度和加大知識整合的力度，最終開發一個信息系統開發案例為主導線，能運用數據庫和網頁開發相關知識，全面的分析系統需求，為以后解決實際工作中存在的問題打下基礎。

2循序漸進，調動學生主觀能動性

循序漸進，加大案例的難度和深度，在這個過程，學生必須學會自主思考，自主發現問題，自主解決問題。學生掌握了HTML語法，會使用表格、框架、DIV進行頁面布局之后，開始按照自己的意愿設計主要頁面，這部分考察學生做出圖文并茂的美觀頁面。教師應著重分析，引導學生自己動手實現他們自己設計的頁面。主頁面設計完成后，引導學生結合現實思考一般網站的基本架構。案例中要求設計登錄頁面，用戶輸入正確的用戶名和密碼才能跳轉到下一個網頁。除了設計跳轉頁面外，學生必須思考，如何實現用戶名和密碼的對錯判斷？如何判斷用戶是否存在，若不存在，如何解決？那如果有多名用戶如何處理？這樣就引出了數據庫的應用。將用戶名和密碼存在數據庫里。很多同學就開始簡歷用戶表，編寫訪問數據庫的程序，為數據庫的學習買下了伏筆。訪問用戶表完成后，引導學生思考，如果頁面中很多內容都是放在數據庫中的，如何頁面信息的增刪改查呢？這樣就是動態頁面的實現效果。這樣，依據案例的進一步實現，環環相扣，一個個知識點就會在自然的狀態下形成一個知識鏈，不會給學生帶來很多突兀的、難理解的內容。

3實踐性與通用性相結合，全面提升學生能力

案例分析法在案例式教學模式以模擬公司形式、而作為實踐案例必須要符合實際，是生活中可以見得到的案例，讓學生可以從生活中有據可循，而不是抽象的，又有自己的思考空間，充分發揮想象能力，根據實際進行發散性思維，這就要求案例必須具有通用性。我們在動態網頁設計的實際教學過程中，采取分組實現案例為主導，除了以上原因外，還可以提升學生獨立思考和團隊合作能力。可以選擇的案例包括人員流動管理系統，影視明星系統、個人信息助理網站、投票網站、車輛信息咨詢系統等一系列與生活息息相關的案例。整個案例式實踐教學過程模擬公司開發網站的形式，以參與實踐作為學生獲取知識和技能的根本途徑，以勝任實踐作為檢驗學生學習效果的最終杠桿。學生可以動手實踐案例，并在實踐中提出問題，解決問題，提高自身的技能，達到案例教學的目的。

4結語

實踐表明，在雙語教學中引入案例式教學是可行的，并且效果良好的。在網頁設計教學中合理、有效地使用案例教學將會很好地解決傳統教學中遇到的問題。通過案例分析法進行實踐，學生循序漸進實現整個系統，學習過程充滿了興趣和挑戰，激發他們自己的動手實踐能力，激發他們獨自思考的能力。使學生到了工作崗位之后能以最快的方式適應企業的需求。

作者：黎小琴 金燦 喬鬧生 單位：湖南文理學院物理與電子科學學院

網頁設計課程教學解析:高職網頁設計與制作教學淺析

【摘要】

在互聯網蓬勃發展的大環境下，《網頁設計與制作》已經成為眾多高職院校中開設的課程，但是實際的教學效果往往差強人意。本文嘗試從教學內容的角度對高職《網頁設計與制作》教學提出一些看法，以期提高《網頁設計與制作》課程的教學效果。

【關鍵詞】

網頁設計；高職；教學內容

隨著互聯網逐漸深入到經濟生活的各個角落，涌現出越來越多的網站。相應的，各類單位、企業等用人單位對網頁設計與制作人才的需求也開始變得普遍。而《網頁設計與制作》也早已成為大多數高職院校普遍開設的課程，甚至在同一所高職院校中也有相當數量的專業開設了這一課程，這些現象都反映出了社會對網頁設計與制作人才的需求。而互聯網的不斷發展也在推動著社會對網頁設計與制作人才水平要求的不斷提高，也對《網頁設計與制作》的教學提出了新的挑戰。

一、《網頁設計與制作》教學內容存在的問題

1.教學內容與實際應用脫節。

目前，《網頁設計與制作》的教學內容大致分為：網頁設計基礎知識、HTML語言基礎、CSS樣式基礎、網頁文本和圖像、超鏈接、表格、框架、Div、多媒體網頁、模板和庫、站點管理維護。不同院校、不同專業在具體內容的選擇上可能會有所差異，但大致都包括了這些內容。首先，在《網頁設計與制作》教學中，往往會以Dreamweaver這一網頁制作軟件的使用作為主要內容，所有的操作都依賴于Dreamweaver，很少涉及對HTML代碼的講解，這導致學生無法熟練的查看、修改HTML代碼，一旦離開了Dreamweaver，學生將無法制作、修改網頁。而在實際應用中，HTML代碼是在進行網頁設計時無法繞過的一個知識點。因為在Dreamweaver的設計視圖下操作是不能解決所有問題的，很多網頁設計中出現的問題只有通過查看HTML代碼才能發現并解決。此外，Dreamweaver也并不是計算機上的常用軟件，學生應該具備在脫離Dreamweaver的環境中進行簡單網頁制作、修改的能力。其次，早期的頁面布局以表格布局為主，但隨著互聯網技術與網頁設計標準的不斷發展，表格布局技術已經不再是主流，取而代之的是Div+CSS布局，也是所謂的內容與形式分開的布局方式。在這種布局方式下，頁面元素的布局更加靈活、頁面代碼更加簡潔。而更重要的是，采用這種布局方式的網站在整體風格的管理和后期維護上更加方便、效率更高。因此，《網頁設計與制作》的教學內容應當給予Div+CSS足夠的重視，加大其在教學內容中的比重，以增強與實際應用聯系的緊密程度。再次，隨著移動互聯網的興起，通過手機等移動終端訪問互聯網的用戶數量已經超過了傳統的通過PC訪問互聯網的用戶數量，如何設計適合于移動終端瀏覽的頁面，也應該作為《網頁設計與制作》教學內容的一部分。

2.只重視“制作”忽略“設計”。

不同院校、不同專業對《網頁設計與制作》課程的命名不盡相同，但大多帶有“設計”二字。而在實際的教學內容安排中，卻往往沒有體現出“設計”的部分。網頁設計是一門典型的交叉課程，既有計算機科學知識，又有人文社會科學知識。網頁設計雖較多的依賴技術性手段，但并不代表在教學內容的安排上就要以技術為主導。學習Dreamweaver也是只是為了掌握一種工具而不是最終目的，成功的網頁設計作品還要有美觀的布局、配色和人性化的信息導航。

二、確定合理的《網頁設計與制作》教學內容

1.加強對HTML基礎的教學。

雖然Dreamweaver作為主流的“所見即所是”編輯工具，可以讓使用者不接觸HTML代碼就能完成大部分網頁制作的工作，但是只有真正理解HTML語言，才能理解網頁工作的原理，才能真正深入到網頁設計的核心，才能學習到其他優秀網頁設計作品的內涵，為將來的能力提升鋪平道路。

2.加強對Div+CSS內容的教學。

Div+CSS布局已經是成熟的主流網頁布局技術，《網頁設計與制作》的教學應該突出對該技術的側重，將已經被淘汰的表格布局作為輔助。同時，對CSS的教學內容應該貫穿始終，因為CSS可以說是控制網頁元素表現形式的關鍵，掌握了CSS就能根據需要輕松的設置頁面元素的各種效果，從而為整個頁面增色。

3.增加對藝術設計的教學。

目前網頁設計行業內最缺乏的是具備優秀設計能力的高端網頁設計人才，而目前《網頁設計與制作》教學中最欠缺的就是對設計能力的培養，導致學生在學完課程后也只能進行簡單的模仿和重復，無法進行有效的創新和設計。因此網頁設計課程的教學應該以藝術設計為出發點，增加對傳統藝術設計方面的教學內容，如構圖、色彩、設計思維等知識，并進行相應的實踐練習，以此培養學生基本的審美能力和在設計上的創新能力，這樣才能讓網頁制作技術服務于網頁設計，從而真正體現出“設計”，避免舍本逐末。

4.補充對主流技術的教學。

互聯網的發展日新月異，新的技術不斷涌現，作為《網頁設計與制作》的任課教師，應該具備一定的判斷能力，將未來網頁設計技術發展的新趨勢呈現給學生，幫助他們緊跟行業動態，為將來就業打下良好基礎。

三、結束語

《網頁設計與制作》作為一門開設多年的課程，在教學內容的設計上必須要關注行業的最新動態，同時明確課程的核心內容，才能培養出社會所需要的網頁設計人才。

作者：韋喆哲 單位：廣西經濟管理干部學院信息管理系

網頁設計課程教學解析:網頁設計項目教學法應用

摘要:

目前，高職院校的教學積極推行項目教學法。本文在應用項目化教學實踐的基礎上，以“網頁設計”課程為例，分析了實施項目教學的必要性，提出了實施項目教學的思路和應該引起思考的幾個問題。

關鍵詞:

項目教學;高職教學;網頁設計

高職教育的培養目標是培養適應經濟社會發展需要的高素質技能型應用型人才，使其獲得在合適的職業崗位上工作所需要的各種職業能力，因此，高職教育具有鮮明的職業性特點。根據目前國際普遍認同的以職業活動為導向的職業教育觀，在高職院校專業課程教學中應用項目教學法，讓學生在參與項目、完成項目的過程中深刻體驗并真正掌握實用性技能，是當前高職教育教學改革應該研究和探索的重點領域。在高職計算機類專業課程中，“網頁設計”是一門實用性很強的專業課，要求學生具備獨立設計并制作具有一定水平的網站、網頁的相關知識和能力，使用傳統的教學方法已不能滿足此類課程教學的要求，應用項目教學法正適合此類課程教學改革之需要。

1“網頁設計”課程實施項目化教學的必要性

根據教育部《關于全面提高高等職業教育教學質量的若干意見》，高職教學應積極推行項目導向等有利于增強學生能力的教學模式，從而更好地提高學生的職業能力和實踐能力。項目教學法是通過實施一個完整的項目而進行的教學活動，通過理論教學與實踐教學有機結合，提升學生的創造能力以及獨立解決實際問題的綜合能力。通過創設驅動性的任務，讓學生參與或自主完成一個完整系統的項目，學會使用項目化的工作方式，了解項目的整個操作過程，認識到如何系統地去完成一個項目，進而培養學生的自學能力、動手能力和創造能力，啟發學生更多地深入思考，同時也讓學生從中學會如何進行團隊合作、控制工作進度等方面的綜合能力?！熬W頁設計”課程是高職院校計算機相關專業的主要技能課程之一。使用傳統的教學和實訓方式，無法讓學生真正體驗到工作任務完成的整個流程，學生到工作崗位上還是無法及時適應工作環境，較難順利完成工作任務。為使學生能在將來更好地勝任其工作崗位，“網頁設計”課程從教學模式到教學方法、案例選擇都應以項目教學為目標，力求教學環境和學習環境接近真實的工作場景，讓學生自主、獨立地完成項目任務。教師的角色應由原來單純的講授者轉變為環境和資源的提供者，以及控制項目流程的引導者;學生則由學習的被動接受者轉變為項目的主導者和實施者，項目最終完成到什么程度由學生自己決定。項目教學真實地還原了工作崗位上的任務實現環節，學生的工作體驗也更接近現實，創造性也得到了提升，很好地實現了工學結合。

2項目教學法在“網頁設計”課程教學中的應用

高職院校計算機類專業的“網頁設計”課程，主要是通過一到兩個學期的學習，使學生能夠獨立完成若干個不同類型網站的制作，成為比較專業的網站建設人員。在該課程的教學中運用項目教學法，教師要根據教學進度和教學大綱制定教學計劃，選擇合適的項目并確定其難易程度，同時要合理規定項目中的各個任務，將相關的理論知識和操作技能分散到各個任務中，并保證知識的繼承性及項目間的連貫性;同時，教師依據教學任務，預測好教學中可能出現的理論和操作問題，搜集相關的資料并介紹給學生。學生根據教師的教學安排對各任務進行分析，提出解決方案并實施項目，完成任務。

2．1創設情境，提出任務

項目應該是來源于真實工作情境的，具備典型性和職業性的工作任務。通過教師介紹項目，把學生引入到需要通過某知識點來解決現實問題的情境中，并適時提出完成該項目所需要解決的若干個任務。例如，通過介紹當前商務網站的發展狀況、應用前景及人才需求，引入情境并提出項目名稱“商務網站設計與制作”。要完成該項目，需要完成幾個任務:任務一，認識與策劃電子商務類網站;任務二，使用表格布局頁面;任務三，制作網站LOGO及頁面圖片;任務四，制作一級頁面;任務五，CSS樣式表的應用。

2．2示范操作，解決任務

圍繞學習的知識點，按照便于學生知識遷移的要求，教師為學生示范項目中每個任務的解決過程。教學最好是在多媒體機房進行，通過廣播軟件，邊講邊練，講練結合，以練為主。在講授過程中，要注意引導學生思考，引導學生自覺地學習理論知識和操作方法。教師的講解過程主要是分析任務內容、講解知識與技巧、理清解決問題的思路，并引導學生操作。課堂的大部分時間應分配給學生自主操作，教師在巡視過程中隨時解決學生操作過程中遇到的問題。

2．3獨立探索，領會思路

項目教學的重點在于剖析任務內容及完成方法，具體實施流程在教師示范后由學生動手操作。要讓學生獨立思考，對知識點和操作要領進行理解和實踐，消化吸收項目任務中的要點。這個階段，教師要鼓勵學生自己去摸索掌握隱性知識。所謂隱性知識，是課本里沒有涉及而實際操作中會用到的知識。比如，課本里對網頁制作中涉及的“層”的概念有詳盡的說明，這是顯性知識;而在實際操作中，怎樣精確定位“層”是課本里沒有涉及的，需要學生在操作中探索和總結，這就是隱性知識。對此類的隱性知識，學生只有在完成項目任務的過程中親自操作才能發現并學習到，但此類知識對于勝任將來的職業崗位又是必不可少的。

2．4拓展訓練，協作學習

讓學生開展小組交流、討論，組員分工協作，共同完成能力拓展訓練項目。這有利于培養學生的協作能力和創新能力，提高學生的動手能力和學習的主動性、積極性。能力拓展訓練的內容應該基于任務內容，又難于任務內容，學生要想完成這些訓練任務，需要通過自身能力獲得相關知識，這樣可以培養學生的自學能力。

2．5成果展示，評價總結

學生學習的效果直接由項目的完成情況來決定。網站制作過程中的每一個項目完成后，先經過教師查看驗收，然后對完成的階段性成果進行展示，由項目負責人對本階段的完成情況進行介紹，然后通過教師評價、學生評價及團隊自評的方式全面考評項目完成質量。在評價時不僅要評價優劣，還要指出問題所在，提出改進意見或修改建議，讓學生在課后繼續完善。

3“網頁設計”課程應用項目教學法應注意的問題

3．1項目教學的成功需要教師的合理引導

在項目教學過程中，教師要仔細觀察學生的學習進度及能力發展情況，及時處理學生學習中出現的問題;要更注重激發學生的能動性，給學生更多自由發揮的空間。項目教學離不開教師對學生的引導。一方面教師應引導學生按照教材的提示完成項目的實踐操作，另一方面還應引導學生運用所學知識適當拓展其他新的知識。

3．2項目教學法的應用需要教師改變觀念

項目教學法不是傳統的以理論為主的教學方式。在項目教學中，要針對整個課程從宏觀上設計一個系統化項目，這個項目再分成若干個部分，這些部分要能覆蓋教學大綱所要求的所有知識，并合理地分配到每個章節、每個任務中，這些都需要教師轉變觀念。開展項目教學的教師需要對本課程有深厚的理論功底和較廣泛的專業知識面，同時還要有較強的綜合能力，包括實踐經驗、創新能力和應變能力等。

3．3項目的選擇應注重實用性

采用項目教學法的教學內容需要選擇一個合適而實用的項目。項目應來自于職業崗位，或是真實工作所需，可以是設計一個具有實際應用價值的網站，也可以是一項其他的具體工作任務。這樣的項目才能激發學生的學習積極性，培養學生的專業能力。

作者：徐媛 單位：濰坊職業學院信息工程學院