网站设计与网页制作课程知识点构建

前言：想要写出一篇引人入胜的文章？我们特意为您整理了网站设计与网页制作课程知识点构建范文，希望能给你带来灵感和参考，敬请阅读。

摘要：《网站设计与网页制作》课程采用基于过程的项目式教学，其实际操作性强，知识间的关联性强。利用思维导图构建网页制作课程的知识结构，建立实际项目与课程知识之间的关联，可以帮助教师进行知识的存储，提高知识管理效率；可以帮助学生查漏补缺，弥补知识的空缺，更好地进行知识的记忆，提高学习的积极性和主动性。

关键词：思维导图；《网站设计与网页制作》课程；知识点构建

一引言

在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.

作者：芮文艳 密海英 沈茜 单位：苏州工业职业技术学院