引言：易發(fā)表網(wǎng)憑借豐富的文秘實踐，為您精心挑選了一篇網(wǎng)頁設(shè)計與制作教學(xué)研究范例。如需獲取更多原創(chuàng)內(nèi)容，可隨時聯(lián)系我們的客服老師。

網(wǎng)頁設(shè)計與制作教學(xué)研究:網(wǎng)頁設(shè)計與制作教學(xué)中學(xué)生能力培養(yǎng)

【摘要】網(wǎng)頁設(shè)計與制作課程是計算機專業(yè)的主要課程，在專業(yè)人才培養(yǎng)方面處于核心地位。該課程教學(xué)的主要目標就是培養(yǎng)學(xué)生全面掌握網(wǎng)站建立和管理技術(shù)，同時掌握網(wǎng)頁設(shè)計與制作技術(shù)，從而培養(yǎng)網(wǎng)頁制作和網(wǎng)站開發(fā)的技術(shù)性人才。在整體教學(xué)中，知識的傳授固然重要，但是更應(yīng)該注重培養(yǎng)學(xué)生的專業(yè)能力，增強學(xué)生的職業(yè)素養(yǎng)。本文就網(wǎng)頁設(shè)計與制作教學(xué)中學(xué)生能力培養(yǎng)的策略進行分析。

【關(guān)鍵詞】網(wǎng)頁設(shè)計；制作；學(xué)生能力；培養(yǎng)

隨著互聯(lián)網(wǎng)的發(fā)展和普及，網(wǎng)頁設(shè)計和制作技術(shù)成為網(wǎng)絡(luò)時代非常實用的技術(shù)，這一課程也成為學(xué)校開設(shè)的熱門課程。無論是計算機專業(yè)的學(xué)生還是非計算機專業(yè)的學(xué)生，網(wǎng)頁制作都成了一門重要的基礎(chǔ)性技術(shù)課程。但是很多學(xué)校在教學(xué)中采用傳統(tǒng)的教學(xué)模式，導(dǎo)致學(xué)生的學(xué)習(xí)積極性不高，實際動手能力也比較差，為了讓學(xué)生快速的掌握網(wǎng)頁設(shè)計和制作的技術(shù)，需要采用一些新型的教學(xué)方法實施教學(xué)，加強學(xué)生綜合能力地培養(yǎng)。

1加強學(xué)生創(chuàng)新能力的培養(yǎng)

創(chuàng)新是一個民族的靈魂和動力，同時也是當今社會競爭的核心。學(xué)生創(chuàng)新能力的提升和創(chuàng)新意識的增強對于他們以后的發(fā)展具有非常重要的作用。網(wǎng)頁設(shè)計與制作教學(xué)作為新時期教學(xué)的主要課程，在教學(xué)中培養(yǎng)學(xué)生的創(chuàng)新能力有利于促進整體教學(xué)的發(fā)展。因此，在教學(xué)中，可以通過多方面內(nèi)容加強學(xué)生創(chuàng)新能力的培養(yǎng)，首先，可以通過興趣教學(xué)法喚醒學(xué)生的求知欲望，興趣是能夠推動學(xué)生求知的內(nèi)在力量，學(xué)生只有對某一學(xué)科充滿興趣，才能夠持續(xù)的鉆研該學(xué)科知識，從而增強學(xué)生的學(xué)習(xí)效率。在教學(xué)中，為了增強學(xué)生對網(wǎng)頁設(shè)計和制作的興趣，教師可以在上課時準備一些網(wǎng)頁作品，讓學(xué)生對作品進行點評，然后提出改造的意見。讓學(xué)生在頭腦中對網(wǎng)頁設(shè)計有一個模糊的認識，產(chǎn)生做網(wǎng)站的想法，這樣一來，通過教師的指導(dǎo)就能夠讓學(xué)生梳理一個成型的站點框架，緊接著引導(dǎo)學(xué)生如何做網(wǎng)頁，如何使用工具，學(xué)生對這些內(nèi)容產(chǎn)生興趣，就會帶著教師提出的問題進行主動探索和學(xué)習(xí)，以此增強學(xué)生的學(xué)習(xí)效果。除此之外，還可以通過精品賞析的方式增強學(xué)生的學(xué)習(xí)靈感。網(wǎng)頁設(shè)計和制作課程是一門藝術(shù)和藝術(shù)相結(jié)合的課程，學(xué)生不僅要掌握基本的網(wǎng)頁制作技巧，還要具備欣賞美和創(chuàng)造美的能力。創(chuàng)造的來源是靈感，而靈感的來源則是通過觀察，因此，可以在教學(xué)中設(shè)計精品賞析的環(huán)節(jié)，利用上課之前的時間展示作品，向?qū)W生展示一些布局合理，設(shè)計新穎的精美網(wǎng)頁，讓學(xué)生對這些網(wǎng)頁進行觀察和欣賞，這樣不僅可以拓寬學(xué)生的視野，同時還能激發(fā)學(xué)生的創(chuàng)造靈感，為學(xué)生以后設(shè)計出精美的作品奠定基礎(chǔ)。

2培養(yǎng)學(xué)生的網(wǎng)頁制作綜合能力

