论一体化教学在《网页设计与制作》课程中的应用

高职院校《网页设计与制作》课程教学做一体化模式的研究作者：臧金梅孙灿赵宪华来源：《商情》2015年第23期【摘要】《网页设计与制作》课程传统的教学模式是“教师为主，学生为辅”。

这种教学方式过于强调教师在课堂中的主体地位，不利于培养学生开发实际项目的能力。

我们针对高职教学中本课程教学现状的分析，提出实施教学做一体化模式的必要性，并提出了具体的实施方案。

【关键词】网页设计与制作任务教学做一体高职教育与本科教育的最大区别是着重培养面向生产、建设、服务和管理第一线需要的高技能型人才，着重在技能，而非理论。

那么对高职院校的很多学科来说，应该重视技能的培养，那么教学做一体化的教学模式就可以满足这一要求，将理论与实践融为一体，打破了传统的理论教学与实践教学的界限，成为培养技能型人才的有效教学模式。

一、课程教学现状分析《网页设计与制作》课程是我院“计算机网络技术专业”的核心技能课程.实用性强，在专业课程体系中占据了重要地位。

该课程要求学生能够熟练使用网页制作工具，重点培养制作网站的能力。

该课程在实际教学过程中存在了很多问题，具体如下：（1）教师重视知识体系，而非实践运用。

教师在教学过程中，往往按照课本安排的顺序进行讲解，将重点的知识介绍给学生，而不是具体的实际环境交给学生。

（2）理论教学脱离实践教学。

教师现在多媒体教室授课，然后安排学生在实验室上级练习并验证所授内容。

这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。

随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一流水平的网站。

（3）与社会脱节，与新知识脱节。

这门课往往只介绍了如何制作静态页面，而目前来说我们要求的界面交互型比较强，这是静态页面所不能满足的。

二、教学做一体化教学的必要性通过对高职《网页设计与制作》课程的教学现状分析，我们得出有必要实施“教学做”一体化的教学模式，它是现代职业教育推广的重点教学模式之一。

网页设计与制作课程一体化教学思考随着计算机和互联网技术的发展，网页设计和制作成为一个日益重要的领域。

在教育领域，如何将网页设计和制作课程的教学与学习更加系统和高效地结合起来是一个重要的问题。

本文旨在探讨网页设计与制作课程一体化教学思考，包括课程教学目标、教学方法、课程内外资源和评估体系等方面的问题。

一、课程教学目标在建立网页设计和制作课程的一体化教学思考之前，首先需要制定明确的教学目标和要求。

教学目标应该是能够帮助学生在理论和实践方面都有所提高，能够熟练运用网页设计和制作相关的技术和软件，能够投身于互联网领域的相关工作。

在教学目标的基础上，可以建立相应的教学内容和教学方法。

二、教学方法网页设计和制作课程一体化教学的成功取决于教学方法的选择和实践。

为了确保教学效果，应该采用多种方法，包括教师讲授、教材阅读、作业训练、项目实践等。

此外，可以考虑采取多媒体教学、网络学习、远程教育、线上讨论等方式，以有效地提高学生的参与度和学习效果。

三、课程内外资源网页设计和制作课程一体化教学中，课程内外的资源是非常重要的。

在课程内部，应该提供充足和精确的教材，提供项目案例、实验室设备和软件工具等资源支持。

在课程外部，可以考虑利用网络资源、辅导员和校内外的专业人士的支持，以增强学生的学习效果和实践能力。

四、评估体系评估体系是课程教学中不可少的一部分，这对于网页设计和制作的一体化教学更是如此。

评估不仅应该关注学生的学术和实践能力，还应该关注学生的合作和沟通能力、学习动力和创新意识等方面。

在评估体系的建立过程中，应该制定明确的评估标准和方式，并及时反馈学生的表现和成绩。

综上所述，网页设计和制作课程的一体化教学需要全面考虑教学目标、教学方法、课程内外资源和评估体系等问题。

只有在这些方面进行有效的考虑和实践，才能提高学生的学习效果和实践能力，提高他们在互联网领域的就业竞争力。

