《網頁設計與制作》課程的開發(fā)與實踐探析

1、網頁設計與制作課程的開發(fā)與實踐探析摘要：網頁設計與制作網絡課程與傳統(tǒng)課程相比，在教育理 念、教育模式、教學策略、學習評價等方面都有很大改變，突破了 教與學的時空限制，提供了良好的學習資源、學習環(huán)境和便捷的學 習方式。本文重點對網絡課程的學習環(huán)境構建進行了分析和探討及 教學策略和評價系統(tǒng)的設計。關鍵詞：網絡課程；學習環(huán)境；信息資源；教學策略；教學設計 web design and production curriculum development and practicetang huai(zhaoqing business and technologycollege, zhaoqing5260

2、40, china)abstract:web design and production of network programs compared to traditional courses in educational philosophy, educational models, teaching strategies, learning and evaluation aspects ofchange, breaking the constraints of time of teaching and learning, provides a good learning resources

3、, learning environment, and convenient learning this article focuses on the 1 earning environment of the online courses to build analysis and discussion and teaching strategies and evaluation systems design.keywords:network courses;learning environment;information resources;teaching strategies;instr

4、uctional design一、引言網頁設計與制作是我院計算機各專業(yè)及電子商務類專業(yè)的必 修課程，自開設以來深受學生的喜愛。因本課程教學內容及教學資 源較多，學生很難在課程中完全掌握所學知識，為更好地補充和輔 助學生進行課外學習，更加開放的網絡教學成為本課程的有益補充 和良好的學習途徑。二、課程分析與設計網頁設計與制作課程是高職高專計算機專業(yè)的一門技能課程, 結合職位崗位對人才的需求，我們收集了網頁設計、平面設計、動 畫設計、動態(tài)網頁開發(fā)等課程的相關知識，對本課程的教學內容、 知識結構、信息資源的選取、教學策略的使用進行了精心的策劃和 設計。我們將學生熟練的網頁設計與開發(fā)的操作技能作為培養(yǎng)重

5、 點，在課程教學設計中，以“高素質、技能型”人才為培養(yǎng)目標， 采取“小組協(xié)作學習”的學習方式完成整個課程的教學，并注重對 小組的考核評價。（一）學習需求分析對于高職高專的學生，學習的主動性和積極性不夠強，但對于操 作性比較強的課程，往往有強烈的學習愿望，針對學生的特點，并 根據網頁設計與制作這門課程的性質特征，在教學中我們主要 采用任務驅動的教學方法，實施項目教學，讓學生的學習和工作的 內容緊密相聯，這樣不僅能夠吸引學生的注意力，并且能夠提高學 生的學習興趣，同時達到“工學結合”的教學理念。（二）學習內容分析我們分析了多門與網頁設計與制作相關的教材，從課程的實際應 用與培養(yǎng)需求出發(fā)，對教學內容

6、進行了重新安排。從本課程的教學 實際出發(fā)設定的學習目標是：培養(yǎng)學生具有一定的藝術素養(yǎng)，較強 的網頁鑒賞能力，熟悉網頁設計創(chuàng)意的原理和方法，熟悉htmkcss. javascript和網頁制作工具，熟悉網頁的制作和發(fā)布流程。能夠根 據客戶需求進行網頁設計與制作以及進行網站的維護和管理工作 等。考慮到學生的層次不同，大家可以根據自己的實際情況有選擇 的學習適合自己的模塊，自學能力較強的學生可以通過我們的網絡 平臺得到進一步的提高和知識的拓展。（三）知識結構體系網頁設計與制作融合了平面設計、網頁制作、動態(tài)程序、數據庫 等知識，作為一門綜合性強的課程.。把核心知識以最快、最有效 的方式傳遞給學生，而又

7、要能使學生容易掌握，所以本課程以“表 格式”布局作為教學的主線，把photoshop平面設計、flash動畫 設計融入其中，同時適當引入“div+css”網頁布局的內容。而在 動態(tài)網頁設計屮，簡單介紹asp+aceess動態(tài)網頁設計知識。據此, 在學習內容的組織上，以“用表格進行頁面布局”和“網頁與數據 庫”這兩個知識點為主線，將其它知識串聯起來，可幫助學生迅速 建立起知識的體系結構。圖1網頁設計與制作網絡課程知識體系和信息資源結構圖三、信息資源的選擇在網頁設計與制作網絡課程的設計屮，以課內項目、課外項 目和教學專題的形式進行信息資源的規(guī)劃與整合，選擇合適的形式 來展現信息資源是非常重要的。如