在學(xué)生掌握網(wǎng)頁設(shè)計和制作的基本知識之后，網(wǎng)頁制作綜合能力的培養(yǎng)就顯得非常重要了。即使學(xué)生掌握了網(wǎng)頁制作技術(shù)，也不一定能夠設(shè)計出好的網(wǎng)站，只有提升學(xué)生的綜合能力，加強對他們所掌握知識的綜合應(yīng)用，才能夠設(shè)計出一個精美的網(wǎng)站。為此，需要注重學(xué)生在實踐方面的能力培養(yǎng)，可以從教學(xué)實驗方面入手，將所有的理論教學(xué)和實驗教學(xué)都安排在計算機機房完成，可以讓學(xué)生在學(xué)習(xí)理論知識之后直接進入實踐探索階段。此外，為了給學(xué)生提供更好的實踐機會，可在學(xué)校建立計算機基礎(chǔ)教學(xué)網(wǎng)，網(wǎng)頁設(shè)計和制作教學(xué)的老師可以建立自己的教學(xué)網(wǎng)站，同時給學(xué)生分配相應(yīng)的網(wǎng)站空間，要求學(xué)生建立自己的個人網(wǎng)站主頁，然后將自己的實踐作業(yè)上傳到網(wǎng)站空間中，設(shè)計的風(fēng)格和主題不受限制，網(wǎng)站主頁的內(nèi)容也不做要求，學(xué)生可以根據(jù)自己的興趣進行網(wǎng)頁的制作，將所學(xué)習(xí)的網(wǎng)頁制作技術(shù)靈活的運用到個人網(wǎng)頁的設(shè)計中，做好個人網(wǎng)站。為了讓學(xué)生在網(wǎng)站設(shè)計中學(xué)會創(chuàng)新，教師可以搜集一些具有創(chuàng)意的網(wǎng)站和網(wǎng)頁設(shè)計的素材，和學(xué)生一起分享，然后與學(xué)生所做的網(wǎng)站進行對比，從而提升學(xué)生的創(chuàng)新能力。在網(wǎng)站設(shè)計中，針對不同的設(shè)計環(huán)節(jié)，學(xué)生可以自己發(fā)現(xiàn)設(shè)計中存在的問題，然后進行分析和解決，對于學(xué)生綜合能力的培養(yǎng)具有很大的幫助。

3加強培養(yǎng)學(xué)生的團隊協(xié)作能力

現(xiàn)在社會的分工越來越細，很多工作都需要人們協(xié)助完成，這樣以來，團隊精神就顯得格外重要。協(xié)同合作是團隊精神的核心內(nèi)容，尊重個人的興趣和成就是團隊協(xié)作的基礎(chǔ)。就學(xué)生而言，獨立意識較強，現(xiàn)代的學(xué)生比較自我，溝通能力也有待提升，這些缺陷顯然不適合學(xué)生未來的工作。網(wǎng)頁設(shè)計和制作教學(xué)是一門實踐性要求較高的課程，同時也對學(xué)生的團隊協(xié)作能力要求很高。在教學(xué)中的綜合實訓(xùn)中可以選擇采取項目教學(xué)法實施教學(xué)，將學(xué)生分成不同的小組，在自愿的基礎(chǔ)上進行強弱搭配，并且每一個小組推薦一位組長，在老師布置任務(wù)之后，組長可以做好小組內(nèi)的分工，讓學(xué)生能各司其職，然后合力完成作品的設(shè)計和制作。在作品制作中，如果組內(nèi)的成員存在意見不同意的現(xiàn)狀，組長可以和其他的成員進行溝通協(xié)調(diào)，最后達成一致，當組員能夠為同一個目標一起努力時，無論最后的結(jié)果如何，學(xué)生最后都會有成就感。在這一過程中，有利于提升學(xué)生的團隊協(xié)作精神，增強學(xué)生的溝通能力。

4結(jié)語

網(wǎng)頁設(shè)計和制作教學(xué)是一門實踐性很強的課程，對于學(xué)生的綜合實踐能力以及創(chuàng)新能力的要求較高，因此，在教學(xué)中，教師要給根據(jù)學(xué)生的興趣愛好設(shè)計教學(xué)內(nèi)容，并且為學(xué)生提供一些優(yōu)秀的教學(xué)作品，讓他們進行賞析，在優(yōu)秀作品的激勵和教師的引導(dǎo)下，學(xué)生的學(xué)習(xí)興趣會有很大的提升，從而真正的投入到網(wǎng)頁設(shè)計和制作的探索當中，熟練的掌握網(wǎng)頁制作方面的技巧，增強學(xué)生開發(fā)和維護網(wǎng)站的能力，使他們的知識結(jié)構(gòu)不斷得到完善，對于教學(xué)效果的提升會起到很大的作用。

作者：崔愿星 單位：鄂州職業(yè)大學(xué)

網(wǎng)頁設(shè)計與制作教學(xué)研究:網(wǎng)頁設(shè)計與制作課程教學(xué)方法分析

［摘要］軟件類課程具有較強的實踐性，如何讓教學(xué)過程充分融入計算機與軟件技術(shù)行業(yè)實踐并符合職業(yè)規(guī)范，是需要重點研究的問題。以網(wǎng)頁設(shè)計與制作為例，充分考慮教材和學(xué)生特點、企業(yè)用人需求，緊密結(jié)合國際項目管理知識體系與軟件行業(yè)職業(yè)規(guī)范，從重構(gòu)模塊化教學(xué)內(nèi)容、優(yōu)化教學(xué)順序、建立特色化項目管理體系三個方面設(shè)計了新的面向網(wǎng)頁設(shè)計與制作課程的項目驅(qū)動型教學(xué)方法，從教學(xué)實踐和推廣應(yīng)用來看，取得了良好的效果。

［關(guān)鍵詞］教學(xué)方法；項目管理；網(wǎng)頁設(shè)計；軟件工程

一、引言

