網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革

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

1引言

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

2基于計(jì)算思維能力培養(yǎng)的課程教學(xué)改革

計(jì)算思維是由美國著名計(jì)算機(jī)教育工作者周以真教授提出并定義的，計(jì)算思維是運(yùn)用計(jì)算機(jī)科學(xué)的基礎(chǔ)概念對(duì)問題進(jìn)行求解、設(shè)計(jì)系統(tǒng)和對(duì)人類行為的理解等涵蓋計(jì)算機(jī)科學(xué)之廣度的一系列思維活動(dòng)。對(duì)計(jì)算機(jī)課程的教學(xué)提出了更高的要求，不能只停留將計(jì)算機(jī)作為工具使用的狹義領(lǐng)域，而要著重對(duì)學(xué)生計(jì)算思維的培養(yǎng)，強(qiáng)調(diào)問題解決的操作過程和應(yīng)用實(shí)踐。因此在《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)過程中，我們的重點(diǎn)不應(yīng)該僅僅是教授學(xué)生使用網(wǎng)頁設(shè)計(jì)工具，而更應(yīng)將提出問題、解決問題等思維能力培養(yǎng)貫穿于整個(gè)教學(xué)過程中。筆者從教學(xué)內(nèi)容、教學(xué)環(huán)境、校企合作三方面進(jìn)行探討。

2.1加強(qiáng)教學(xué)內(nèi)容的改革

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

2.2基于能力培養(yǎng)的教學(xué)環(huán)境

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

3校企合作促進(jìn)教學(xué)

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

4結(jié)語

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

作者：戴菲 單位：揚(yáng)州工業(yè)職業(yè)技術(shù)學(xué)院