8、在網頁的中文排版教學模塊中， 網頁文字材料應以文本為主，而涉及的圖片只需提供原始圖片即 可，增強學生對資源的應用與處理。而在“實驗演示”、“動態(tài)網頁 的原理”模塊屮，以動畫的形式形象地展示岀來，激發(fā)學生的想象 力。而在課外拓展模塊中，信息資源應以視頻的形式展現，使學生 方便參照與模仿。信息資源總體結構見圖1。四、教學策略的設計（一）任務驅動的教學模式“任務驅動教學”就是將要學習的新知識隱含在一個或幾個任務 中，學生通過對任務進行分析和討論，明確該任務所涉及的課程知 識，并找岀其中的新知識，然后在老師的指導和幫助下找出解決問 題的方法，繼而完成相應任務。網頁設計與制作課程在教學中 使用“任務驅動

9、教學法”的具體做法是：教師先給學生呈現一個具 體的網頁效果，接著與學生共同分析該網頁需要如何去處理，然后 在老師的指導下師生共同完成網頁，形成“階梯式螺旋化”教學模 式。這樣做的好處是：通過一個任務的完成，培養(yǎng)學生發(fā)現問題、 分析問題、解決問題的能力，激發(fā)學生的學習興趣，同時能夠提高 學生的實際動手能力；而且將新知識點融入任務中進行學習，所學 知識具有一定的針對性與目的性，學生的學習就會認為學的有價 值，且通過一項任務的完成，學生同時可以體會到一種成就感。（二）開放式自主學習模式本課程建立的網絡教學平臺中包含本課程的教學資源、教學課件、 課程教案、教學指導等模塊。通過網絡提供10大類、4500

10、0多個文 件的立體化教學資源，所有的教學資源可在網上瀏覽和下載，任何 學生在任何時候、任何地方都能借助網絡學習。同時開發(fā)了在線答 疑系統(tǒng)，提供了 qq和tq兩種訪問途徑，在線訪問和離線留言兩種 方式。在“學習資源區(qū)”針對不同層次的學習者設計了豐富的學習 資源。通過電子教案，學習者可以了解教師課堂上講授的知識要點, 并可下載素材進行相應的訓練；如果在學習中遇到了困難，一般通 過“學習資源區(qū)”中的“你問我答”即可解決，確需教師幫助的， 也可在網絡的“教師答疑”中給教師留言。專題學習板塊基本上覆 蓋了較高層次學習者所要了解的知識。（三）課外小組協(xié)作學習模式在課外作業(yè)環(huán)境，采用基于構建主義學習理論的協(xié)

11、作學習模式。一方面教師在網絡教學平臺創(chuàng)建學習主題和要求，另一方面學生可 自市創(chuàng)建學習主題和內容，挖掘優(yōu)秀學生的潛能。由學生自行組成 小組并進行分工設計，在設計過程中可通過小組討論、師生網絡交 流進一步深化和完善學習內容，完成后和互進行評價和交流。因此 在設計網絡課程時要注重協(xié)同工作環(huán)境的設計，充分發(fā)揮網絡的功 能。五、學習評價系統(tǒng)的設計為更好地評價學生在網絡教學中的學習效果，學習評價系統(tǒng)的設 計是十分重要的。在本網絡課程中，根據學習者的學習需求和特點, 進行不同程度的強化練習評價，并及時給出反饋意見。在學生完成 對應的學習內容后，教師可以對學生進行評價，學生之間也可以相 互評價。同時完成專題學習后，挑選出優(yōu)秀的作品進行課外開放式 評價，增強學生的成就感，以此達到學生的再學習的主動性。六、結束語全方位、立體化的網絡課程教學資源，彌補了課堂討論的局限性, 調動了學綸課內及課外學習的主動性和積極性，促進了學生對課程 的全面掌握和理解，滿足了不同層次、不同學生對計算機知識的學 習的需求。而網絡教學系統(tǒng)又具有共享性、交互性、非線性、時效 性、多媒體化、服務個性化等特點，從而為學生自主學習的開展提 供了保證，拓展了學習的空間和時間，充分保證教學活動的開放性、 自