高等職業(yè)教育改革正在逐步深化，對教育教學(xué)質(zhì)量也提出了新要求，教育的重心已由單純的知識傳授轉(zhuǎn)向高素質(zhì)技術(shù)技能型人才的培養(yǎng)。人才的培養(yǎng)最終落實到具體的教學(xué)環(huán)節(jié)中，專業(yè)課程知識與實踐教學(xué)是主要過程，因此教育系統(tǒng)不斷探索科學(xué)、合理、高效的課程教學(xué)方法。軟件類課程具有較強的實踐性，如何讓教學(xué)過程充分融入計算機與軟件技術(shù)行業(yè)實踐是重點研究的問題。針對軟件類課程的特點和學(xué)生的實際情況，從新工具技術(shù)應(yīng)用、情景模擬到任務(wù)驅(qū)動等各種課程教學(xué)方法被應(yīng)用到了課堂教學(xué)實踐中。采用案例和任務(wù)驅(qū)動的方法，以增強學(xué)生綜合運用知識和實際動手的能力，探討了網(wǎng)絡(luò)環(huán)境下計算機軟件應(yīng)用類課程的教學(xué)方法。強調(diào)以案例驅(qū)動探索教材結(jié)構(gòu)和教學(xué)方法的優(yōu)化。從教材課件和教育程序優(yōu)化等方面探索了非計算機專業(yè)的程序設(shè)計教學(xué)方法。總結(jié)來看，各種教學(xué)方法都關(guān)注通過情景、案例、任務(wù)等形式，盡可能使教學(xué)過程接近實踐應(yīng)用。

二、教學(xué)內(nèi)容改革情況

（一）教學(xué)內(nèi)容更新的總體思路

網(wǎng)頁設(shè)計與制作是軟件技術(shù)及相關(guān)專業(yè)的職業(yè)技術(shù)基礎(chǔ)課程和必修課。在教學(xué)過程中，以軟件技術(shù)專業(yè)人才培養(yǎng)方案為依據(jù)，以培養(yǎng)學(xué)生網(wǎng)站策劃、網(wǎng)頁美工、網(wǎng)站程序設(shè)計、網(wǎng)站運營與推廣等崗位職業(yè)能力和職業(yè)素養(yǎng)為目標，將增強學(xué)生基本就業(yè)力、職業(yè)遷移力、持續(xù)發(fā)展力為著力點，按照“科學(xué)性、針對性、時效性、實用性”的原則選擇、更新課程及實踐教學(xué)內(nèi)容，重點培養(yǎng)學(xué)生的行業(yè)規(guī)范意識、職業(yè)化能力，未來能夠輕松地融入工作崗位，快速進入職業(yè)角色，能有效地實現(xiàn)由教師為中心向以學(xué)生為中心，由課本為中心向以項目為中心，由課堂為中心向以實踐為中心的三個轉(zhuǎn)變。

（二）教學(xué)內(nèi)容更新的具體做法

1.依據(jù)不同時期對工作崗位的需求，重構(gòu)模塊化教學(xué)內(nèi)容作為軟件技術(shù)專業(yè)職業(yè)技術(shù)基礎(chǔ)課程，網(wǎng)頁設(shè)計與制作課程涉及的知識內(nèi)容較廣，如：HTML、CSS、JavaScript、Asp等眾多知識點。應(yīng)該以工作過程為導(dǎo)向，以學(xué)生為主體，充分考慮學(xué)生的認知水平和已有知識、技能與興趣，為學(xué)生提供適應(yīng)市場需要的、模塊化的學(xué)習(xí)資源，開發(fā)模塊式教學(xué)計劃。2.設(shè)計實踐教學(xué)特色化項目管理體系，優(yōu)化實踐教學(xué)流程目前，整個課程實踐教學(xué)的管理體系已經(jīng)建立，有電子商務(wù)運營和管理、網(wǎng)絡(luò)營銷、物流信息技術(shù)、網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)等課程的實踐管理體系，以軟件技術(shù)專業(yè)網(wǎng)頁設(shè)計與制作課程為例，將目前計算機技術(shù)與軟件行業(yè)標準化項目管理知識體系與具體的專業(yè)技術(shù)課程實踐教學(xué)相結(jié)合，用項目的方式去管理課程實踐，構(gòu)建項目管理體系是基本前提。

三、教學(xué)方法改革情況

（一）“項目導(dǎo)向，任務(wù)驅(qū)動”教學(xué)法

“項目驅(qū)動，任務(wù)導(dǎo)向”教學(xué)法是師生通過共同實施一個完整的項目工作而進行的教學(xué)活動。該方法是以項目為主線、教師為主導(dǎo)、任務(wù)為驅(qū)動、學(xué)生為主體的一種教學(xué)模式。

（二）“分組合作”教學(xué)法

分組教學(xué)，以團隊的形式參與整個教學(xué)過程。以全班40人的規(guī)律為例，學(xué)生自由組成小組，一般6人一組，每組推選一名組長，負責(zé)項目協(xié)調(diào)和管理，在16~20個學(xué)時內(nèi)完成既定的項目（網(wǎng)站），最終分組演示，分個人答辯、項目成果展示。項目的設(shè)置由小組討論形成，學(xué)生根據(jù)興趣、特長設(shè)定網(wǎng)站類型和主題，其中教師只進行輔助，提供技術(shù)和資源支持，不參與項目制作。通過案例實訓(xùn)，運用項目管理的方式，綜合測評學(xué)生的技能掌握情況，同時使團隊中的每個學(xué)生揚長避短，發(fā)揮各自優(yōu)勢，最終完成一個網(wǎng)站的設(shè)計與制作。

四、結(jié)語

網(wǎng)頁設(shè)計與制作是軟件技術(shù)專業(yè)的重要課程，承接了Web前端開發(fā)技術(shù)的主要內(nèi)容，是人機界面的首要交互接口。本文以網(wǎng)頁設(shè)計與制作為研究對象，將教學(xué)過程與行業(yè)實踐相結(jié)合，緊密結(jié)合國際項目管理知識體系與計算機與軟件技術(shù)行業(yè)職業(yè)規(guī)范，以企業(yè)用人要求為導(dǎo)向，從重構(gòu)模塊化教學(xué)內(nèi)容、優(yōu)化教學(xué)安排、建立特色化項目管理體系三個方面設(shè)計了新的項目驅(qū)動型教學(xué)方法。從教學(xué)實踐來看，取得了良好的效果。

