- 相關(guān)推薦
淺談網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)
摘要：文章在“互聯(lián)網(wǎng)+”背景下，以電子商務(wù)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程為例，就其教學(xué)中的問(wèn)題進(jìn)行了探討，提出了解決策略，即加強(qiáng)細(xì)節(jié)處理和用戶需求分析；培養(yǎng)學(xué)生的動(dòng)手能力和自主學(xué)習(xí)能力；加強(qiáng)代碼規(guī)范訓(xùn)練，提高書寫質(zhì)量。
關(guān)鍵詞：課程教學(xué)；情境設(shè)計(jì)；網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)是湖南涉外經(jīng)濟(jì)學(xué)院電子商務(wù)專業(yè)的一門基礎(chǔ)和核心課課程，是實(shí)踐性很強(qiáng)的技術(shù)開發(fā)課程。該課程教學(xué)目標(biāo)是在基于Dreamweaver軟件的基礎(chǔ)上，讓學(xué)生掌握HTML超文本標(biāo)識(shí)語(yǔ)言、CSS+DIV技術(shù)和JavaScript腳本語(yǔ)言，此外，還需要學(xué)生掌握網(wǎng)站建設(shè)的相關(guān)技術(shù)知識(shí)，以實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)與商務(wù)平臺(tái)應(yīng)用的有機(jī)結(jié)合。
一、網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中存在的問(wèn)題
結(jié)合學(xué)生課堂實(shí)際情況，在本專業(yè)的課程教學(xué)中仍存在以下問(wèn)題。
（一）單項(xiàng)設(shè)計(jì)項(xiàng)目不注意細(xì)節(jié)，效果不盡如人意
為了能讓學(xué)生學(xué)好網(wǎng)頁(yè)設(shè)計(jì)課程，教師一般會(huì)先設(shè)計(jì)一些學(xué)生容易掌握的演示項(xiàng)目，如Dreamweaver網(wǎng)頁(yè)開發(fā)的功能，創(chuàng)建超鏈接、制作表單頁(yè)面、創(chuàng)建和管理站點(diǎn)、制作表格頁(yè)面、制作導(dǎo)航、CSS+DIV布局網(wǎng)站等，但是學(xué)生卻不注意細(xì)節(jié)。如教師會(huì)在課后布置一個(gè)單項(xiàng)設(shè)計(jì)項(xiàng)目，明確要求用到某些知識(shí)點(diǎn)，但將學(xué)生的完成結(jié)果與教師的完成結(jié)果進(jìn)行比較就會(huì)發(fā)現(xiàn)，學(xué)生的完成結(jié)果由于不捉摸細(xì)節(jié)，粗枝大葉，導(dǎo)致交上來(lái)的作業(yè)看不到想要的效果，致使專業(yè)知識(shí)教學(xué)成效不盡如人意。
（二）綜合設(shè)計(jì)項(xiàng)目需求分析不清楚
在網(wǎng)站建設(shè)方面，教師在教學(xué)過(guò)程中通過(guò)啟發(fā)式教學(xué)使學(xué)生掌握建立網(wǎng)站的基本技能，包括進(jìn)行用戶需求分析，分析網(wǎng)站由哪些用戶使用、用戶習(xí)慣和類型等來(lái)確定網(wǎng)站主題；其次設(shè)計(jì)網(wǎng)站的最初結(jié)構(gòu)，設(shè)計(jì)首頁(yè)和其他頁(yè)面跳轉(zhuǎn)的結(jié)構(gòu)層級(jí)、設(shè)計(jì)網(wǎng)站LOGO、制作導(dǎo)航、圖文排版、按鈕等。但在實(shí)踐過(guò)程中，學(xué)生不進(jìn)行需求分析，沒(méi)有用戶至上理念，或?qū)蛻粢髵佒X后，不明確客戶要求，或?qū)蛻粢笮纬慑e(cuò)誤認(rèn)識(shí)，而憑主觀意識(shí)開展設(shè)計(jì)等。需求是整個(gè)網(wǎng)站的起點(diǎn)，學(xué)生設(shè)計(jì)出不符合用戶要求的網(wǎng)站，將會(huì)對(duì)其后續(xù)工作的開展造成不良影響。
（三）代碼編寫規(guī)范性不強(qiáng)，維護(hù)不方便
教師在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中通過(guò)代碼編寫進(jìn)行示范，但學(xué)生片面地認(rèn)為這比C語(yǔ)言程序設(shè)計(jì)簡(jiǎn)單，學(xué)習(xí)過(guò)程中不認(rèn)真，認(rèn)為自己一定能記得��；當(dāng)教師要求學(xué)生設(shè)計(jì)單項(xiàng)項(xiàng)目或提供完備操作流程時(shí)，學(xué)生也認(rèn)為太過(guò)簡(jiǎn)單。但當(dāng)學(xué)生實(shí)際面對(duì)不提供操作流程的綜合性項(xiàng)目時(shí)，則往往無(wú)從著手，不知道某段代碼會(huì)顯示什么東西，哪些代碼可以用鼠標(biāo)操作代替。由于代碼編寫的規(guī)范性不強(qiáng)，導(dǎo)致網(wǎng)站后期維護(hù)極不方便。
二、提高網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)質(zhì)量的方法
�。ㄒ唬┘訌�(qiáng)細(xì)節(jié)處理和用戶需求分析
在教學(xué)過(guò)程中，教師可以對(duì)企業(yè)網(wǎng)頁(yè)進(jìn)行高度仿真，讓學(xué)生在設(shè)計(jì)過(guò)程中認(rèn)為自己就是一個(gè)企業(yè)員工，讓其置身于真實(shí)的職業(yè)情境中。教師可以將學(xué)生分成若干小組，在小組中由組長(zhǎng)分配人員進(jìn)行需求分析、數(shù)據(jù)庫(kù)設(shè)計(jì)、詳細(xì)設(shè)計(jì)等，并組織小組人員一起討論。每個(gè)小組要有一個(gè)完整的管理項(xiàng)目過(guò)程，包括為什么做、做什么、怎么做、做出什么等。通過(guò)教師及時(shí)引導(dǎo)學(xué)生解決在項(xiàng)目中遇到的困難與問(wèn)題，以及學(xué)生之間的互助、討論、查資料等，培養(yǎng)學(xué)生如何分解任務(wù)，如何與小組成員分工合作，如何處理細(xì)節(jié)問(wèn)題等職業(yè)技能。
（二）培養(yǎng)學(xué)生的動(dòng)手能力和自主學(xué)習(xí)能力
在教學(xué)內(nèi)容方面，教師不要過(guò)多地講解理論知識(shí)，也不要全盤輔導(dǎo)實(shí)踐，應(yīng)在布置任務(wù)后做適當(dāng)?shù)囊龑?dǎo)，鼓勵(lì)學(xué)生通過(guò)網(wǎng)絡(luò)在一些技術(shù)群和專業(yè)論壇中尋找解決問(wèn)題的方法。在此過(guò)程中，考慮到學(xué)生學(xué)習(xí)積極性的差異，教師應(yīng)加強(qiáng)監(jiān)督和管理工作，并適當(dāng)推薦給學(xué)生一些好的專業(yè)論壇或好的文章讓他們參考，以提高學(xué)生的學(xué)習(xí)興趣，讓學(xué)生在實(shí)踐中不斷地發(fā)現(xiàn)問(wèn)題和解決問(wèn)題，從而激發(fā)學(xué)生的潛能，為其將來(lái)從事網(wǎng)頁(yè)設(shè)計(jì)工作打下基礎(chǔ)。
�。ㄈ┘訌�(qiáng)代碼規(guī)范訓(xùn)練，提高書寫質(zhì)量
在教學(xué)的過(guò)程中，教師應(yīng)要求學(xué)生將每一個(gè)知識(shí)點(diǎn)都用代碼規(guī)范地寫出來(lái)，并達(dá)到舉一反三的效果。對(duì)于一些教學(xué)難點(diǎn)，如如何用CSS樣式來(lái)美化圖片等，也要求學(xué)生用代碼記憶，以提高其學(xué)習(xí)效率。
三、結(jié)語(yǔ)
在實(shí)踐過(guò)程中，教師應(yīng)針對(duì)問(wèn)題相應(yīng)地在教學(xué)內(nèi)容、教學(xué)方法和教學(xué)態(tài)度上進(jìn)行加強(qiáng)，將學(xué)生帶入網(wǎng)頁(yè)設(shè)計(jì)的世界，并培養(yǎng)出社會(huì)需要的應(yīng)用型人才。
參考文獻(xiàn)：
[1]鄧禮全,李逸平,胡霞.CDIO項(xiàng)目教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)中的實(shí)踐[J].電子商務(wù),2016(9):91-92.
[2]彭珊珊.翻轉(zhuǎn)課堂模式在“網(wǎng)頁(yè)設(shè)計(jì)”課程教學(xué)中的實(shí)施[J].西部素質(zhì)教育,2016(19):157.
[3]孫重巧,吳勇剛.基于工作過(guò)程的《網(wǎng)頁(yè)設(shè)計(jì)》課程項(xiàng)目教學(xué)改革探索[J].電腦知識(shí)與技術(shù),2016(23):111-112.
[4]逯杉楠.網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革的研究與探索[J].赤峰學(xué)院學(xué)報(bào)(自然科學(xué)版),2016(21):226-227.
【淺談網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)css教學(xué)08-27
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)06-29
淺談對(duì)教學(xué)設(shè)計(jì)的認(rèn)識(shí)06-24
設(shè)計(jì)校園課程教學(xué)設(shè)計(jì)09-02
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)計(jì)劃10-12
《孔乙己》課程教學(xué)設(shè)計(jì)09-09