高职《网页设计与制作》理实一体化课程体系构建关键问题刍议摘要:为适应“技能型”人才培养的要求,我院对计算机网络技术专业开设的主干课程之一“网页设计与制作”的课程采用了“理实一体化”的教学模式。

本文就高职《网页设计与制作》理实一体化课程的设计与构建中的关键问题进行研究及论述。

关键词:理实一体课程目标教学设计1 课程设计思路理实一体化教学方式将理论与实践融合,甚至理论成为了学生实践的背景体系,淡化以往的理论、实训、实验章节割裂的状态,引进任务式的教学法,即围绕—个工作任务或项目来组织教学,打乱原有的按知识学习组织授课的章节序列,边学边做,边做边学,将所学理论与实践完全融合起来。

高职理实体一体化课程设计的设计遵循以下二个原则。

1.1 从企业中来到企业中去的原则对企业的生产任务对应的岗位进行筛选和归纳,确定本专业本课程所面对的典型岗位,再对典型岗位的工作任务进行分析,归纳出学生需要掌握的技术和操作能力,对技术和操作能力需要的知识点、技能点和素质点进行梳理,确定课程的体系结构。

1.2 体现职业教育“以就业为导向,以能力为本位”的职业教育理念突出职业性,体现先进性,根据高等职业教育“理论够用,重在实践”的教学特点,注重对学生专业技能、动手能力的培养。

对理论知识不偏面苛求知识体系的系统性和完整性,而以够用为原则。

2 课程整体教学设计与实施2.1 课程教学内容的选择本课程所面向的职业岗位是网页设计师、网站美编、企业网站策划、网站管理、多媒体界面设计、平面设计师、美工设计、后台开发工程师、广告设计等。

主要工作内容有制作一些Flash动画、网页设计、网站的搭建和设计、后台数据库的建立与维护等。

对岗位所涉及的知识点、技能点、素质点进行梳理,确定本课程的教学模块有:网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、Flash、FireWorks等。

教学时各模块既有独立性,又有关联性。

基于教学做一体化的《网页设计与制作》课程教学的研究摘要：《网页设计与制作》课程传统的教学模式是“以教师为主体，培养学生知识体系能力为主，理论与实践教学分开”。

这种教学方式过于强调教师在课堂中的主体地位，不利于培养学生开发实际项目的能力。

要改变这种现状打破原有的教学模式，而使用“教、学、做”一体的教学模式，必须要有一体化的教师，要有合适的教学案例，更要符合学生的特点。

我们结合本课程的特点，将真实的网站项目引入课堂教学，并将网站项目按教学要求分解成若干个教学模块，每个教学模块都设计学生跟随老师共同完成的模仿型任务和学生独立完成的开放型任务，体现出融“教、学、做”于一体的教学方法的优势。

关键词：网页设计与制作；教学做一体；项目导向；模块化设计中图分类号：tp393.092-4；g712随着internet的发展促使网站及网页数量迅速增长，对网页设计、网站开发技术等方面有了更高的要求。

从市场需求来看，企业需要大量的这方面的应用型人才。

《网页设计与制作》课程是一门实用性强、发展迅速的课程。

通过本课程的学习，使学生掌握网页制作的基本知识、网站设计的全过程。

1 当前《网页设计与制作》课程在教学中存在的问题1.1 以知识体系而不是能力为重点的教学方法，与高职教育不相符目前，我们采用的教材的内容都是为了配合理论讲解，按照知识体系的顺序进行组织和编排的。

虽然在每个章节的后面都设计了与理论知识想对应的具体实例，但由于教师在教学过程中，往往都会按照教材所编排的顺序进行讲解，着重将知识介绍给学生，而不是将知识的实际应用方法教给学生，这与高职培养应用型人才的目标是不相符的。

1.2 教学内容陈旧，没有紧跟社会需求，与高职教育不相符《网页设计与制作》课程旨在培养学生设计网页、制作网站方面的能力，同时，该课程还能给后续动态网页开发相关的课程提供一些帮助。

