网页设计课程实践教学设计

前言：想要写出一篇引人入胜的文章？我们特意为您整理了网页设计课程实践教学设计范文，希望能给你带来灵感和参考，敬请阅读。

一、《网页设计》课程教学模式分析

1.课程定位与教学目标

在教学与市场日益接轨的情况下，具有职业竞争力的高素质、应用型人才培养建立科学性、可行性的教学体系是应用型专业教学改革的首要考虑。在增强实践动手能力的同时，能够使学生运用所学理论知识和技能从事本专业的实际工作，培养学生的分析、解决一般性技术和业务问题的能力以及信息获取能力、自学能力、独立工作能力、社会适应能力和创新能力。逐步成为适应市场需要的实用型人才。《网页设计》是计算机网络技术专业（专科）、计算机信息管理专业（专科）、计算机应用专业（专科）和电子商务专业（专科）的一门统设必修课程。本课程的主要任务是介绍利用DW(即：Dreamweaver)开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计与制作。

2.课程教学实施现状

通过对开放教育开设《网页设计》课程的相关专业的学生进行学情和学习动因调查和分析，得出该课程在教学实施过程中存在的问题，并以此作为该课程教学改革的切入点，实施有针对性的改革措施，以达到因材施教和个性化学习支持服务。

2.1学情分析

（1）学习动机单一学习从学习动机及实践教学组织的可行性方面分析，电大学生基本可分为两大类：第一类是学以致用的应用性；第二类是文凭、职称的知识性。第一类学生在学习中表现出热情高、主动性强，代表了学生的主流。第二类学生的学习主动性较差、意志较弱、到课率较低、实践不够认真、以应付考试为主要学习目的。

（2）学生实践能力基础薄弱学生实践能力发展的基础是有效提高学生实践能力的必要前提和根本保证。从学生实践素养基础方面分析，专科中只有少部分学生有过上机实验的经历，而大部分学生没有上机实践经验。这说明专科学生入学前是计算机等相关专业的中专学生很少，大部分是其他专业或高中毕业的学生，起点低，没有或很少有上机实验，这就要求在进行实践教学时要低起点、循序渐进地实施和组织教学。通过访问调查，学生普遍反映上机实验时间不长，实验过程不够完整，实验结果正确的较少。这表明学生的实践能力较差，实验素养较低，这正是要加强学生实践能力培养的原因。从学生自主做实验的习惯方面分析，来电大学习的学生大部分习惯于从前的全日制学习，要求教师从头管到尾，他们还没有适应电大的成人教学特点，学生缺乏自主做实验的习惯。这是开放教育中实施实践技能培养的难点。

（3）学生缺乏自主实践能力从学生自主做实训的困难方面分析，有一半以上的学生反映不能自主完成实训。这表明开放教育的学生的知识基础薄弱，实验素养较低，对计算机专业各学科的特点没有很好的把握，学习方法存在问题，需要教师进行引导。成人学习在时间上不同步的弱点造成少部分学生表示跟老师同学“交流”困难。有的学生在家或在单位做实验时，其他学生不一定在做实验，即使有同时在做实验的情况，但极少有在做相同的实验，所以在遇到问题时相互沟通和交流的困难自然就较大。另有的学生提出“没时间”做实训。成人的学习时间被许多工作和生活的琐事所分隔和占据。

2.2课程教学实施分析从实践技能培养的教学内容及教学手段分析，多数学生认为《网页设计》课程的教学内容太过理论化、知识化和文字化，缺乏与实际应用相结合的内容。教材选取方面来讲，教材多选择高职高专类“十一五”和“十二五”规划教材，内容编排不适合开放教育学生选学，且难度较深，一些章节的内容明显高于开放教育的学生认知能力。理论面授部分的教学形式过于单一，不能有效满足成人的学习需要。虽然部分广播电视大学已将该门课程的教学全部改成多媒体教室实施，但教学设计上，仍然以“理论”→“实验”，再“理论”→“实验”为主要形式。在教学实施过程中，学生因为对理论知识的不理解，加之自身的学习习惯和学习动机，造成多数学生无法主动提出“问题”，教师则无法发现学生的“问题”，进而实施有效的引导，帮助其解决问题。从《网页设计》课程的考核评价方面来分析，计算机信息管理专业和电子商务专业的《网页设计》课程的考核形式仍以笔试（理论）为主。形成性考核则由教师根据具体的教学实施情况进行安排。课程考核的方式与课程教学目标无法形成有效的接口，造成学生课程学习目标和课程教学定位偏离，即学生普遍认为《网页设计》课程是“背概念”“、写概念”“、做选择题”。另一方面，电大是系统办学，教师为了学生的期末考核，也只得以理论教学为主，不敢越雷池。虽然目前开放教育也在尝试网络教学、小组式的讨论学习及课程考核的改革，但没有多少实际效果，更没有形成规模，教学形式的单一性是目前的现状。

