《【網(wǎng)站設(shè)計論文】網(wǎng)站設(shè)計與網(wǎng)頁制作課程知識點構(gòu)建》由會員分享，可在線閱讀，更多相關(guān)《【網(wǎng)站設(shè)計論文】網(wǎng)站設(shè)計與網(wǎng)頁制作課程知識點構(gòu)建（4頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、【網(wǎng)站設(shè)計論文】網(wǎng)站設(shè)計與網(wǎng)頁制作課程知識點構(gòu)建 摘要：《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程采用基于過程的項目式教學(xué)，其實際操作性強，知識間的關(guān)聯(lián)性強。利用思維導(dǎo)圖構(gòu)建網(wǎng)頁制作課程的知識結(jié)構(gòu)，建立實際項目與課程知識之間的關(guān)聯(lián)，可以幫助教師進行知識的存儲，提高知識管理效率；可以幫助學(xué)生查漏補缺，彌補知識的空缺，更好地進行知識的記憶，提高學(xué)習(xí)的積極性和主動性。 關(guān)鍵詞：思維導(dǎo)圖；《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程；知識點構(gòu)建 一引言 在20世紀(jì)60年代，英國心理學(xué)家托尼巴贊(TonyBuzan)提出思維導(dǎo)圖的概念，在對其研究中以教育領(lǐng)域的研究和應(yīng)用最多且較為成

2、熟。在雙重編碼理論中提到：“同時以視覺形式和語言形式呈現(xiàn)信息能夠增強記憶和識別”。而思維導(dǎo)圖則將知識可視化，集視覺和文字于一體。通過將思維導(dǎo)圖引入教學(xué)，將知識以圖示的方式表示出來，能更好的對知識進行梳理，從而彌補在呈現(xiàn)知識結(jié)構(gòu)、促進知識記憶等方面的不足?！毒W(wǎng)站設(shè)計與網(wǎng)頁制作》是我院計算機方向的專業(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)頁制作課程的知識點以及該課程項目案例的知識點，并架設(shè)項目案例與課程之間點之間的聯(lián)系。 二課程在項目式教學(xué)實施中發(fā)

3、現(xiàn)的問題 由于《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程的實際操作性強，主要采用基于工作過程的項目式教學(xué)，針對高職學(xué)生動手能力強的特點，注重學(xué)生實際操作能力的培養(yǎng)。學(xué)生在學(xué)習(xí)的過程中能較快上手，從而提高了他們學(xué)習(xí)的積極性和參與度，也得到了較好的教學(xué)效果。然而本課程授課老師在授課的過程中也發(fā)現(xiàn)了一些問題，主要體現(xiàn)在如下方面：1.本課程的技能點多、涉及面廣，包括html、CSS、平面設(shè)計等諸多內(nèi)容，特別在實際的教學(xué)中，知識間關(guān)聯(lián)度高，經(jīng)常會在不同階段交疊出現(xiàn)。德國心理學(xué)家艾賓浩斯研究發(fā)現(xiàn)，遺忘在學(xué)習(xí)之后立即開始，我們的學(xué)生也同樣存在項目實施過程中已學(xué)技能知識遺忘的現(xiàn)象，從而影響到教學(xué)的順利進行。2

4、.本課程的課程資源儲備豐富，有文字、圖形、動畫、課件等多種形式，但僅僅只是資源的羅列沒有進行很好的梳理，其內(nèi)容分布異構(gòu)、之間的關(guān)系薄弱，從而造成學(xué)生無法快速準(zhǔn)確地定位需要的資源，更不能高效地利用資源。3.本課程由于采用項目教學(xué)法，在實際教學(xué)中以實際操作為主，并配合知識的講解。知識主要以PPT的方式呈現(xiàn)，但PPT的呈現(xiàn)不在內(nèi)容重難點區(qū)分上以及前后間知識的關(guān)聯(lián)性上的體現(xiàn)存在不足，特別是有時候幻燈片進行切換時可能會出現(xiàn)記憶上的斷點，不利于學(xué)生自主進行知識體系的建構(gòu)。4.本課程根據(jù)高職學(xué)生的學(xué)習(xí)特點進行定位，在培養(yǎng)方向上更注重實踐能力的培養(yǎng)，教師在實際教學(xué)中也把側(cè)重點放在實際項目的實施中，而在知識的歸

5、納整理上仍存在不足，也不利于學(xué)生快速發(fā)現(xiàn)自己的不足，并進行鞏固加強學(xué)習(xí)。 三課程中應(yīng)用思維導(dǎo)圖構(gòu)建知識體系的好處 思維導(dǎo)圖可以將零散、獨立的知識點生成清晰有條理的結(jié)構(gòu)框圖。在課程中運用思維導(dǎo)圖，將知識點整理歸納，提綱挈領(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)系，從而對其進行妥善分類管理，提高知識