作者：王書琴 李從慶 吳艷 單位：合肥信息技術(shù)職業(yè)學(xué)院

網(wǎng)頁設(shè)計與制作教學(xué)研究:網(wǎng)頁設(shè)計與制作教學(xué)改革

摘要：分析了傳統(tǒng)教學(xué)模式與培養(yǎng)應(yīng)用型人才模式對網(wǎng)頁設(shè)計與制作的教學(xué)改革的影響，提出為培養(yǎng)應(yīng)用型人才的改革方向，并以兩個專業(yè)、四個班的學(xué)生做為實驗樣本，對本年度教學(xué)內(nèi)容做出了一些改革，得出了在培養(yǎng)應(yīng)用型人才時該課程內(nèi)容的改革方案和注意事項，指出為培養(yǎng)服務(wù)地方應(yīng)用型人才，網(wǎng)頁設(shè)計與制作的課程改革勢在必行。

關(guān)鍵詞：傳統(tǒng)教學(xué)；學(xué)即能用；CSS

互聯(lián)移動終端的大面積推廣，使得掌握網(wǎng)頁制作技術(shù)的人才在各個行業(yè)里都成為必不可少的需求；同時，地方普通高校為社會服務(wù)的使命感在不斷增強，如何培養(yǎng)出“學(xué)即能用”的人才，使之在短時間內(nèi)掌握主流的網(wǎng)頁設(shè)計技術(shù)，提高站點訪問量，是這門課程課堂教學(xué)效果進步的體現(xiàn)。

一、技術(shù)背景與課堂教學(xué)要求

（一）Internet發(fā)展歷程

Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設(shè)了主動權(quán)，使得用戶和網(wǎng)站可行雙向信息互動；Web3.0提升了用戶的主動權(quán)，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設(shè)置，訂制專屬的功能模塊，整合數(shù)據(jù)資源，適用于電腦、手機、PDA等多終端平臺定制。

（二）傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程內(nèi)容

一般情況下，高校開設(shè)的網(wǎng)頁設(shè)計課程從教學(xué)內(nèi)容上可劃分為兩大塊：1.相關(guān)知識介紹。網(wǎng)站的概念、基本元素及頁面等相關(guān)知識的介紹。2.應(yīng)用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁制作工具，使學(xué)生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯(lián)網(wǎng)的全面推廣和“學(xué)即能用”的需求，以上內(nèi)容已不能滿足互聯(lián)網(wǎng)時代與時俱進的特點。最關(guān)鍵的問題在于：課堂學(xué)到的知識是否馬上就能得到應(yīng)用，是否與目前社會上專業(yè)的網(wǎng)頁制作公司的技術(shù)規(guī)格保持一致。因此，本門課程的改革勢在必行。

二“、服務(wù)于地方”教學(xué)內(nèi)容的改革

（一）教學(xué)內(nèi)容改革

內(nèi)容改革是課程改革的首要環(huán)節(jié)。關(guān)于什么是關(guān)鍵內(nèi)容，什么是次要內(nèi)容，筆者走訪了本地專業(yè)網(wǎng)頁設(shè)計公司中企動力的設(shè)計總監(jiān)馬女士，通過對她的訪談，了解到時下主流的網(wǎng)頁設(shè)計公司所涉及到的技術(shù)規(guī)范，對本校現(xiàn)階段的教學(xué)內(nèi)容做了必要的調(diào)整，簡化了表格布局頁面、框架設(shè)計等已被淘汰的陳舊技術(shù)的授課內(nèi)容，有選擇地介紹了網(wǎng)頁交互特效及表單的應(yīng)用，加強了網(wǎng)頁美化工具、HTML語言及CSS的學(xué)習(xí)內(nèi)容。改革后的課程主要分為六大模塊：網(wǎng)頁和網(wǎng)站的基礎(chǔ)知識、網(wǎng)頁美化工具（Photoshop或者Fireworks）、HTML語言、網(wǎng)頁開發(fā)工具的介紹、DIV+CSS、動態(tài)網(wǎng)頁技術(shù)。首先，通過具體的例子闡明網(wǎng)頁、網(wǎng)站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關(guān)知識；其次，介紹網(wǎng)頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學(xué)生可用其設(shè)計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業(yè)度；再次，介紹HTML的基本語法結(jié)構(gòu)和語句，使學(xué)生熟練掌握其主要標簽的使用（傳統(tǒng)的教學(xué)模式對這一部分的內(nèi)容有所忽略）。實踐證明，學(xué)生若不熟悉HTML的語法構(gòu)成，學(xué)習(xí)DIV+CSS這一主流的網(wǎng)頁布局模式就會相當吃力。當然，對于非專業(yè)學(xué)生而言，學(xué)習(xí)一門語言，即便是文本標記語言，由于其本身對計算機系統(tǒng)相關(guān)知識的欠缺，授課會比較困難，學(xué)生也學(xué)得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設(shè)計大量實例，反復(fù)練習(xí)才能掌握。之后介紹開發(fā)工具，重點是要理解頁面的代碼模式和設(shè)計模式，而DIV+CSS則是本門課程的重頭戲，由于學(xué)生對代碼有種天生的恐懼，所以，在建立CSS時又以開發(fā)工具建立為主，修改程序為輔。最后簡單提及動態(tài)網(wǎng)頁技術(shù)。由于課時限制（32節(jié)），本課程主要講授靜態(tài)網(wǎng)頁制作。靜態(tài)網(wǎng)頁技術(shù)分為傳統(tǒng)技術(shù)和新技術(shù)。傳統(tǒng)課堂教學(xué)內(nèi)容重點是布局表格、框架、模板等，而目前主流的網(wǎng)頁制作公司則主要應(yīng)用DIV+CSS。所以，對于陳舊的技術(shù)簡單介紹即可，而把DIV+CSS作為布局的主要技術(shù)進行講解。由于這些內(nèi)容需要學(xué)生對代碼部分比較熟悉，所以，在課時中增加了相應(yīng)的HTML的基本語法結(jié)構(gòu)和語句的介紹，并對主要標簽的使用熟練掌握。