二、构件化课程教学设计

面对开放教育这一特殊教育群体，针对当前《网页设计》课程设置的现状，寻找一整套合适的教育教学方法、改革现有的教学模式，使学生能轻松愉快地学到更多、更实用的知识，提高实践技能，服务于社会，是实现“应用型”人才培养目标的核心和关键。构件化课程教学设计在教学模式设计、教学方法设计、课程考核形式设计三个方面展开研究和讨论。

1.构件化的概念界定

构件是系统中实际存在的可更换部分，它实现特定的功能，符合一套接口标准并实现一组接口。构件代表系统中的一部分物理实施[2]。结合目前主流的基于构件的软件开发方法（CBD，ComponentBasedDevelopment）和传统的任务驱动式的《网页设计》课程教学模式改革相关理论，提出基于构件的课程实践教学模式新思路。

2.构件化课程教学模式设计

构件化课程教学模式强调课程体系的学科性、完整性、先进性、实用性的原则，突出学科的鲜明特征和知识的系统完整性，贯穿理论、实践的学科形态，强调实践的重要性，在现有的教学实施中做出调整，借助建构主义学习理论，充分激发学生的自主学习兴趣，增强实践动手能力的同时，能够使学生运用所学理论知识和技能从事本专业的实际工作，培养学生的分析、解决一般性技术和业务问题的能力以及信息获取能力、自学能力、独立工作能力。在整个课程教学中,打破原有理论与实践学时等分的情况，降低面授学时，增加实践学时，让学生在实践中掌握基本方法和技能。开放教育的学生多数都处于工作状态，学习时间不固定。针对学生的特点，在教学过程中，既要能让学生产生学习兴趣，学会实用技能，又要可以让他们可以通过课程的考核，最终获取证书，就需要从教学上重构教学方法。基于构件化的教学方法，即通过构件化的教学内容组织教学，改变“理论结合实训”的教学方式，采取以学生为中心的建构主义学习方式，课上以学生“做”和“问”为主，教师则“引导”和“解答”。课下由学生自主学习为主课上的理论知识，教师则通过QQ、论坛或微博等即时移动技术平台进行线上或线下辅导。

3.构件化课程教学方法设计

针对开放教育学生的特点，突出学生能力培养，对《网页设计》课程的原有教学实施过程进行调整。具体调整分为以下几个部分：

（1）调整理论学时与实践学时比例降低理论面授学时，增强实践教学环节，具体设置的比例可弹性调整，理论学时范围可调整至6学时以内；

（2）理论面授内容调整理论面授以《网页设计》课程内容介绍及发展趋势等外延扩展性知识为主，采取线上学习与自主学习手段，充分依靠现代信息技术支撑，通过QQ、微信、论坛或社交网络等技术手段，让学生了解该课程的相关理论基础知识；

（3）强化实训环节实践环节要求学生上机完成教师设计的实训任务。该实训任务打破传统的任务驱动式的实训环节设计。将《网页设计》课程按照知识点分解为一般知识点和重点知识点。借助工作流的构件化建模方法，按照网页组成的基本结构（构件），对各个知识点进行提取、整合为基本构件和辅助构件，例如导航条构件、logo构件是基本构件，格式化构件则为辅助构件。学生则要求掌握相应的构件设计和使用的基本方法和技能；

