網頁製作與網站建設課程教學分析論文

【摘要】《網頁製作與網站建設》是中等職業學校計算機和電子商務專業比較重要的一門專業課，由於這門課程的綜合性較強，只有把Photoshop和Flash兩個軟件綜合運用到網頁的製作中才能達到理想的效果，這三個軟件俗稱為網頁三劍客。因此要教好和學好這門課對老師和學生都有較高的要求。因此本人在日常教學中，對每一個知識點都是反覆思考和實踐，並且把一些新的教學理念應用到教學過程中，最終學生對這門課的學習產生了非常濃厚的興趣，學生參加技能競賽也取得了比較理想的成績。

【關鍵詞】任務教學；探究式學習；多角度考核

1引言

隨着計算機網絡和信息技術的發展，網絡在所有領域正發揮着越來越重要的作用，也在飛速地改變着人們的生活和工作方式，網上銷售和網上購物已經走進了越來越多人的心裏。為適應這種發展形勢，很多職業學校的計算機、電子商務等相關專業都開設了《網頁製作與網站建設》課程，以滿足信息化社會的對網站建設類應用型人才的技能要求。

2教學狀況分析

2.1學生方面

職業學校中的大部分學生文化基礎素質明顯偏低，所以選擇了來到職業學校學習技能，掌握一技之長，但是對於需要一定的文化基礎知識做支撐的學科在學習起來會有一定的難度，《網頁製作與網站建設》就是這樣一門學科，它需要一定的英語基礎，再加上這部分學生沒有養成良好的學習習慣，沒有形成適合自己的學習方法，所以在剛開始接觸這門課程時會感到困難重重。

2.2教材方面

目前中職教材種類繁多，良莠不齊，要麼內容過於詳細，泛泛而談，學生根本看不懂。要麼過於簡單，對一些重要的知識點只是籠統的介紹。到一章結束才會有一個相對完整的案例或項目，按教材講授很難建立起知識的總體構架，教學過程中學到的是一些例支離破碎的東西，加上學生缺乏自主學習的主動性，很難培養起學生的學習興趣，不利於學生課堂練習和課後鞏固，不符合目前職業學校所倡導的的任務教學項目教學等理念，教學效果欠佳。

3提高課程教學效果的幾點

筆者結合自己多年的教學實踐和經驗，認為通過以下幾種做法，可以達到比較理想的教學效果。

3.1課程學習前的動員

課程教學效果的好壞，僅靠教師的努力是遠遠不夠的，最關鍵的還是取決於學生的配合程度。為此，教師在上第一節課時，重點講述了以下幾個方面的問題。首先是認真做好自我介紹，把自己陽光、熱愛生活、認真工作、不斷學習提高等優良品質展現給學生，讓學生信任你喜歡你，進而喜歡你的所教的課程。其次是要讓學生樹立信心，告訴學生學好本門課程對將來就業有什麼幫助，本門課程也不是一門理論性很強的課程，也不需要深奧的理論支撐，只要上課認真聽講，積極訓練，課下認真完成作業，就能學有所得，掌握這項技能。第三是學習要求，上課一定要記筆記，記錄關鍵的操作步驟和用到的一些代碼，這樣既可以保證集中注意力聽講，也可以為課後的複習鞏固留下資料，也為自己上機實踐提供參考。最後是教師應該幫助學生分析畢業後的就業形勢，要立足社會必須在技能上有一技之長，這和學生及家長選擇來職業學校的意圖是一致的，容易得到學生的認同，這樣更加堅定了要學好知識和技能的決心，以增強其學習動力。最後要求學生是在平時瀏覽網頁時多留意網頁效果，以便在學習過程中加以實現。

3.2課程內容的編排

課程內容編排的主要依據是學生的文化基礎、接受能力以及未來的職業崗位能力需求。考慮到中職學生的基礎和學習能力，本着“夠用”、“實用”、“適用”的原則，本課程教學目標主要是使學生能熟練使用Dreamweaver軟件完成的網頁設計、製作和編輯，能進行中小型網站的規劃、建設、製作與維護。因為Dreamweaver軟件功能非常強大，是目前網站開發的主要工具，因此其包括的內容也非常多，沒有一個版本的教材可以涵蓋全部功能，因此無論選用哪個版本的教材都不一定完全合適，這就需要教師根據專業要求和學生特點對教學內容重新整合，比如有的教材講表格佈局、Spry菜單欄、Spry選項卡式面板等只講添加方法，只有一點簡單的'屬性設置，而且沒有案例或項目，需要教師補充教學內容，比如增加相應的屬性設置，酌情增加一些簡單的代碼編寫，這樣可以使作品達到更為理想的效果。學完此知識點以後也能完成簡單網頁的製作，激發學生的學習興趣，增強學生的信心。再比如給表格添加背景圖片、設置表格邊框樣式、添加網頁背景音樂、製作滾動效果等知識的應用，可以使網頁更加美觀，增加可觀賞性和實用性。用到的代碼又簡單，所以這些內容應該是重點要補充介紹的內容。由於中職生英語基礎較薄弱，對代碼的記憶和理解難度大，而有些效果的實現卻非得編寫代碼，但對於一些效果不明顯的難度又較大的代碼可以省去，如用DIV+CSS佈局網頁可以省去，因為這完全是用代碼實現的，用菜單操作可以替代。目前的中職生能完成基本頁面的設計製作，製作出常見的網頁特效和功能，應該也算是不錯的教學效果了。實際上，本門課程知識點前後關係沒有很強的邏輯性，完全可以採用先整體後局部的方式重新組織。先規劃網站內容，後佈局網頁，再向相應區域添加所需元素，最後設置元素屬性，使整個網站形成統一的風格。傳統的內容編排順序基本上是知識點的羅列，不利於形成全局觀念和整體構架。現在的教學模式是任務或項目教學，教學內容編排是先提出任務，再學習完成任務用到的知識點，最後對所學知識進一步拓展，做到舉一反三。這樣有利於學生對網頁設計與製作工作流程的整體把握，學生學習興趣和網頁設計與製作能力也得到了提高。