（二）實際授課效果

筆者今年為設(shè)計和思政兩個專業(yè)的學(xué)生授課。設(shè)計專業(yè)的學(xué)生已經(jīng)開設(shè)了PS，有一定的設(shè)計基礎(chǔ)，所以，課程內(nèi)容改革中的第一部分可以省略；思政專業(yè)的學(xué)生沒有圖片處理基礎(chǔ)，筆者在授課過程中有意加強了這部分內(nèi)容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學(xué)生有追求新知識的欲望，基本能做到學(xué)以致用，并反饋到最終的作品中。往屆學(xué)生的作品更像電子小報，而今年通過課程內(nèi)容改革的學(xué)生作品雖不完美，但在形式內(nèi)容上更接近Internet的正規(guī)網(wǎng)站，教學(xué)效果良好。針對我校提出建立培養(yǎng)服務(wù)于地方應(yīng)用型人才的本科院校，傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程必須響應(yīng)時代號召，更新教學(xué)內(nèi)容與方法。本文僅供從事該課程教學(xué)的教師參考。

作者：侯敏 單位：西安文理學(xué)院

網(wǎng)頁設(shè)計與制作教學(xué)研究:中職網(wǎng)頁設(shè)計與制作課程教學(xué)的體會

摘要：《網(wǎng)頁設(shè)計與制作》課程是中職計算機相關(guān)專業(yè)必修的一門課程，根據(jù)中職網(wǎng)頁設(shè)計的培養(yǎng)宗旨、教學(xué)目標及學(xué)生的實際水平，主要是培養(yǎng)學(xué)生網(wǎng)頁布局和美化網(wǎng)頁的技能，從而提升學(xué)生網(wǎng)頁制作的技能。《網(wǎng)頁設(shè)計與制作》是一門綜合性很強的課程，不僅需要掌握網(wǎng)頁開發(fā)軟件的應(yīng)用，還要有動畫設(shè)計、平面設(shè)計等軟件的綜合使用。

關(guān)鍵詞：中職；網(wǎng)頁設(shè)計；學(xué)習(xí)積極性；學(xué)習(xí)興趣；教學(xué)方法；學(xué)習(xí)效果

隨著計算機技術(shù)的不斷發(fā)展與革新，《網(wǎng)頁設(shè)計與制作》是近些年來計算機專業(yè)領(lǐng)域發(fā)展最快的和應(yīng)用最廣泛的課程之一。社會急需培養(yǎng)掌握網(wǎng)頁設(shè)計、面向不用應(yīng)用層次的專業(yè)人才。根據(jù)多方面的調(diào)研，再結(jié)合我校學(xué)生的實際情況，我把我校計算機平面與網(wǎng)頁設(shè)計、計算機網(wǎng)絡(luò)技術(shù)、軟件與信息服務(wù)等計算機相關(guān)專業(yè)的學(xué)生學(xué)習(xí)本課程的職業(yè)定位為大部分從事UI的開發(fā)，很少從事程序開發(fā)工作，因此在網(wǎng)頁設(shè)計與制作主要以Dreamweaver軟件教學(xué)為主。那如何調(diào)動學(xué)生學(xué)習(xí)興趣、如何選擇更加適合的教學(xué)方法及如何在教學(xué)過程中取得更好的教學(xué)效果，是值得我們共同探討的問題。在不斷學(xué)習(xí)先進教學(xué)理論及結(jié)合實際教學(xué)實踐，我認為可以從以下三方面入手。

1分析學(xué)情，合理安排教學(xué)內(nèi)容，激發(fā)學(xué)生學(xué)習(xí)興趣

當前中職學(xué)校大部分學(xué)生都是考不上普通高中，想來中職學(xué)校學(xué)一技之長以謀生，但也有不少抱著玩三年然后等年齡夠了出去打工的態(tài)度，學(xué)生的厭學(xué)情緒比較嚴重，要么上課不專心，要么隨意曠課，學(xué)生學(xué)習(xí)的積極性極差，更談不上創(chuàng)新。所以在上本課程之前，首先要找些優(yōu)秀出色網(wǎng)站設(shè)計案例供學(xué)生欣賞，并且要分析當前本課程的應(yīng)用領(lǐng)域、社會需求及就業(yè)前景，激發(fā)學(xué)生的學(xué)習(xí)興趣，樹立信心。另一方面，要合理安排教學(xué)內(nèi)容。因為中職學(xué)生普遍存在特點就是沒有一個良好的學(xué)習(xí)習(xí)慣和方法，就算剛開始帶著好奇和興趣學(xué)習(xí)網(wǎng)頁課程，但過一段時間就會出現(xiàn)厭學(xué)的狀態(tài)，出現(xiàn)這樣的狀況主要原因是課程章節(jié)內(nèi)容的安排問題。在教學(xué)過程中，有些內(nèi)容跟之前所學(xué)的知識有相似就稍顯枯燥或者出現(xiàn)新的較難掌握的內(nèi)容就容易導(dǎo)致厭學(xué)。所以將課程內(nèi)容分階段和模塊化教學(xué)，各階段和模塊之間既相互獨立，也相互關(guān)聯(lián)，同時將課程難點分解到各個不同的模塊中，化解了學(xué)生的畏懼和厭學(xué)心理。每個模塊自成體系，學(xué)完每一個個模塊就能獲得一項知識、技能，前面的模塊為后面模塊做鋪墊，后面的模塊又強化前面模塊的內(nèi)容。這樣可以讓學(xué)生牢固地掌握《網(wǎng)頁設(shè)計與制作》的核心。因此，教師在教學(xué)中應(yīng)將“教、學(xué)、練、做”融為一體，對每個學(xué)習(xí)情景都設(shè)計好案例，然后進行在上課的時候明確任務(wù)、教師演示、學(xué)生設(shè)計、展示評價等。例如：教師可將《網(wǎng)頁設(shè)計與制作》教學(xué)內(nèi)容分為五個階段，每一階段設(shè)計了若干教學(xué)模塊。第一階段使學(xué)生能熟練使用網(wǎng)頁設(shè)計的入門篇；第二階段能熟悉并熟練使用網(wǎng)頁制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得當、內(nèi)容精彩的網(wǎng)頁；第三階段能進行動態(tài)網(wǎng)站的開發(fā)；第四階段掌握網(wǎng)站與維護方法；第五階段進行綜合案例項目實訓(xùn)。每一階段的教學(xué)內(nèi)容完成后，在專業(yè)機房組織單元考核，以實現(xiàn)分階段達標，最終使學(xué)生能獨立設(shè)計小型WEB站點。