（4）基于工作过程的教学内容调整教学内容调整需要打破传统的“唯教材论”，教材仅作为教学的参考资料。在教学实施过程中，以实训任务为主线，内容教学内容覆盖教学参考书（教材）的全部章节，打破其目录序列，基于学生的能力基础和学习兴趣，针对性的选择内容实施教学。

（5）课程知识点构件通过分析开放教育学生的特点及学习动机，结合构件化的思想，按照公司真实网页设计的工作流程，将与课程教学内容相关的知识点进行分解、提炼和整合后，提出网页设计课程的构件化知识结构图，如图1所示。由图2可以看出，通过将《网页设计》课程的教学内容结合真实网页设计的工作流程，可以清晰的分解出具体的每个工作步骤，再将每个工作步骤提炼整合成“工作构件”，最后将这些“工作构件”实例化为单独的且相互之间存在关联的实训任务，应用于学生实践教学过程中。其中“，页面布局构件”和“页面格式构件”共包含8个子构件，这8个知识点构件则包含了网页设计的基本操作，这部分内容将以全程实训任务的完成为目标，旨在让学生通过大量集中的训练，快速掌握网页设计的基本技能。“网站管理构件”包含了3个子构件，主要是“网页设计”→“网站设计”→“站点管理”过程中的相关知识。这部分内容对于开放教育学生来讲，尤其是电子商务专业的学生，理解和掌握的难度较大。因此，除“网站更新”内容外，其他两个子构件的内容均可采取以学生自主性学习为主，教师引导为辅的学习方式。

4.构件化课程考核方式设计

按照中央广播电视大学《网页设计》课程考核说明，该课程采用形成性考核与终结性考核相结合的方式。即形成性考核占考核总成绩的50%，终结性考核可采用传统的纸质媒体考试，也可采用计算机考试，学生课程通过的标准需要上述两个考核内容皆为60分以上，也就是通常说的“双及格”。根据调查，多数省份的《网页设计》课程在终结性考核环节，基本采取传统的纸质媒体考试，形成性考核环节则压缩课时，由学生自主完成。因此，课程考核方式实际上流于形式。基于上述情况，本文提出基础构件化的课程考核标准。旨在强化课程定位，体现课程教学目标的基础上，让学生通过课程的学习，真正的掌握网页设计的一些基本技能，应用于实际工作当中。并以此来激发学生的学习兴趣，通过终身学习来提升个人素质和综合能力。基于构件化的课程考核标准是以构件化的课程内容为基础，着重进行形成性考核标准的调整。在形成性考核过程中，学生以4-5人组成1个小组，以完成构件化项目任务为考核内容。将课程的形成性考核内容分解为10个子项，每个子项均给出相应的分值比例，同时，调整终结性考核和形成性考核的比例标准到3:7，终结性考核以上机考试为主，内容选择上则可以在形成性考核项目抽取或整合其项目。

三、实践教学管理、保障、评价体系

实践教学是巩固理论知识和加深对理论认识的有效途径，是培养具有创新意识的高素质工程技术人员的重要环节，是理论联系实际、培养学生掌握科学方法和提高动手能力的重要平台。有利于学生素养的提高和正确价值观的形成[3]。

1.管理体系

实践教学管理体系主要包括实践教学组织管理、运行管理和制度管理3个方面。

（1）组织管理由学校教务处对实践教学进行宏观管理，制定相应的实践教学管理办法。专业系具体负责实践教学的组织与实施工作。

（2）运行管理专业要制定独立、完整的课程实践教学计划及进度，并根据实践教学计划和人才培养方案编制实践课程标准、实践教学指导书，规范实践教学的考核办法，保证实践教学的质量。在实践教学过程中，落实计划、落实大纲、落实课程标准、落实考核。同时，形成“前期准备”→“初期落实”→“中期检查”→“后期总结”的实践性教学监督环节。

（3）制度管理由教务处、教学督导室、学术委员会、教育技术中心共同制定相关实践教学管理文件，以保障实践教学环节的顺利开展。实践教学文件和管理制度包括实践教学计划，实践教学课程大纲和教材，实践指导书等实践教学文件和各实践教学环节管理制度。