目前，这门课程中的内容仅仅只是介绍了如何制作静态网页，而由于静态页面的交互性很低，早已不符合现在的需求。

中职计算机网页设计及制作中一体化教学模式的实践应用摘要：为能够促进中职计算机专业良好发展，本文对中职计算机网页设计及制作中一体化教学模式的实践应用进行研究，首先阐述了中职计算机网页设计及制作教学问题，然后提出了一些应用策略，希望提供给教育工作者参考。

关键词：中职院校；计算机网页设计及制作；一体化教学模式引言网页设计及制作，是中职院校计算机专业中非常重要的一门必修基础课程，具有较强的实践性。

因此，在实际教学中，教师需要在对基础知识进行传授的同时，还需要注重启发学生思维，提升学生独立操作能力。

一体化教学模式，其是把理论教学内容和实践教学内容进行结合，把讲授和操作进行结合，突出了做学合一和手脑并用的思想。

在计算机网页设计及制作中应用一体化教学模式，可以有效巩固学生基础知识与技能的同时，还可以提升学生问题分析和解决能力，培养学生创造与创新意识。

因此，在实际教学中，教师应结合实际情况，灵活利用一体化教学模式，指引学生自主收集和分析以及处理信息，对知识产生过程进行感受，有效提升学生综合能力。

一、中职计算机网页设计及制作教学问题（一）侧重于理论知识传授，忽略能力培养现阶段，在中职计算机网页设计及制作教学中，教师大多是依据教材内容开展教学活动，而教材内容大多是为了配合理论讲解，根据知识体系顺序，组织与编排的。

尽管每个章节后面都具有对应的实践力，但是在教学过程中大部分教师常常都是根据教材编排顺序开展教学活动，侧重于把知识传授给学生，而没有把知识应用方法传授给学生，导致学生实践能力较低，这和中职院校人才培养目标不相符。

（二）教学内容较为陈旧，没有紧随社会需求在网页设计及制作教学，主要是为了提升学生网站设计能力和网站制作能力。

与此同时，该门课程教学，还可以为学生后续开发动态网页学习打下良好基础。

现阶段，在网页设计及制作教学内容中，主要是对介绍静态网页制作，而静态网页交互性相对较低，和现在的需求已经不相符。

（三）理论教学和实践教学相脱离在以往网页设计及制作教学中，教师大多是利用两段式的教学模式，先进行理论知识教学，然后组织学生进行上机实践；教室也是不同的，前者在多媒体教室，后者在计算机机房。

网页设计与制作一体化教学模式探索听闻贵方需要有关网页设计与制作一体化教学模式探索的论文报告，作为一名建筑专家，我对此感到非常兴奋。

在这篇报告中，我将从五个方面谈论这种教学模式的好处以及在建筑师学习中的应用，同时列举五个相关案例进行分析。

一、提纲一：网页设计与制作一体化教学模式的概述在这一部分，我将简单地概括一下网页设计与制作一体化教学模式的含义和局限性。

网页设计与制作一体化教学模式主要是指将网页设计和制作这两个方面结合起来，形成一个互相支持的教学系统。

它可以帮助学生更好地了解网页设计和制作之间的联系，并使他们更加熟练地运用所学技能。

然而，这种教学模式的局限性在于其仅限于网页设计和制作这两个方面，不能全面地涉及到建筑领域中的所有技能。

二、提纲二：网页设计与制作一体化教学模式对建筑师学习的影响在这一部分，我将深入探讨网页设计与制作一体化教学模式对建筑师权益的影响。

网页设计与制作一体化教学模式可以帮助建筑师了解更多的信息和技能，让他们在建筑领域的学习中更具竞争力。

该模式还可以在建筑师学习中有更多的辅助效果，比如较好的视觉效果以及领先的交流媒介，这一点也可以使建筑师更好地理解自己所设计的建筑物。

三、提纲三：网页设计与制作一体化教学模式的教学评估在这一部分，我将阐述网页设计与制作一体化教学模式的教学评估。