2結(jié)合實際，選擇適合的教學(xué)方法，調(diào)動學(xué)生學(xué)習(xí)積極性

教無定法，因材施教。教師要根據(jù)學(xué)生的實際學(xué)習(xí)情況，不斷調(diào)整自己的教學(xué)方法，不斷將先進教學(xué)方法應(yīng)用教學(xué)當中，才能激發(fā)學(xué)生的學(xué)習(xí)興趣，取得更好的教學(xué)效果。若采用傳統(tǒng)教學(xué)模式即課堂主要是教師的講解再輔以學(xué)生練習(xí)，這是教學(xué)模式是很難激發(fā)學(xué)生的學(xué)習(xí)興趣的，最后可能是教師累得精疲力竭、學(xué)生卻收獲甚微。通過實踐，我主要是采用案例教學(xué)法、項目教學(xué)法進行教學(xué)。案例教學(xué)法是在教師的指導(dǎo)下，根據(jù)教學(xué)目標的要求，利用案例引起教學(xué)活動，組織學(xué)生進行學(xué)習(xí)和研討的一種教學(xué)方法。與傳統(tǒng)的灌輸教學(xué)相比，案例教學(xué)是一種強調(diào)師生互動的開放式研究型的教學(xué)方法，它注重學(xué)生的實操能力，符合中職教育的教育特點。具體做法是：教師通過具體案例提出任務(wù)，將任務(wù)分解到每次的課堂教學(xué)中實現(xiàn)，教學(xué)過程中為了調(diào)動學(xué)生的學(xué)習(xí)積極性，教學(xué)過程中常常采用互動方式，即教師提出一種解決問題的思路，然后讓學(xué)生采用其它方式來解決同一個問題，課堂上每介紹一個任務(wù)后都要首先讓學(xué)生上機去模仿著實現(xiàn)，然后再要求學(xué)生采用自己的解決方案來完成任務(wù)。例如：在“創(chuàng)建企業(yè)展示型網(wǎng)站”的教學(xué)過程中，教師的教法是“案例驅(qū)動下的自主學(xué)習(xí)———分組協(xié)作學(xué)習(xí)———探究發(fā)現(xiàn)學(xué)習(xí)”，既鼓勵個性張揚，又提倡某些問題的分組協(xié)作與自主探究，指導(dǎo)學(xué)生對圖片及文字的來源進行探究發(fā)現(xiàn)（從網(wǎng)絡(luò)中搜集）。建構(gòu)主義學(xué)習(xí)理論強調(diào)以學(xué)生為中心，要求學(xué)生由知識的灌輸對象轉(zhuǎn)變?yōu)樾畔⒓庸さ闹黧w。以案例驅(qū)動，激發(fā)求知欲望，讓學(xué)生帶著逐個任務(wù)通過探究發(fā)現(xiàn)、相互合作、實際操作等方式，自主學(xué)習(xí)，使學(xué)生在完成任務(wù)的過程中不知不覺實現(xiàn)知識的傳遞、遷移和融合。項目教學(xué)法是教師在教學(xué)過程中以項目為主線貫穿始終，將課程中的知識點融入到項目中，學(xué)生以完成項目為主要目的、教師以學(xué)生的項目質(zhì)量來評定學(xué)習(xí)效果的一種新的教學(xué)方法。學(xué)生全部或者部分獨立組織、安排學(xué)習(xí)行為解決在處理項目所遇到的問題，提高學(xué)習(xí)興趣。教師在選擇項目時需要注意將教學(xué)的理論和實踐結(jié)合在一起，同時項目要與企業(yè)實踐生產(chǎn)過程和現(xiàn)實經(jīng)商活動有直接關(guān)系，才能使學(xué)生所學(xué)知識又具有價值，同時也會極大激發(fā)學(xué)生的興趣。例如：在《網(wǎng)頁設(shè)計與制作》教學(xué)中將一個班級分成多個項目小組，教師是項目經(jīng)理，學(xué)生則是項目的開發(fā)人員，學(xué)生通過以小組分工的形式完成項目，再派學(xué)生代表進行項目展示，達到師生、生生之間交流和討論的目的。項目開發(fā)小組經(jīng)常以幻燈片方式展示成果，陳述自己通過學(xué)習(xí)掌握了哪些知識和技能，運用了哪些方法，怎么用的？如何改進？獲得了什么親身體驗？初步提高了自己的哪些能力？問題是怎么解決的？解決的過程是什么？類似的交流穿插在整個學(xué)習(xí)過程中。這種方法有助于學(xué)生學(xué)習(xí)思維的發(fā)展，學(xué)生通過和其他學(xué)生的交流，解決疑惑，論證自己的觀點，開拓了思路，有利于發(fā)展學(xué)生的智力，整個教學(xué)過程同時也是學(xué)生學(xué)習(xí)的體驗過程。

