網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作課程知識點(diǎn)構(gòu)建

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作課程知識點(diǎn)構(gòu)建范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程采用基于過程的項(xiàng)目式教學(xué)，其實(shí)際操作性強(qiáng)，知識間的關(guān)聯(lián)性強(qiáng)。利用思維導(dǎo)圖構(gòu)建網(wǎng)頁制作課程的知識結(jié)構(gòu)，建立實(shí)際項(xiàng)目與課程知識之間的關(guān)聯(lián)，可以幫助教師進(jìn)行知識的存儲，提高知識管理效率；可以幫助學(xué)生查漏補(bǔ)缺，彌補(bǔ)知識的空缺，更好地進(jìn)行知識的記憶，提高學(xué)習(xí)的積極性和主動性。

關(guān)鍵詞：思維導(dǎo)圖；《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程；知識點(diǎn)構(gòu)建

一引言

在20世紀(jì)60年代，英國心理學(xué)家托尼•巴贊(TonyBuzan)提出思維導(dǎo)圖的概念，在對其研究中以教育領(lǐng)域的研究和應(yīng)用最多且較為成熟。在雙重編碼理論中提到：“同時以視覺形式和語言形式呈現(xiàn)信息能夠增強(qiáng)記憶和識別”。而思維導(dǎo)圖則將知識可視化，集視覺和文字于一體。通過將思維導(dǎo)圖引入教學(xué)，將知識以圖示的方式表示出來，能更好的對知識進(jìn)行梳理，從而彌補(bǔ)在呈現(xiàn)知識結(jié)構(gòu)、促進(jìn)知識記憶等方面的不足?！毒W(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》是我院計(jì)算機(jī)方向的專業(yè)平臺課，是網(wǎng)站開發(fā)方向?qū)I(yè)課程學(xué)習(xí)的基礎(chǔ)。本文從目前本專業(yè)該課程在教學(xué)過程中發(fā)現(xiàn)的問題出發(fā)，提出在課程中應(yīng)用思考導(dǎo)圖構(gòu)建知識體系的好處，并介紹了如何具體利用思維導(dǎo)圖工具架構(gòu)網(wǎng)頁制作課程的知識點(diǎn)以及該課程項(xiàng)目案例的知識點(diǎn)，并架設(shè)項(xiàng)目案例與課程之間點(diǎn)之間的聯(lián)系。

二課程在項(xiàng)目式教學(xué)實(shí)施中發(fā)現(xiàn)的問題

由于《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程的實(shí)際操作性強(qiáng)，主要采用基于工作過程的項(xiàng)目式教學(xué)，針對高職學(xué)生動手能力強(qiáng)的特點(diǎn)，注重學(xué)生實(shí)際操作能力的培養(yǎng)。學(xué)生在學(xué)習(xí)的過程中能較快上手，從而提高了他們學(xué)習(xí)的積極性和參與度，也得到了較好的教學(xué)效果。然而本課程授課老師在授課的過程中也發(fā)現(xiàn)了一些問題，主要體現(xiàn)在如下方面：1.本課程的技能點(diǎn)多、涉及面廣，包括html、CSS、平面設(shè)計(jì)等諸多內(nèi)容，特別在實(shí)際的教學(xué)中，知識間關(guān)聯(lián)度高，經(jīng)常會在不同階段交疊出現(xiàn)。德國心理學(xué)家艾賓浩斯研究發(fā)現(xiàn)，遺忘在學(xué)習(xí)之后立即開始，我們的學(xué)生也同樣存在項(xiàng)目實(shí)施過程中已學(xué)技能知識遺忘的現(xiàn)象，從而影響到教學(xué)的順利進(jìn)行。2.本課程的課程資源儲備豐富，有文字、圖形、動畫、課件等多種形式，但僅僅只是資源的羅列沒有進(jìn)行很好的梳理，其內(nèi)容分布異構(gòu)、之間的關(guān)系薄弱，從而造成學(xué)生無法快速準(zhǔn)確地定位需要的資源，更不能高效地利用資源。3.本課程由于采用項(xiàng)目教學(xué)法，在實(shí)際教學(xué)中以實(shí)際操作為主，并配合知識的講解。知識主要以PPT的方式呈現(xiàn)，但PPT的呈現(xiàn)不在內(nèi)容重難點(diǎn)區(qū)分上以及前后間知識的關(guān)聯(lián)性上的體現(xiàn)存在不足，特別是有時候幻燈片進(jìn)行切換時可能會出現(xiàn)記憶上的斷點(diǎn)，不利于學(xué)生自主進(jìn)行知識體系的建構(gòu)。4.本課程根據(jù)高職學(xué)生的學(xué)習(xí)特點(diǎn)進(jìn)行定位，在培養(yǎng)方向上更注重實(shí)踐能力的培養(yǎng)，教師在實(shí)際教學(xué)中也把側(cè)重點(diǎn)放在實(shí)際項(xiàng)目的實(shí)施中，而在知識的歸納整理上仍存在不足，也不利于學(xué)生快速發(fā)現(xiàn)自己的不足，并進(jìn)行鞏固加強(qiáng)學(xué)習(xí)。