教学评估可以帮助教师对自己的教学质量进行检查，并针对性地进行改进。

然而，网页设计与制作一体化教学模式的教学评估没有具有独特的评估途径和方法，需要用到其他的评估方法。

四、提纲四：网页设计与制作一体化教学模式的教学策略在这一部分，我将重点谈论网页设计与制作一体化教学模式的教学策略。

在网页设计与制作一体化教学模式中，教学策略十分关键。

在这样一个教学系统内，教师需要发挥自己的教学资源和课程管理能力，并慎重选取课程的形式和类型。

这种教学策略在建筑设计中同样适用，建筑师也需要选择适合自己的教学策略，并依据其所学的技能和资源设计出合适的建筑方案。

基于项目驱动的《网页设计与制作》一体化教学策略浅析随着互联网的飞速发展，网页设计与制作已经成为一门备受青年学子青睐的学科。

在传统的教学模式中，学生们在课堂上往往只是被 passively 接受知识，面对大量的理论知识，他们难免感到无聊和失望。

而基于项目驱动的教学策略，正是为了应对这一问题而被提出的。

在本文中，将对基于项目驱动的《网页设计与制作》一体化教学策略进行浅析，探讨其在提高学生学习兴趣、促进实际技能培养等方面的优势。

一、项目驱动的教学模式项目驱动的教学模式是一种以项目为核心的教学方法。

在这种教学模式下，学生们工作在一个真实的问题或项目上，从实际问题的解决过程中获得知识。

与传统的课本知识相比，学生在项目驱动的教学过程中更多地是通过实践来获取知识和技能，更加注重于团队合作、问题解决和创新能力的培养。

1. 设计真实项目在传统的网页设计与制作教学中，学生们往往只是被要求设计一些简单的网页，这些网页可能只是为了练习技术而存在，并没有真实的用户需求。

而在基于项目驱动的教学策略中，学生们将面对真实的项目需求，例如为某个社会组织或小型企业设计网站。

这种设计思维的转变不仅可以增加学生的学习动力，还可以提升他们解决实际问题的能力。

2. 鼓励团队合作在基于项目驱动的教学过程中，鼓励学生进行团队合作是非常重要的。

团队合作不仅可以有效地分担工作量，还可以提升学生的交流能力和协作能力。

在网页设计与制作项目中，一个好的团队合作可以使得每位成员都有所贡献，能够在实践中学习到更多的知识和技能。

3. 实践技能培养基于项目驱动的教学策略更注重于实践技能的培养。

在网页设计与制作的项目中，学生们需要运用 HTML、CSS、JavaScript 等技术来实际设计网站。

通过实际的操作，学生们可以更深入地理解这些技术的运用和意义。

而且通过实践操作，他们也可以更容易地发现问题、解决问题，提高自己的技术能力。

4. 教师的引导和监督在基于项目驱动的教学中，教师的引导和监督起着至关重要的作用。

网页设计与制作课程一体化教学思考作者：唐峰晖来源：《职业·下旬刊》 2016年第2期文/唐峰晖摘?要：目前，部分学校仅根据教学大纲的基本要求开设网页设计与制作这门课程，但从职业教育的主旨上来看，这门课程应作为反映计算机专业学生综合能力的重要环节。

因此，本文提出，学校要加大投入，通过一体化教学的方式，不断加强这方面的理论与实习教学，培养学生更好地适应专业的需要，并努力培养学生具备更扎实的专业素质。

关键词：网页设计与制作?一体化教学?对策根据2014年1月16日CNNIC发布的第33次《中国互联网络发展状况统计报告》，截至2013年12月，中国网民规模达6.18亿，互联网普及率为45.8%。

中国网站数量为320万个，中国网页数量为1500亿个，均处于快速增长态势，这给网页设计与制作人才的就业提供了广阔的空间。

但是从企业招聘员工时提出的“必须具备实战经验”的基本条件来看，网页设计与制作专业课程的教学也应因势而为，进行一体化教学改革，使学生更好地掌握职业岗位所需的知识和专业技能，毕业后尽快融入社会。

