網頁設計在計算機教課中的成效范文

本站小編為你精心準備了網頁設計在計算機教課中的成效參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

1知識點構成的順序

任何課程的學習，都要講究學習的先后順序。《網頁設計》課程的教學也是如此，然而，由于該課程涉及面較廣，很少有一本教科書能統一所有知識點，所以應有所側重，根據不同的專業教授的內容應有所區分。比如，美術專業的學生應著重在頁面構成，色彩搭配等方面，而計算機專業的學生應著重的是功能的編寫，后臺數據庫操作等。在這個前提下，筆者通過積極的探索和總結經驗，認為網頁設計中涉及的知識點構成順序應是：

（1）網站及網頁的若干基本概念和頁面元素。首先對于初接觸網頁設計的學生而言，掌握基本的網站和網頁相關概念，區分開應用和開發的身份，是學習更深入內容的前提，在打好這個基礎的條件下，才能把思維定位在設計者的位置上，同時能兼顧應用者的習慣和偏好，從而在以后的開發過程中更好地為制作網頁服務；

（2）網頁代碼的學習，讓學生嘗試用代碼方式制作頁面元素。很多人都認為有了Dreamweaver、Frontpage等網頁制作軟件，初學者就可以脫離原始代碼的學習。但是筆者堅信這是非常錯誤的想法。首先，利用軟件開發網頁雖然在一定階段之后可以很好地提高效率，但是所產生的臃腫代碼實在讓人頭痛；其次，完全脫離代碼的軟件式開發不利于很多功能模塊的開發，在很大程度上受到了制約。

（3）ASP、數據庫的學習及應用；在學習了相關的網頁源代碼的書寫方法之后，應該乘勢加強數據庫、ASP或其他編程環境的相關內容學習，這在一定程度上可以讓學生在學習過程中更好地理解網站的運作情況，并通過簡單的例如HELLOWORLD實例制作來引導學生。

（4）就是軟件的學習，包括dreamweaver、photoshop、flash等；之所以把軟件應用放在第四步學習，筆者認為軟件就是為了提高效率的產物，但是提高效率的同時也會讓學生一開始就滋生懶性，以后再學習代碼的編寫就會讓學生認為這是在走回頭路，在做無用功，從而不利于學習和教學。

（5）CSS、DIV知識點；為了提高網頁開發和維護的效率，輕松的控制頁面結構和布局，很多網頁都采用結構和內容分離的方法，CSS應運而生，CSS技術在網頁技術中是不可不提的內容，隨著技術的發展和趨勢，應該在掌握相關的基礎之后學習利用CSS的方法來制作網頁，而不是依靠表格布局。

（6）各國家及地區網站的頁面布局、色彩搭配及不同用途、不同網站的功能構成；在掌握了上面所闡述的知識點之后，接著就應該對網頁做整體的了解，包括布局、搭配和功能，但各個國家和地區的網頁頁面習慣是不相同的，面向的客戶群也是千差萬別，如夕陽紅的旅游網站和兒童網站，所面向的客戶群年齡差別較大，在審美和習慣上肯定也存在很多差異，那么在建立實際網頁的過程中應該讓學生了解不同地區、不同客戶的需求，從中體現出的頁面布局、色彩搭配的差異，同時針對不同類型的網站，應該有側重點地開發相對應的特色功能，從而更好地設計出迎合客戶要求的網站。

（7）網站的建立流程及管理。

2任務驅動式教學

任務驅動的教學方式，能為學生提供體驗實踐和感悟問題的情境，圍繞所設置的任務展開學習，以任務的完成結果檢驗學習成果，從而改變學生的學習狀態，使學生主動建構探究、實踐、思考、運用、解決的學習體系。在強烈的問題動機的驅動下，通過對學習資源的積極主動應用，進行自主探索的學習，并在完成既定任務的同時，引導學生產生一種學習實踐活動。在這個過程中，更重要的是，學生還會不斷地獲得成就感，可以更大地激發他們的求知欲望，逐步形成一個良性循環，培養出獨立探索、勇于開拓進取的自學能力。在該課程的學習過程中，通過案例講解，分析知識點的應用，融入新知識的講解，并設定任務，在學習中尋找解決完成任務的方法。比如，在講解ASP、數據庫操作方面的知識點時，設定完成任務是制作一個投票系統，接著讓學生對案例中的注冊和登錄功能實際操作，解釋網頁和數據庫之間的聯系及對數據庫進行操作的原理，同時講解所用到的命令和Dreamweaver界面操作，在完成注冊及登錄功能的講解之后要求學生根據已學知識，拓展思維，完成搜索功能的制作，通過這一系列的學習，可以很好的加深印象，并能拓展學生的思維，提高自主解決問題的能力。

3想方設法激發學生學習興趣

（1）借助網絡技術實現教學互動，達到隨機進入式教學的目的。在實際教學中，不可能所有的學生在課堂上都能及時掌握教師所講的內容，需要在課下對課堂內容進一步復習鞏固。為了讓學生能夠更好地復習，筆者將課件及相應的學習資料放到筆者設計的網站上，學生可以隨時訪問下載并進行學習探討。另外，在網站上開設相應的學習論壇，學生可以在上面與老師或同學相互討論，解決問題。此外學習論壇還有利于學生之間的資源共享。

（2）適時評析學生網頁，提高學生設計能力。在教學的不同階段，選擇典型的學生作業進行評析，對學生在網頁設計中的共性問題進行糾正，對網頁設計中的優點進行表揚，不斷規范學生的網頁設計。讓學生更好的參與到教學中，提高學生的學習積極性。

4總結實驗，鍛煉學生的解決問題能力

為了掌握學生學習該課程的效果，應該設立一個較完整統一的檢驗標準。網頁制作是一門實踐性很強的課程，因此學生必須掌握相應的網頁制作技術。實踐考查學生的動手能力，以便學生學完本課程后能有一技之長，真正做到學有所用。

（1）綜合案例分析。通過一個完整的網站講解，分析其頁面構成、色彩搭配、建站目的、瀏覽人群、建站技術、功能模塊等，對學生學習該課程做全方位的復習；

（2）分組實踐。把學生分成若干人一個小組，通過分組討論，確定一個建站方向，設定一個建站目標，團結協作，完成網站開發。

（3全面評價。本課程的教學目標是：學生能夠掌握網站設計的全過程，能夠利用Dreamweaver設計各種網頁，開發一定規模的網站。對分組制作的網站詳細分析，全面評價，取長補短，提高動手能力。

5結束語

《網頁設計》是一門較特殊的學科，因其涉及美術、計算機等多個范疇的知識，在教學過程中應注重理論聯系實際，針對不同專業的學生特點區別教學手段，使學生易學易用，才能真正提高教學成效。

作者：洪惠杰單位：潮州市高級技工學校