網站設計與網頁制作課程知識點構建

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

摘要：《網站設計與網頁制作》課程采用基于過程的項目式教學，其實際操作性強，知識間的關聯性強。利用思維導圖構建網頁制作課程的知識結構，建立實際項目與課程知識之間的關聯，可以幫助教師進行知識的存儲，提高知識管理效率；可以幫助學生查漏補缺，彌補知識的空缺，更好地進行知識的記憶，提高學習的積極性和主動性。

關鍵詞：思維導圖；《網站設計與網頁制作》課程；知識點構建

一引言

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

二課程在項目式教學實施中發現的問題

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

三課程中應用思維導圖構建知識體系的好處

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

四應用思維導圖對課程知識和項目進行構建與關聯

根據《網站設計與網頁制作》課程采用基于工作過程的項目化教學的進行教學，我們運用思維導圖對其知識進行構建，分三步實現。

（一）構建某個知識點的思維導圖

下面以“盒模型”為例來構建其的知識體系為例來進行介紹。我們利用思維導圖的工具軟件XMind進行制作，其具體的構建知識的步驟如圖1。步驟一：確定知識點和主題詞。將“盒模型”的相關知識進行梳理與羅列，總結歸納出應掌握的核心知識點，確定主題詞為“盒模型”。步驟二：確定一級分支結構。在盒模型中主要圍繞盒模型的概念、屬性和兼容性進行介紹即為核心知識點，因此其一級分支結構也就是這三個部分。步驟三：確定二級分支結構。這是一個將知識細化、內化的過程，要對每一個分支進行更為詳細的解讀。將核心知識點的具體知識細化后添加到各個一級分支之后，分散出二級分支或是三級分支，形成形似神經簇的思維導圖知識圖。如在盒模型的屬性中分別包含了邊框、填充、邊界和內容這四個部分的內容，因此也確定了盒模型的屬性中還有二級分支結構。步驟四：添加內容，豐富知識。利用XMind中備注功能給各知識點添加說明，如“盒模型的概念”中可以在備注中添加盒模型概念的說明。利用超鏈接功能可以鏈接實例，如“邊框的寬度”中處理用備注外還可以超鏈接一個設置邊框寬度的案例頁面。

（二）構建課程的思維導圖

在本課程教師團隊通力合作下，將課程內容外化為知識節點，并將課程內容的知識結構以知識點和知識關聯的形式表現出來，形成完整的課程知識導圖。主要包括內容實現和外觀實現。內容實現是html的相關知識，包括html的基礎、html的編輯器、html的布局、html的文本、html的圖像、html的列表、html的表格、html的超鏈接、html的表單以及html的多媒體元素。CSS包括CSS簡介、CSS語法、CSS選擇器、CSS樣式、CSS盒模型、CSS定位、CSS高級。在此基礎上再進行更詳細的細分，并利用備注標注相關知識的介紹，利用超鏈接鏈接相關內容的效果演示。

（三）解構項目案例的知識點并關聯

以本課程的項目案例“我的E站”為例，網站有首頁和若干子頁構成。每個頁面在具體制作過程中都會用到重復的知識，我們可以先將頁面實現的知識進行解構，然后將相關的知識點與前面的課程的知識點進行關聯。

五總結

利用思維導圖構建知識體系，實現對知識的無限擴展與知識可視化的呈現，能夠清晰地顯現思維或知識間的多類別和多關聯網狀關系。在《網站設計與網頁制作》課程中，教師利用思維導圖進行知識的構建只是第一步，其最終目的是幫助學生構建自己的知識結構圖，可以促使學生積極探索知識，并對知識進行反思。

參考文獻

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

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

[3]于俊美.基于思維導圖促進生物化學核心知識建構的案例研究[D].河北師范大學,2017.

作者：芮文艷 密海英 沈茜 單位：蘇州工業職業技術學院