一、教学现状网页设计是一门综合性技能，包含市场需求研究、网站策划、网页平面设计、网页页面排版、网站推广、网络广告设计、网站程序开发、数据库设计等内容。

其实很多学校仅将它作为一门独立的课程进行基础的教学，是远远不够的，原因如下。

首先，网页设计与制作课程的职业岗位定位是网页设计与制作、网站管理、网页编辑三个方面。

在制定人才培养方案时，应重点从职业教育的角度出发，注重培养学生具备网页设计、网页美工、网站规划、网站管理和维护的技能，以便形成良好的职业素养，提升学生的就业能力，使学生毕业后便可胜任网页设计师、网页美工师、网站管理维护员等工作，并逐步提升职业能力。

其次，理论教学和实践教学可能会脱节，理论与实操课之间的知识可能会重复。

考虑到学生在校的学时及课程的安排，网页设计与制作的教学仅能占用一个学年的时间，如果按照常规，首先进行理论教学然后进行实践教学，这样会浪费太多的时间，同时又不能让学生形成一个完整的思路，这样就会造成知识的脱节，最后在进行实习教学时，又需要重新进行理论的复习。

技术与应用文 / 李争鸣“一体化 + 慕课”教学模式在网页制作教学中的应用探究摘　要：一体化教学是目前比较主流的一种教学模式，而慕课是近几年信息时代“互联网+教育”的产物，是带有一种开放、自由的教学模式。

本文以计算机网络专业中网页制作课程为例，选取了教学过程中一个综合教学任务——表单设计，来探讨利用一体化教学与慕课提高本课程教学水平，培养学生的职业能力，从而提高学生开发实际项目的能力。

关键词：一体化教学 慕课 网页制作 表单根据相关研究分析，社会对网页美工、网站前端、网站维护与管理人员的需求数量还是相当大的，网页制作作为计算机网络专业的一门专业课程，具有一定的重要性。

近几年，慕课以一种开放、自由的教学模式出现，是信息时代“互联网+教育”的产物。

一体化教学是适应社会和市场要求的一种全新教学模式，以典型工作任务作为引导，以企业真实工作环境为载体，将教学与实操，学校与企业完美地联系在一起。

笔者应用了两种慕课方式，一种是教师提前制作好的慕课视频，主要讲解本次工作任务和实现效果的一些基本方法，可以提前发给学生在课下进行学习。

一种是引导学生通过相关慕课网站选择自己合适的课程进行学习。

利用慕课方式教学具有以下几大优势。

学生通过慕课学习，不仅能进行知识的预习，也能拓宽学生的知识面，从而开阔学生的视野。

有助于学生碎片化学习、移动学习，这样，学生可以更好地对自己进行时间管理。

学生进行慕课学习，比课堂更易集中注意力。

学生按需学习，自主决定学习内容与学习进度，是课堂教学的良好辅助。

培养了学生良好的信息素养，也提高了学生网络信息获取能力和分析能力，在慕课方式的学习中，学生能够自主地学习研究，就会养成自主探究的良好习惯。

一、网页制作课程教学分析随着Web 技术的发展，网页制作技术不断更新，各种制作软件层出不穷，而网页制作课程作为计算机网络专业的核心学科，有着一定的重要性，目前网页制作课程主要是针对各章节的内容制定相应的实操内容，缺少对学生综合职业能力的培养。

《网页设计与制作》一体化教学总结与评价高艳秋一、课程在专业中的地位与作用《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。

通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。

通过实例的讲解，让学生掌握网页制作和网站开发的知识。

从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。

二、课程学习目标通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 photoshop 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。

1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。

（1）掌握规划网站的内容结构、目录结构、链接结构的方法。

（2）熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。

（3）掌握页面的整体控制和头部内容设置的方法。

（4）熟练掌握网页页面布局的各种方法。

（5）熟练掌握在网页中输入、设置标题和正文文字的方法。

（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

（7）掌握建立各种形式超级链接的方法。

（8）掌握表单网页制作方法。