6、管理效率；能快速找出自己的短板，從而提高教師主動學(xué)習(xí)的積極性。學(xué)生利用思維導(dǎo)圖進行學(xué)習(xí)，可以發(fā)揮其主觀能動性，特別是在知識的歸納總結(jié)上，通過引入思維導(dǎo)圖構(gòu)建的知識體系，學(xué)生可以做好課前的預(yù)習(xí)和課后的復(fù)習(xí)，而思維導(dǎo)圖可視化的效果，也更有助于學(xué)生的記憶。學(xué)生通過主動學(xué)習(xí)知識，并對已學(xué)的知識進行反思，可構(gòu)建自己的個性化知識體系，從而更有效地對知識進行管理。 四應(yīng)用思維導(dǎo)圖對課程知識和項目進行構(gòu)建與關(guān)聯(lián) 根據(jù)《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程采用基于工作過程的項目化教學(xué)的進行教學(xué)，我們運用思維導(dǎo)圖對其知識進行構(gòu)建，分三步實現(xiàn)。 （一）構(gòu)建某個知識點的思維導(dǎo)圖

7、 下面以“盒模型”為例來構(gòu)建其的知識體系為例來進行介紹。我們利用思維導(dǎo)圖的工具軟件XMind進行制作，其具體的構(gòu)建知識的步驟如圖1。步驟一：確定知識點和主題詞。將“盒模型”的相關(guān)知識進行梳理與羅列，總結(jié)歸納出應(yīng)掌握的核心知識點，確定主題詞為“盒模型”。步驟二：確定一級分支結(jié)構(gòu)。在盒模型中主要圍繞盒模型的概念、屬性和兼容性進行介紹即為核心知識點，因此其一級分支結(jié)構(gòu)也就是這三個部分。步驟三：確定二級分支結(jié)構(gòu)。這是一個將知識細化、內(nèi)化的過程，要對每一個分支進行更為詳細的解讀。將核心知識點的具體知識細化后添加到各個一級分支之后，分散出二級分支或是三級分支，形成形似神經(jīng)簇的思維導(dǎo)圖知識圖。如

8、在盒模型的屬性中分別包含了邊框、填充、邊界和內(nèi)容這四個部分的內(nèi)容，因此也確定了盒模型的屬性中還有二級分支結(jié)構(gòu)。步驟四：添加內(nèi)容，豐富知識。利用XMind中備注功能給各知識點添加說明，如“盒模型的概念”中可以在備注中添加盒模型概念的說明。利用超鏈接功能可以鏈接實例，如“邊框的寬度”中處理用備注外還可以超鏈接一個設(shè)置邊框?qū)挾鹊陌咐撁妗? （二）構(gòu)建課程的思維導(dǎo)圖 在本課程教師團隊通力合作下，將課程內(nèi)容外化為知識節(jié)點，并將課程內(nèi)容的知識結(jié)構(gòu)以知識點和知識關(guān)聯(lián)的形式表現(xiàn)出來，形成完整的課程知識導(dǎo)圖。主要包括內(nèi)容實現(xiàn)和外觀實現(xiàn)。內(nèi)容實現(xiàn)是html的相關(guān)知識，包括html的

9、基礎(chǔ)、html的編輯器、html的布局、html的文本、html的圖像、html的列表、html的表格、html的超鏈接、html的表單以及html的多媒體元素。CSS包括CSS簡介、CSS語法、CSS選擇器、CSS樣式、CSS盒模型、CSS定位、CSS高級。在此基礎(chǔ)上再進行更詳細的細分，并利用備注標(biāo)注相關(guān)知識的介紹，利用超鏈接鏈接相關(guān)內(nèi)容的效果演示。 （三）解構(gòu)項目案例的知識點并關(guān)聯(lián) 以本課程的項目案例“我的E站”為例，網(wǎng)站有首頁和若干子頁構(gòu)成。每個頁面在具體制作過程中都會用到重復(fù)的知識，我們可以先將頁面實現(xiàn)的知識進行解構(gòu)，然后將相關(guān)的知識點與前面的課程的知識

10、點進行關(guān)聯(lián)。 五總結(jié) 利用思維導(dǎo)圖構(gòu)建知識體系，實現(xiàn)對知識的無限擴展與知識可視化的呈現(xiàn)，能夠清晰地顯現(xiàn)思維或知識間的多類別和多關(guān)聯(lián)網(wǎng)狀關(guān)系。在《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程中，教師利用思維導(dǎo)圖進行知識的構(gòu)建只是第一步，其最終目的是幫助學(xué)生構(gòu)建自己的知識結(jié)構(gòu)圖，可以促使學(xué)生積極探索知識，并對知識進行反思。 參考文獻 [1]彭心雨,戴小鵬.基于思維導(dǎo)圖的計算機故障診斷知識表示[J].福建電腦,2017(5):17-18. [2]趙玉鳳,查小春.基于思維導(dǎo)圖的地理重難點知識體系建構(gòu)[J].教改論壇,2017(2):4-5. [3]于俊美.基于思維導(dǎo)圖促進生物化學(xué)核心知識建構(gòu)的案例研究[D].河北師范大學(xué),2017.