三課程中應(yīng)用思維導(dǎo)圖構(gòu)建知識體系的好處

思維導(dǎo)圖可以將零散、獨(dú)立的知識點(diǎn)生成清晰有條理的結(jié)構(gòu)框圖。在課程中運(yùn)用思維導(dǎo)圖，將知識點(diǎn)整理歸納，提綱挈領(lǐng)，使之系統(tǒng)化、綱領(lǐng)化，從而可以建立起本課程清晰的知識結(jié)構(gòu)。下面分別教師和學(xué)生的兩個方向來看其好處。教師通過利用思維導(dǎo)圖構(gòu)建本專業(yè)的知識圖譜，從而建立較完整的個人知識體系。在日常的教學(xué)中能夠快速有效找到合適的教學(xué)資源，從而更好地為教學(xué)服務(wù)。在自我學(xué)習(xí)成長中，通過反思和對隱形關(guān)系的挖掘，發(fā)現(xiàn)并建立學(xué)科知識之間的聯(lián)系，從而對其進(jìn)行妥善分類管理，提高知識管理效率；能快速找出自己的短板，從而提高教師主動學(xué)習(xí)的積極性。學(xué)生利用思維導(dǎo)圖進(jìn)行學(xué)習(xí)，可以發(fā)揮其主觀能動性，特別是在知識的歸納總結(jié)上，通過引入思維導(dǎo)圖構(gòu)建的知識體系，學(xué)生可以做好課前的預(yù)習(xí)和課后的復(fù)習(xí)，而思維導(dǎo)圖可視化的效果，也更有助于學(xué)生的記憶。學(xué)生通過主動學(xué)習(xí)知識，并對已學(xué)的知識進(jìn)行反思，可構(gòu)建自己的個性化知識體系，從而更有效地對知識進(jìn)行管理。

四應(yīng)用思維導(dǎo)圖對課程知識和項(xiàng)目進(jìn)行構(gòu)建與關(guān)聯(lián)

根據(jù)《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程采用基于工作過程的項(xiàng)目化教學(xué)的進(jìn)行教學(xué)，我們運(yùn)用思維導(dǎo)圖對其知識進(jìn)行構(gòu)建，分三步實(shí)現(xiàn)。

（一）構(gòu)建某個知識點(diǎn)的思維導(dǎo)圖