3.3任務教學

任務教學法的實施，對形成學生自主學習、研究性學習和探索性學習的學習氛圍起到了至關重要的作用。採用這種教學方法教師課前應當精心準備要完成的任務，恰到好處的任務對提高學生學習興趣非常重要，同時教師還要明確提出哪些是本次課要掌握的知識點及操作技能，在完成任務的過程中學習知識貫穿整個教學過程，具體做法是：教師先提出任務，再分析任務，最後指出完成任務需要的知識點。教學過程中為了調動學生的學習積極性，教學過程中常常先欣賞與完成本次課教學任務相關的網頁。比如，下面的（圖1）是一個比較綜合的網頁案例，是老師課前完成的，頂部和底部是在學習表格和滾動效果的製作時作為教學案例的，中間部分是在學習Spry選項卡和ApDiv時作為教學案例的，製作之前都是先欣賞和分析學院網站，再把老師製作的案例展示給學生，案例完成以後學生有極大的獲得感和成就感，站建設的興趣大大提高。當然需要老師課前把案例準備好，現成的案例不一定完全符合實際情況。隨着新知識的學習對案例也要不斷更新。

3.4探究式教學

[1]在學完某一章後，教師要留有一定的時間，讓學生充分的理解和運用學習內容。這就是綜合實訓課，老師展示一個綜合案例，先讓學生思考完成案例的思路，再各抒己見，發表自己的觀點，教師最後給予點評，讓學生自己選擇最終的解決方案。例如：在學完框架和浮動框架以後，老師展示下面（圖2）的網頁案例，讓學生自己選擇是用框架完成還是用浮動框架完成，用到的圖片怎麼用Photoshop來完成？所以需要進行思考、權衡和比較，在這個過程中對知識進行了複習和鞏固，這樣不是一舉兩得嗎，學生就由知識的灌輸對象轉變為信息加工的主體。使學生在完成任務的過程中不知不覺實現知識的融合。如果開始就啟發學生用哪一種方法，也就沒有比較和選擇，那另一種方法就會被冷落，起不到複習和鞏固的作用。

3.5多角度考核

教師可在考核上進行適當改革，一是採用常規的筆試、上機操作。二是採取口試，老師提出任務，考核學生對網頁設計、佈局或製作的思路及方法，採取的形式有學生相互評價與教師評價相結合。例如：做一個“班級網站”，先讓每個學生闡述自己的設計製作思路，後評出大家公認的好的方案。通過口試，既鍛鍊了學生的語言表達能力和邏輯思維能力，又能通過交流學習，發現同學的長處，找到自己的不足，互相取長補短，同時及時對優秀的學生給予表揚和鼓勵，這樣使學生體驗到了成功的喜悦，體現了自身的價值，使班級形成你追我趕的濃厚的學習氛圍。也提高學生網頁製作綜合運用的能力，對形成一個良好的學習氛圍大有益處。通過以上教學方法，筆者感受到學生對網頁製作課程的喜愛，學生從以前的沒信心不願學，變成盼望着上網頁設計課，教學過程已經成為一個人人蔘與的實踐活動，在教學過程中，學生充分體驗到了學習的艱辛與樂趣，培養了學生分析問題和解決問題的能力，同時也讓學生掌握了學習的方法，進一步提升了學生的專業技能，而能力是具有可遷移性的，為學生其他課程的學習以及畢業後的終身學習打下良好基礎。有效地促進學生就業後能快速達到實際工作崗位的要求。

【參考文獻】

[1]張倩.網站建設與網頁製作課程實踐教學研究[J].科技視界，2014(36):218

[2]李微.《網頁製作及網站建設》課程教學方法創新[J].湖北函授大學學報，2017，30(22):125-126+129.

[3]謝小蓮.中職網站建設課程教學改革實踐[J].新校園(中旬)，2017(06):61-62.