3科學(xué)考核，提升教學(xué)質(zhì)量，保證學(xué)習(xí)效果

在課程考核方面，將單純的課程考核轉(zhuǎn)向?qū)W生職業(yè)能力考核，主要包括三部分：第一部分，平時成績占總成績的30%，包括平時出勤、課堂紀律、課堂表現(xiàn)和作業(yè)等。第二部分，階段性項目設(shè)計考核占總成績的40%，分2次考核，根據(jù)網(wǎng)頁及網(wǎng)站制作流程，以職業(yè)崗位工作過程為依據(jù)，對學(xué)生分組，通過自評、互評，還有教師評，對每個項目進行評分。在交流評價的基礎(chǔ)上對自己獲得的材料和做出的作品進行檢驗。驗證學(xué)生自己的觀點。通過對比師生評價結(jié)果，找出造成結(jié)果差異的原因，讓學(xué)生反思他們在探究實踐中所運用的解決問題的策略。第三部分，期末綜合考核占30%，主要考查學(xué)生對知識的綜合應(yīng)用能力。《網(wǎng)頁設(shè)計與制作》是一門實踐性很強的課程，教學(xué)方法也多種多樣，只要在教學(xué)結(jié)合實際，不斷探索、不斷總結(jié)，勇于創(chuàng)新，一定能尋出適合的教學(xué)方法，激發(fā)學(xué)生學(xué)習(xí)興趣，培養(yǎng)分析問題解決問題的能力，更具有職業(yè)崗位實務(wù)能力，完成勝任網(wǎng)頁設(shè)計與制作相關(guān)崗位的工作。

作者：李春蘭 單位：湛江財貿(mào)學(xué)校信息技術(shù)專業(yè)科

網(wǎng)頁設(shè)計與制作教學(xué)研究:數(shù)字媒體中網(wǎng)頁設(shè)計原則與制作技巧分析

在我國經(jīng)濟與社會快速發(fā)展的今天，數(shù)字媒體作為一種新興工具，已經(jīng)與我國網(wǎng)絡(luò)緊密的結(jié)合在一定，這種結(jié)合使得數(shù)字媒體本身與與我國民眾生活之間的聯(lián)系日漸緊密，而為了保證數(shù)字媒體能夠更好的為我國民眾提供服務(wù)，本文就數(shù)字媒體中的網(wǎng)頁設(shè)計原則與制作技巧進行了具體研究，希望這一研究能夠在一定程度上推動我國數(shù)字媒體網(wǎng)頁設(shè)計的相關(guān)發(fā)展。

前言：

得益于計算機與智能手機的普及，我國網(wǎng)民數(shù)量已達7億，而這一龐大的網(wǎng)民人口則標志著網(wǎng)絡(luò)與我國民眾生活之間聯(lián)系的日漸緊密。我國當下數(shù)字媒體的發(fā)展速度不斷提升，其本身也開始真正融入我國各行各業(yè)之中，但數(shù)字媒體本身在發(fā)展中也暴露出了一些問題，而本文就數(shù)字媒體中網(wǎng)頁設(shè)計原則與制作技巧展開的研究目的，正是為了解決其中一部分問題。

1.數(shù)字媒體概述

為了能夠較好的完成本文就數(shù)字媒體中網(wǎng)頁設(shè)計原則與制作技巧展開的研究，我們首先就需要對數(shù)字媒體進行深入了解。結(jié)合相關(guān)文獻資料與筆者自身對數(shù)字媒體的認知，本文將數(shù)字媒體定義為利用二進制數(shù)據(jù)處理和記錄，采取數(shù)字通信的原理，收集、存儲、傳輸各種矢量數(shù)字文本的過程，簡單的說數(shù)字媒體就是一種圖形、圖像、視頻、聲音、動畫等信息的載體與平臺。對于數(shù)字媒體來說，其本身具備著高效相互性、靈活多變性以及強大融合性等三方面的特點，這些特點也是其能夠較好發(fā)揮自身功能的原因所在。具體來說，高效相互性指的是數(shù)字媒體能夠通過自身的載體與平臺特性，使信息變?yōu)榭筛小⒖芍⒖晒堋⒖山换サ臓顟B(tài)，這就使得信息的傳播的過程中能夠較好的實現(xiàn)作者與受眾的交流網(wǎng)絡(luò)影視、網(wǎng)絡(luò)游戲等都屬于這一特點的具體表現(xiàn)；而在靈活多變性這一特點中，這一特點使得數(shù)字媒體能夠?qū)⒙曇簟D片、視頻、音頻、文字等創(chuàng)作要素進行較好的改變，這樣相關(guān)信息就能夠?qū)崿F(xiàn)更好的創(chuàng)造；而在強大融合性這一特點中，這一特點使得數(shù)字媒體本身能夠與各類藝術(shù)方式實現(xiàn)較好的融合，這種融合由于往往能夠發(fā)揮“1+1＞2”的作用，就使得數(shù)字媒體能夠更好的滿足各類受眾的需求[1]。

2.數(shù)字媒體中網(wǎng)頁設(shè)計原則

上文中我們深入了解了各類數(shù)字媒體，而在下文中筆者將結(jié)合自身實際工作經(jīng)驗與相關(guān)文獻資料，就數(shù)字媒體中網(wǎng)頁設(shè)計原則進行詳細論述，希望這一論述能夠在一定程度上為我國數(shù)字媒體的進一步發(fā)展帶來一定幫助。

2.1明確網(wǎng)頁主題