2.保障体系

实践教学保障体系主要包含：以具有一定网站开发与管理经验的教师为主体的师资队伍；较完备、设施齐全的多媒体机房和以现代信息技术为支撑的互联网教学环境

（1）师资队伍建设学校人事部门要按照实践教学的目标要求制定具体的师资队伍建设规划，应重点加强对现有教师的培训方向和培养方法的研究，建立符合开放教育特点的师资继续教育进修制度，建立具有“教师资格证书”与“职业技能证书”的教师准入制度；用政策规定来鼓励教师参与科研和技术开发；改变传统的“学术型”教师考核评价体系，建立有利于师资结构调整的分配制度和激励机制；重视“双师”结构的师资队伍的建设。通过强化专业技能考核来提高理论教师的实践能力，为开放教育与高职教育的融合发展提供师资准备。

（2）实训室建设系部及教育技术中心在现有实验实训室的基础上，根据教学计划和人才培养方案，制定出实验实训室建设规划，保证课程实践教学的顺利实施，制定实验实训室建设规划时要统筹规划，优化配置，尽可能照顾专业群的需求。

（3）推进实践指导书建设实践教学内容体系改革主要体现在教材建设上。由于目前开放教育的教学管理体制上的限制，学校层面应采取强有力的措施支持课程实践指导书的建设，成立教材建设领导小组，负责学院教材建设规划与指导。学校要安排一定的经费设立出版基金以贷款方式资助教师编写实践指导书，支持教材建设和开展教学研究。

3.评价体系

建立科学、完整的、多元化的实践教学评价体系，是重视实践教学，促进实践教学质量快速提高，加强宏观管理的主要手段。

（1）学生评价体系建立科学、完整的学生评价体系。由专业指导教师根据实训报告或实训成果评定学生成绩，并按比例计入课程考核标准。

（2）教师评价体系根据培养目标的要求，制定出实践教学各个环节的具体明确的质量标准，并通过文件的形式使之制度化，严格规范执行。再结合同行评价结果、学生评教结果，课程结束后，将学生评教结果反馈给课任教师。

（3）专项奖励基金用于奖励在实践教学工作中做出突出贡献的教师和实践教学管理人员（包括实验室管理员）。

（4）实践教学督导体系实践教学督导员进行实践教学全过程检查，不仅要检查实践教学的完成情况，而且要重点检查实践教学的质量。督导成员可由教学管理人员、专业教师机外聘教师组成。

四、应用与推广

《网页设计》是由图形图像处理、动画制作、HTML语言、JAVASCRIPT脚本语言和CSS样式表等多种知识综合而成的课程。在课程教学过程中，对教师的教学能力和学生动手实践能力要求较高。近年来，由于互联网和信息技术的发展，在各种级别、不同层次的计算机类教育中都开设了《网页设计》课程。为了能够让学习者掌握网页设计的基本方法和技能，教学实施者对该门课程进行了大量的教学改革，其改革的方向集中于课程教学安排、师资配置及教学方法的理论和实践研究。本文提出的构件化课程实践教学设计是在结合开放教育学生特点的基础上，借助生产工作流模型，以建构主义学习理论为核心，重构课程教学模式，依托交互式多媒体教学软件的教学方式，传统教学与在线教学相结合，采用基于课程知识点的构件化教学内容，为学生提供开放式的教学设计。其创新点在于“基于课程知识点的构件化教学内容设计”。这种教学内容的设计是对课程原有教学内容和教学安排的重构，在教学实施过程中以学生为中心进行设计，体现建构主义学习理论，具有较坚实的理论基础。由知识点提炼整合的课程知识点“构件”具有可重用性，可以在其他类似课程中重复使用。课程知识点的构件化，促进了工学结合的项目驱动式课程改革，能够有效的与职业教育课程进行无缝对接，以此实现开放教育、非学历培训、中等职业教育、高等职业教育之间的融合发展，为“搭建终身学习“立交桥”。促进各级各类教育纵向衔接、横向沟通，提供多次选择机会，满足个性化的学习需求.

作者：吴丹 单位：珠海城市职业技术学院