下面以“盒模型”為例來構(gòu)建其的知識體系為例來進(jìn)行介紹。我們利用思維導(dǎo)圖的工具軟件XMind進(jìn)行制作，其具體的構(gòu)建知識的步驟如圖1。步驟一：確定知識點(diǎn)和主題詞。將“盒模型”的相關(guān)知識進(jìn)行梳理與羅列，總結(jié)歸納出應(yīng)掌握的核心知識點(diǎn)，確定主題詞為“盒模型”。步驟二：確定一級分支結(jié)構(gòu)。在盒模型中主要圍繞盒模型的概念、屬性和兼容性進(jìn)行介紹即為核心知識點(diǎn)，因此其一級分支結(jié)構(gòu)也就是這三個部分。步驟三：確定二級分支結(jié)構(gòu)。這是一個將知識細(xì)化、內(nèi)化的過程，要對每一個分支進(jìn)行更為詳細(xì)的解讀。將核心知識點(diǎn)的具體知識細(xì)化后添加到各個一級分支之后，分散出二級分支或是三級分支，形成形似神經(jīng)簇的思維導(dǎo)圖知識圖。如在盒模型的屬性中分別包含了邊框、填充、邊界和內(nèi)容這四個部分的內(nèi)容，因此也確定了盒模型的屬性中還有二級分支結(jié)構(gòu)。步驟四：添加內(nèi)容，豐富知識。利用XMind中備注功能給各知識點(diǎn)添加說明，如“盒模型的概念”中可以在備注中添加盒模型概念的說明。利用超鏈接功能可以鏈接實(shí)例，如“邊框的寬度”中處理用備注外還可以超鏈接一個設(shè)置邊框?qū)挾鹊陌咐撁妗?/p>

（二）構(gòu)建課程的思維導(dǎo)圖

在本課程教師團(tuán)隊(duì)通力合作下，將課程內(nèi)容外化為知識節(jié)點(diǎn)，并將課程內(nèi)容的知識結(jié)構(gòu)以知識點(diǎn)和知識關(guān)聯(lián)的形式表現(xiàn)出來，形成完整的課程知識導(dǎo)圖。主要包括內(nèi)容實(shí)現(xiàn)和外觀實(shí)現(xiàn)。內(nèi)容實(shí)現(xiàn)是html的相關(guān)知識，包括html的基礎(chǔ)、html的編輯器、html的布局、html的文本、html的圖像、html的列表、html的表格、html的超鏈接、html的表單以及html的多媒體元素。CSS包括CSS簡介、CSS語法、CSS選擇器、CSS樣式、CSS盒模型、CSS定位、CSS高級。在此基礎(chǔ)上再進(jìn)行更詳細(xì)的細(xì)分，并利用備注標(biāo)注相關(guān)知識的介紹，利用超鏈接鏈接相關(guān)內(nèi)容的效果演示。

（三）解構(gòu)項(xiàng)目案例的知識點(diǎn)并關(guān)聯(lián)

以本課程的項(xiàng)目案例“我的E站”為例，網(wǎng)站有首頁和若干子頁構(gòu)成。每個頁面在具體制作過程中都會用到重復(fù)的知識，我們可以先將頁面實(shí)現(xiàn)的知識進(jìn)行解構(gòu)，然后將相關(guān)的知識點(diǎn)與前面的課程的知識點(diǎn)進(jìn)行關(guān)聯(lián)。

五總結(jié)

利用思維導(dǎo)圖構(gòu)建知識體系，實(shí)現(xiàn)對知識的無限擴(kuò)展與知識可視化的呈現(xiàn)，能夠清晰地顯現(xiàn)思維或知識間的多類別和多關(guān)聯(lián)網(wǎng)狀關(guān)系。在《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程中，教師利用思維導(dǎo)圖進(jìn)行知識的構(gòu)建只是第一步，其最終目的是幫助學(xué)生構(gòu)建自己的知識結(jié)構(gòu)圖，可以促使學(xué)生積極探索知識，并對知識進(jìn)行反思。

參考文獻(xiàn)

[1]彭心雨,戴小鵬.基于思維導(dǎo)圖的計(jì)算機(jī)故障診斷知識表示[J].福建電腦,2017(5):17-18.

[2]趙玉鳳,查小春.基于思維導(dǎo)圖的地理重難點(diǎn)知識體系建構(gòu)[J].教改論壇,2017(2):4-5.

[3]于俊美.基于思維導(dǎo)圖促進(jìn)生物化學(xué)核心知識建構(gòu)的案例研究[D].河北師范大學(xué),2017.

作者：芮文艷 密海英 沈茜 單位：蘇州工業(yè)職業(yè)技術(shù)學(xué)院