在數(shù)字媒體的網(wǎng)頁設(shè)計中，為了保證這一網(wǎng)頁設(shè)計能夠較好的為受眾提供服務(wù)，我們首先就需要結(jié)合網(wǎng)頁內(nèi)容確認網(wǎng)頁主題，而為了實現(xiàn)這一目標，網(wǎng)頁設(shè)計人員需要進行充分的市場調(diào)查，最大程度上了解網(wǎng)頁受眾的情況，這樣才能夠較好的確定整個網(wǎng)頁的風(fēng)格與主題。而在確定了網(wǎng)頁的主題后，設(shè)計人員還需要在設(shè)計的過程中保證網(wǎng)頁本身的鮮明突出、要點明確，最終實現(xiàn)通過簡單的網(wǎng)頁頁面?zhèn)鬟_不簡單的信息這一追求。值得注意的是，網(wǎng)頁還需要最大程度上保證自身的即時性，這樣才能夠更好的實現(xiàn)信息的傳達[2]。

2.2結(jié)合受眾需求

除了明確網(wǎng)頁主題外，網(wǎng)頁設(shè)計人員在進行數(shù)字媒體的網(wǎng)頁設(shè)計過程中，還需要細致了解網(wǎng)頁受眾人群的性別、年齡、職業(yè)以及受教育程度、生活習(xí)俗等方面的分布，并以此更好的結(jié)合網(wǎng)頁向受眾傳達某種情感，這樣就能夠更好的提高數(shù)字媒體中網(wǎng)頁信息的傳播效率。例如，對網(wǎng)頁受眾年齡的把握，使得設(shè)計人員能夠更好的抓住網(wǎng)頁設(shè)計的側(cè)重點，這樣就能夠保證該網(wǎng)頁設(shè)計傳達的信息更具備針對性，這自然就大大提高了網(wǎng)頁本身信息的傳達效率。值得注意的是，我們還需要在網(wǎng)頁設(shè)計中參考受眾的接受與理解信息的態(tài)度、愿望、需求以及情感等心理因素，這樣才能夠更好的為其提供服務(wù)[3]。

2.3保證風(fēng)格統(tǒng)一

除了上述兩方面的原則外，設(shè)計人員還必須保證數(shù)字媒體中網(wǎng)頁設(shè)計的風(fēng)格統(tǒng)一。具體來說，據(jù)筆者調(diào)查發(fā)現(xiàn)，我國當下很多數(shù)字媒體中的網(wǎng)頁設(shè)計存在著文字設(shè)計影響網(wǎng)頁質(zhì)量、色彩運用與搭配影響網(wǎng)頁主題風(fēng)格、圖片選用不合理等一系列問題，這些問題歸根結(jié)底屬于網(wǎng)頁設(shè)計中風(fēng)格出現(xiàn)的問題，而這一問題也對數(shù)字媒體中網(wǎng)頁設(shè)計帶來了種種負面影響，為此設(shè)計人員必須在文字選擇、色彩搭配、圖片選用等方面注意保持整個網(wǎng)頁的風(fēng)格統(tǒng)一，這樣才能夠更好的保證數(shù)字媒體中網(wǎng)頁設(shè)計的整體質(zhì)量[4]。

3.數(shù)字媒體中網(wǎng)頁制作技巧

3.1首頁設(shè)計技巧

在數(shù)字媒體中的網(wǎng)頁設(shè)計中，網(wǎng)站的首頁一般存在形象展示型與信息羅列型兩種，一般來說信息羅列型較為適用于大、中型網(wǎng)站，也是我國當下最為主流的網(wǎng)站首頁設(shè)計選擇。在形象展示型的網(wǎng)站首頁設(shè)計中，設(shè)計人員需要在突出網(wǎng)站本身形象的同時向受眾傳達相關(guān)形象與氣氛；而在信息羅列型的網(wǎng)站首頁設(shè)計中，設(shè)計人員需要結(jié)合自身信息傳播特點，合理選擇“國”字、拐角、標題正文、左右框架、上下框架、封面、變化等型號的版面布局方式，這樣才能夠?qū)崿F(xiàn)相關(guān)信息的較好傳達。

3.2風(fēng)格統(tǒng)一技巧

上文中筆者提到了數(shù)字媒體中網(wǎng)頁設(shè)計必須遵循風(fēng)格統(tǒng)一這一原則，而為了真正實現(xiàn)這一風(fēng)格的統(tǒng)一，設(shè)計人員就需要從網(wǎng)頁設(shè)計的結(jié)構(gòu)、色彩、導(dǎo)航欄等三個方面實現(xiàn)這一風(fēng)格統(tǒng)一。具體來說，在網(wǎng)頁設(shè)計的結(jié)構(gòu)統(tǒng)一中，設(shè)計人員需要保證整個網(wǎng)站除特殊網(wǎng)頁外，在網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、圖片的位置等方面呈現(xiàn)較高的統(tǒng)一性；而在色彩的統(tǒng)一中，設(shè)計人員需要盡量保證網(wǎng)站的主體色彩一致，并只在有需求的時候改變網(wǎng)站的部分色塊；而在導(dǎo)航欄的統(tǒng)一中，導(dǎo)航欄的位置與背景必須在大小、明暗、位置等方面實現(xiàn)統(tǒng)一，這樣才能夠較好的提高網(wǎng)站本身的特點，使更多的受眾對該網(wǎng)站產(chǎn)生深刻印象。

結(jié)論：

在本文就數(shù)字媒體中網(wǎng)頁設(shè)計原則與制作技巧展開的研究中，筆者詳細論述了數(shù)字媒體的概念、網(wǎng)頁設(shè)計的原則以及網(wǎng)頁的制作技巧，雖然受限于篇幅原因本文并未對數(shù)字媒體中網(wǎng)頁設(shè)計進行較為深入的研究，但還是希望本文論述的內(nèi)容能夠在一定程度上推動我國數(shù)字媒體的相關(guān)發(fā)展。

作者：孫麗英 單位：合肥科技職業(yè)學(xué)院