網頁設計與制作課程教學改革

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計與制作課程教學改革范文，希望能給你帶來靈感和參考，敬請閱讀。

1引言

網頁設計與制作是計算機應用專業的一門重要的必修課，是一門集知識性、藝術性、技能性和應用性于一體的課程，學生可通過本課程的學習，獲得網站設計與開發的能力，并能熟練地進行網頁的美化。本課程還有助于學生更深入學習計算機其他領域知識，培養職業技能，完善專業知識結構。對于大學生而言，在互聯網技術發展和普及的時代背景下，瀏覽網站獲得信息并不陌生。《網頁設計與制作》這門課程因為面向應用、突出實踐，廣受學生歡迎。但是學生從前臺瀏覽的身份突然跨越到后臺進行操作實踐，會存在理解和學習上的困難。比如教學時側重對單個知識點的介紹，知識點之間的聯系不多，學生對于“整體網站”的概念難以形成，往往知其表象而不知內涵，尤其在學習了各種網頁美化軟件后，不清楚如何將這些知識運用到實踐中去；目前教學內容往往和企業的實際需要存在脫節，學生的作品自我色彩強烈而缺少實用性。針對以上存在的一些問題，本文基于計算機思維理論，對網頁設計與制作課程在教學內容、教學環境和校企合作等方面的改革進行探索和實踐。

2基于計算思維能力培養的課程教學改革

計算思維是由美國著名計算機教育工作者周以真教授提出并定義的，計算思維是運用計算機科學的基礎概念對問題進行求解、設計系統和對人類行為的理解等涵蓋計算機科學之廣度的一系列思維活動。對計算機課程的教學提出了更高的要求，不能只停留將計算機作為工具使用的狹義領域，而要著重對學生計算思維的培養，強調問題解決的操作過程和應用實踐。因此在《網頁設計與制作》課程的教學過程中，我們的重點不應該僅僅是教授學生使用網頁設計工具，而更應將提出問題、解決問題等思維能力培養貫穿于整個教學過程中。筆者從教學內容、教學環境、校企合作三方面進行探討。

2.1加強教學內容的改革

計算思維能力的培養需要對教學內容重新理解和認識，網頁設計與制作這門課程具有很強的設計性和操作性，而設計是前提，操作是為設計服務的過程，在教學過程中，我們從培養計算思維能力的目標出發，力求在思維中融合知識的傳授、技能與素質的培養，尊重不同的認知方式。網頁設計與制作這門課程，隨著計算機軟硬件日新月異的升級，即使是市面上最新出版的教材，軟件版本、教學結構和內容等很多方面都不能完全適應網頁設計的最新知識和應用。為使學生在學習時更好地與前沿接軌，筆者在課程內容改革方面做了一些嘗試。以DIV+CSS網頁布局為例：傳統網頁布局以表格為主，這種結構缺點是呆板、樣式簡單，不利于重用和后期修改，而如今主流模式使用DIV+CSS網頁布局，先用DIV對頁面內容進行整體劃分，再用CSS對各結構分塊進行定位，突出表現和內容的分離，這樣排版思路清晰，網頁結構分明，更新頁面又十分方便。傳統的表格布局直觀、簡單，學生易于理解，但DIV+CSS網頁布局中的概念比較抽象，尤其是盒子模型、標準流、浮動、定位四大核心技術原理，如果僅僅照搬書上的理論介紹，學生表示出一定的畏難情緒，教學效果不佳。為幫助學生能夠更好地吸收、鞏固知識，筆者設計了一系列Flash動畫對盒子模型的原理、定位偏移以及后續的布局示例進行演示，比如用墻上的畫框來說明盒子模型的結構，例子貼近生活，視覺效果直接、清晰，為學生的創新思維留出空間，學生能做到不但知其然，還知其所以然，在動手操作的同時進行觀察、思考和分析，比較和傳統表格布局的差距，從而建立自己的思維方法，形成自己的個人成果。再例如在教授動畫制作軟件Flash時，教學案例不能簡單照搬一些參考教材的例子，要結合實際企業需求，將需要注意的相關技術和工作流程方面重點有機地融合在案例中。因為Flash主要是在網頁設計中應用，所以對教學知識點歸類，分為逐幀動畫、補間動畫、遮罩動畫、引導動畫、按鈕類動畫等，再精選互聯網中的動畫作為案例，更能激發學生的學習興趣，擴展學生的實際應用能力。學生先按照教師的案例操作熟練后，布置任務時將主動權交給學生，給學生提供計算思維的創新空間，從構思到素材收集，從工具選擇到動畫制作，都需要學生充分發揮想象力、獨立思考，結合已有知識進行實踐并創新，起到舉一反三的作用。

2.2基于能力培養的教學環境

筆者所在的教學團隊構建的《網頁設計與制作》精品課程網站將教學由平面擴展為立體，以培養職業能力為核心，以工作實踐為主線，以實例應用為導向，提供了有力的教學環境。精品課程網站具有良好的開放性和實用性，提供了豐富的教學資源，包括大量的教學課件、教案、教學視頻，來自企業一線的教學素材、項目任務、歷屆學生的優秀作業等，通過大容量作業郵箱和課程學習QQ群構建了課程輔助教學平臺。課程平臺可以滿足不同層次的學生的需求，打破了學校、教室的地域范圍，學生成為了主體，對教學內容和學習時間可以更靈活地進行選擇和安排，可以上傳自己的操作作業，適合“移動”的學習過程。學生不僅可以隨時下載共享的資源解決學習中的疑惑，還可以與教師進行討論交流，獲得個別反饋，對知識進行深入擴展，達成個性化培養的目標，即計算思維多樣化的本質：尊重學生認知方式存在的差異。在網站相應欄目中還提供關于計算思維的文章和資料，供學生閱讀、體會。

3校企合作促進教學

為了更好地讓學生在畢業后走上工作崗位后能少走彎路，快速適應企業需要，避免出現學習知識與職業能力、知識內容與生產情境的脫節，學校和企業進行深層次的合作，立足工作崗位能力的培養人才模式，達到雙贏的目的。因此教學應根據企業的應用需求制訂新的教學大綱和計劃，選取和設計教學內容，并開發相關實訓指導、習題及操作訓練測試、課程網站等一系列教學資源。而教師如果理論更新跟不上時代的變化，缺乏實踐操作能力，會使職業院校計算機教育明顯滯后于各產業發展對計算機專業人才培養的需求。教師更要深入企業，了解企業文化和用人需求，這樣在日后可以擴展教學的深度和廣度，教學以企業工作流程為框架，重視學生在校學習與職場環境的一致性。而企業的工程師也要進校進行指導，傳授企業一線的操作經驗，真正能將學生培養為集學科、技術和產業思維于一體的優秀技術型人才，提高畢業生在市場上的競爭力，促進他們能更好地就業、創業。

4結語

在教學中滲透計算思維，是我們面臨的教育教學改革的新挑戰，更是新機遇。通過幾年的教學實踐表明，基于計算思維對《網頁設計與制作課程》的針對性的教學改革充分發揮了學生的主觀能動性，提高了教學質量，大部分學生都表示收獲頗豐，學習能力、思維能力得到了普遍提高。今后還需要進一步探索研究新的手段，潛移默化地培養學生的計算思維能力，提高學生的實踐技能水平，為學生提供受益終生的學習方法。

作者：戴菲 單位：揚州工業職業技術學院