第一篇：网页设计与制作课程教学探讨
摘要：以高职院校网页设计与制作教学过程中出现的问题为切入点，从课程标准、教学内容、教学方法、考核方式等几个方面进行探讨和总结，并就如何提高学生网页设计与制作能力进行了教学方法的探讨与总结。
关键词：高职；网页设计与制作；教学改革
基于互联网的快速发展，Internet和Web技术的不断革新，互联网站的数量也在急速增加。中国互联网站发展状况及其安全报告，截至2015年12月底，中国网站总量已达到426.7万余个，同比年度净增长62万余个，超过前五年中国网站净增量总和。网页和网站已经和人们的生活密不可分，在教育领域，网页课程也占据越来越重要的位置。《网页设计与制作》课程，是高职数字媒体专业的一门专业必修课。该课程的实践性很强，主要是培养学生运用Dreamwaver和Sublime等软件来制作静态网页的能力。课程的教学目标是希望学生能掌握网页设计与制作的基本技术，可以独立编辑设计网页，成为符合高职人才培养目标及方向的、熟练的网页制作者。探讨如何使学生更好地掌握这门课程，寻求合适教学方法和内容就显得尤为重要。
一、教学问题分析
在教学过程中发现，高职学生基础不算太好，代码基础比较薄弱，普遍认为网页设计与制作不好学、容易出错，从而导致学生畏学。作为一门专业应用必修课，这样不仅仅是影响了本门课程的教学效果，同时对后续课程也造成了影响。结合近年的教学实践，对网页设计与制作中出现的教学问题做一些分析。1、教学内容偏传统现在许多高职院校采用的是本科教材，只是使用过程中降低要求而已，然而这并不完全适合高职学生，教学仍维持着传统网页设计与制作教材模式。目前的教材主要还是以本科教材为主，以理论知识点为主。网页设计的设计性、独立性和创新性都很强，但是在教学过程中，大部分学生还是只能模仿制作网页而不是设计网页。针对具体问题，很多学生不知道怎么分析和设计，不能独立完成网页设计和制作，这样就打击了学生的学习热情，逐渐形成厌学心理，学习效率降低。2、学生素质偏低从学生素质上讲，高职职院校学生的学习基础比较薄弱，学习方法和学习习惯不好。本门课程的HTML等脚本语言对英语的要求又比较高，例如在实际上课中，学生在独立编写HTML文档时候经常会发生编写错误，纠结于table，form等基本标签的拼写；在javascript设计时，对算法、流程等逻辑，不容易理解和接受；对于用英语显示的出错提示信息看不懂，调试困难，找不出错误，渐渐失去学习的主动性。因此，作为高职院校的老师应该针对高职学生采用一些合适的教学方法来提升教学效率和质量。
二、教学内容探讨
1、课程体系设置网页设计作为一种专业技能的培养，不是作为一门课程孤立存在的，它需要许多相关知识的支持，因此如何构建一个科学的课程体系就成为目前最为关键的问题。目前“网页设计”的核心课程可以大致分为三类，如图1：在实际教学中，网页设计系列课程里，第一学期和第二学期是先学习图形图像处理和动画制作，熟悉Photoshop和Flash。第三学期和第四学期学习静态网页制作，也就是熟悉Dreamwaver和Sublime软件，最后第五学期学习动态网页技术，比如数据库基础和ASP技术。2、教材的选取在这样一个清晰合理的课程体系基础上，针对目前高职学生基础差、学习积极性不高等特点，选择一本好的教材，在一定程度上也会提高学生学习兴趣和教学效果。目前我校使用的教材是由清华大学出版社出版的网页制作教程（李军编著），这是一门很好的网页设计入门书籍，但是教材里面理论东西多，实际例子少，且过时。所以在选择教材时，一定要坚持少理论、多应用实例的原则。如果条件允许，可以根据本校学生的实际情况编写校本教材。典型的实际任务会使得教学效率提高，结合自身的教学经验，将这门课程分为6个情景任务来进行教学：1)欣赏经典网页：了解网页的布局结构、颜色搭配；网页与网站的概念、网站的分类。2)网站的规划与设计：网站结构知识、网站的开发流程、网页设计的基本原则；文件与文件夹的命名规则；Dreamweaver工作界面介绍；Sublime软件的介绍；站点的创建方法、站点的管理方法；html语言的结构、格式、标记。3)主页的设计与制作：输入文本、设置文本格式；插入图像，设置图像属性；插入Flash文本、动画、视频；表格的基本操作；超链接的类型与设置；利用表格进行页面布局。4)主页的美化设计：CSS样式表的概念；CSS样式表的基本语法；CSS选择器的类型；使用CSS美化页面；使用Div+CSS进行页面布局。5)交互页面的设计与制作：行为与事件的概念、行为的基本操作；表单与表单对象的属性及其设置；制作交互页面。6)网站管理模块网站的测试与发布：网站测试的方法；网站发布的方法；网站的维护与更新方法综合实训模块综合应用。
三、教学方法的探讨
1、重视设计思想，培养逻辑思维和创造性思维在教学中,培养学生具有良好的思维模式。将语法知识尽可能多地结合示例进行实例教学,解决实际问题,让学生互动参与教学过程。在教学安排中，补充书上没有的知识点，强调设计流程的分析与实现。在教学过程中始终贯穿分析结合设计的思想，加强对分析过程的描述，让学生在整个教学过程中逐步养成严密的逻辑思维和创造性思维，从而提高网页设计与制作的能力。2、采用任务驱动法和案例教学法这门课程可以采用任务驱动和案例教学相结合的教学模式。教师首先演示制作网页案例，传授本节课所需掌握的知识点。然后学生模仿制作演示案例，在完成演示案例制作的基础上，对学生提出基本要求“根据教师提供的素材和要求扩充演示案例”和进阶要求，以教师提供网页案例为模板，制作网页”。比如在讲解表单的时候，我们所采用的案例教学内容如图2：3、结合网上资源教学高职院校学生大部分有较强的求知欲望，压缩后的课堂理论教学已不能满足他们对知识的渴求，应充分利用网络教学资源来满足不同层次学生学习的需求。在“网页设计与制作”课程的学习中，我们在校园网上发布网络教学课件，内容包括课程教学大纲、电子教案、视频教学、实践教学、课后习题、知识拓展、网上答疑等模块，不但能引导学生有效利用网络资源，而且网上教学不受上课时间、所学专业限制，只要对本门课程有兴趣，就可进行网上自学。另外，在课件中还和其它高校“网页设计与制作”精品课程网站相链接，满足较高层次学生的学习需求。
四、考核方式的改进
《网页设计与制作》课程，传统单一的笔试考核模式不能全面真实地反映学生的知识、技能和能力，因此必须将考试重点转移到考核学生的实际技能方面。在“网页设计与制作”课程的考核模型中，可以采用实际网页作品评分。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站。由于这类作品不能在短时间内完成，因此我们在教学实训阶段就要求学生一边进行操作实训，一边着手收集资料，设计自己的特色网站。作品评价时，根据学生提供的文档，进行课堂演示，教师评价占70%，平时作业和上机实训成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。
结语
为了适应高职教学改革的需要，在今后的教学过程中，我们将对该课程的教学方法进行一步的研究，在实践中不断提出新的教学思路，丰富教案内容，设计更多经典案例，融入更健康向上的设计主题，从各方面来培养高职学生，争取更好的教学效果，使得学生成为符合社会发展要求的人才。
参考文献：
[1]王晓红.网页设计与制作课程教学改革[J].北京:北京联合大学学报,2006.
[2]喻莉莉.网页设计与制作[M].西安电子科技大学出版社，2003，8.
[3]何丽萍.试论网页设计教学结构的合理构建[J].包装世界,2013(3):70.
[4]白建明等.高职计算机专业教学模式的研究[J].计算机教育，2006，(2).
[5]中国互联网站发展状况及其安全报告（2016）.中国互联网协会、国家互联网应急中心,2016.
作者：朱科西
第二篇：翻转课堂在网页设计与制作课程的应用
【摘要】目前，我国的计算机和信息技术取得了较大进步，并逐渐被应用于教学领域，成为变革教育方式，提高教学质量的一种重要辅助手段，也是当前胶原发展的主要趋势。在这种背景下，依托于信息技术的翻转课堂开始受到广泛关注。本文基于翻转课堂，对网页设计与制作课程教学中存在的问题进行了简单概括，并对翻转课堂的应用方法展开了具体分析。
【关键词】翻转课堂；网页设计与制作；应用方法
1翻转课堂概述
1．1内涵理解
翻转课堂的内涵为，在信息技术的基础上，将传统的课堂教学和课外学习的过程进行转换的一种新型的教学模式，又叫做颠倒课堂。在这种教学模式下，教师要将原本的课堂教学内容和学习资料以视频的方式展开，学生则需要在课下提前观看视频，然后在课堂上共同交流，讨论并解决之前学习过程中遇到的问题。
1．2应用优势
通过和传统教学模式的比较，我们可以对翻转课堂的应用优势进行如下归纳:第一，翻转学习方式。在翻转课堂中，学生可以从被动学习转变为主动学习。因为课程内容以视频的方式呈现，可以永久性保存，便于学生随时观看。这样部分基础较差的学生可以结合自身的实际情况进行反复学习，获得教师的个别指导，能满足个性化教学的需求。另外，通过课前学习、课堂讨论和课后复习的过程，还能对教学的内容进行整合，提高课堂教学的效率。第二，翻转课堂活动。在翻转课堂中，学生在课下就可以初步完成知识的学习，节省了课堂讲解的时间，教师和学生有充足的时间开展讨论、实验探究、互动交流等对知识的内化活动，对课下学习中的问题进行解答和指导，增加课堂教学的活跃程度，有助于激发学生的学习兴趣。第三，转换师生角色。在翻转课堂中，充分体现了学生在学习活动中的主体地位，他们能够根据自己的实际情况，自由选择教学资源。同时，在课堂讨论中，不再是由教师主导，而是根据学生感兴趣的问题进行针对性的指导教学，符合因材施教的要求。
2网页设计与制作课程教学存在的问题
网页设计与制作是计算机类专业的一门基础课程，具有较强的实践性和操作性，其课堂教学主要采用的是案例教学法，就是通过对案例进行分析，讲解其中的知识，进行实验步骤的演示之后，让学生当堂完成练习。这种教学方法虽然优于传统教学方法，也取得了一定的成效，但是在具体的实施中仍然存在如下问题。
2．1学生缺乏主动思考
在网页设计与制作的练习中，学生基本上会完全根据教师演示的步骤来完成练习，所以大部分的时间和精力都集中在回忆实验步骤中，没有主动思考，。实验过程是否合理，甚至根本不明白实验的目的。当面对类似的案例或者实际的项目时，就无法灵活应用所学的知识，导致学生的思维存在严重的依赖性，不利于开发其自主学习能力。
2．2教学质量较低
网页设计与制作课程的教学内容较多，包括了平面设计的技术、HTML、XML、CSS、Javascript、动画技术、服务器配置等，但是课时设置却较少。例如，我校对该课程安排了60个课时，其中教师的课堂讲解和步骤演示课时约占50%，学生学习知识点和上机实践操作的实践只有一半，很难完成教学大纲的要求。为了完成教学任务，很多内容都是一带而过，导致教学质量较低。
3翻转课堂在网页设计与制作课程中的应用方法
本文以网页设计与制作中，个人主页这一内容的教学为例，对翻转课堂在课程教学中的应用方法进行了如下分析:
3．1做好课前准备
教师可以采用相关的视频录制软件，例如“屏幕录制专家”，录制2个长度约5min的微视频，并根据视频讲解的内容，设计导学案，并将资料在班级QQ裙或者微信朋友圈共享，学生利用手机终端下载视频，利用课余时间观看视频，查看导学案，提出自己的问题，在QQ群或微信群中讨论。教师则需要对学生的反馈意见和问题进行统计和归纳，便于在课堂中集中解决。做好课前准备，能让学生初步了解和理解个人主页的制作方法。
3．2合理安排课中教学
在学生完成对个人主页制作教学内容的预习之后，教师可以结合具体的实例来解答课前学生提出的问题，并进行案例的演示操作。这一环节的时间应控制在20min左右。在翻转课堂中，由于学生在上课前已经进行了比较深入的学习，。对教学内容有了一定的理解，所以教师在确认学生基本掌握个人主页的布局之后，就可以布置任务，将学生平均分成若干个小组，采用小组合作的方式完成个人主页的设计，让每一个学生都能参与其中。在学生练习的过程中，教师要积极发挥自身引导者的作用，对遇到问题的小组及时进行指导。设计完成之后，教师可以让各小组展示作品，并对作品进行评价。其中评价分为自我评价、小组互评和教师评价，对课前微视频学习情况、独立学习、问题讨论、合作表现、创意你表达和成果展比等内容进行综合评价。
3．3完善课后复习
课堂教学完成后，教师可以将评价表的原始数据进行整理，然后放入各个小组创建的网络学习档案中。同时，教师还需要对课堂中遇到的问题进行整理和总结，并提出对应的解决方法和应对策略，将其制作成动态的学习资源，发送到共享平台，长期存放，方便学生能随时观看。对于因为各种原因无法参与课堂学习的学生，教师也可以利用这些资源帮助他们补课。同时，对于在学习上存在一定困难的学生，或者是不敢大胆提问的学生，也可以利用教师提供的资源，在课后进行反复观看。这样既可以进行补救性学习，又可以节省课堂的公共时间，提高课堂教学的整体效率。
4结语
综合上述分析可知，翻转课堂和传统课堂教学方式存在较大的差别，在网页设计与制作的教学中，应该充分发挥出自身的优势，针对当前教学存在的问题，积极进行改革和创新。
参考文献:
［1］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10(29):164～165．
［2］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32(19):108～110．
［3］何敏华．“翻转课堂”在《网页制作》课程教学中的应用［J］．信息与电脑(理论版)，2014，27(11):242．
［4］欧阳红巍，潘果，孙晓庆．基于翻转课堂教学设计改革———以《网页制作》课程为例［J］．电子商务，2015，11(07):48～49．
作者：马涛 单位：武昌职业学院
第三篇：网页设计制作课程教学改革与实践
【摘要】针对传统网页设计制作课程教学过程中授课中存在的问题，引入CDIO教育理念进行教学改革，该理念体现了产品的构思、设计、实现和运行，实践表明，这种理念给教学带来了良好的教学效果，提高专业技能的同时也激发了学生的学习兴趣，培养了学生的团队合作精神，为今后走上工作岗位奠定了坚实的基础。
【关键词】CDIO；教学改革；项目驱动
1.引言
随着“互联网+”的到来，互联网已变得更为普及和重要，它逐渐的渗透到人们生活的各个方面，互联网+各个行业这并非是二者简单的相加，它主要是利用互联网平台和信息通信技术把各个行业和互联网进行有效的、深度的融合。相比其它的宣传工具，网页是最经济、快捷的信息传递载体，是经济发展的新形态。如今，越来越多的单位和个人已懂得利用网站进行信息的发布、数据的收集和交流，电子商务逐渐覆盖城镇甚至农村，在此背景下网页课程的开设变得尤为重要。根据社会对人才的需求，借鉴CDIO工程教育理念对该网页设计制作课程的教学进行改革，以此提高学生的专业技能和职业素养。
2.CDIO工程教育理念
CDIO工程教育模式是麻省理工学院和瑞典皇家工学院等四所大学组成的跨国研究，经过四年的探索研究，创立了CDIO工程教育理念。CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运行（Op-erate），它从产品的构思研发到产品完成运行的生命周期为载体，让学生以主动的、实践的、课程之间有联系的方式进行学习。
3.课程教学现状
3.1课程之间缺乏关联性
在人才培养方案设计中，没有注重课程的开课先后顺序，即某门课程是某些课程的先导或后续课程，只是单纯的认为这门课程对学生有用，社会对这方面的需求量大，而在实际的课程设计中，网页设计制作这门课程它是一门涉及到很多知识的课程，而在实际的教学过程中很多授课不注重各实践内容之间的关联性，学生没有领会系统地解决实际问题的理念，实践综合能力很难得到提高。这种教学方式显然无法培养学生独立分析问题与解决问题的能力，更无法达到由学生自主设计一个完整网站的能力，导致课程的培养目标变成了一种口号。
3.2知识传授碎片化
在授课过程中，很多教师把网页中单个知识点单独分开来讲，然后让学生进行上机实践，在上课过程中，学生按照老师的实验指导书完成实验，或者完全按教材的操作步骤完成实验。实验完成学生也不再反思，脱离步骤再做相同类型的作业还是不会，不知如何下手，整个实验过程学生都处于被动状态，学生没有发挥其主观能动性，没有达到预期效果。
3.3教学内容缺乏实用性
传统的授课模式是单向传递，按照教学大纲完成授课内容，没有以实际需求出发，缺乏项目背景，仅仅只是为了熟悉软件而随意性的制作一些小案例，这样难以激发学生学习的积极性，更无法了解真实项目中该掌握哪些知识，以及整个项目的开发流程，这对学生的实践能力没有达到锻炼的目的。
3.4缺乏团队意识的培养
网页制作关键在“做”，而且要多做，在很多的软件操作课程中，传统的教学方法只侧重技术的传授以及学生个人作品的制作，教师不注重培养学生的团队意识，导致学生出到社会不适应，而在实际工作中往往涉及到需要一个团队的合作来共同完成一个项目。
4.基于CDIO理念的“网页设计制作”教学改革
4.1课程体系的改革
随着信息化社会的到来，很多公司企业都有自己的网站，所以在学校的很多专业都开设有网页制作这门课程，但课程的开设并非孤立的，它需要具有一定的计算机基础操作能力才能进行学习，同时它也是其它后续课程的基础。“网页设计制作”主要是培养学生规划设计与制作网站的能力，在开发过程中涉及很多工序，其中包括网站的前期工作（定主题、收集素材）、制作作品、网站发布和后期维护等工作。在设计制作的过程中，为了让网站做得更美观，这需要涉及到很多方面的知识，例如：图片处理，动画制作等。一个功能完善的网站除了有展示内容的功能，还有与浏览者的交互，数据的读写等等。一个功能完善的网站往往包括前台和后台的制作，所以在课程体系设计时，经常要考虑课程开设的先后顺序问题。针对网页设计制作这门课程，它的前导课程包括“计算机基础”、“图像处理”、“动画制作”、“数据库基础”等，后续课程有“网络编程技术”。
4.2教学内容的改革
基于CDIO工程教育理念，教学过程应围绕构思、设计、实现和运行进行开展教学，注重培养学生的主观能动性。（1）激发兴趣在网页制作中，不管是开发哪种类型的网站，在追求网页视觉效果美观的同时，不要忘记网站的实用性。网页设计制作的教学内容应以项目为导向，把各个知识融入到项目中，且设计的项目要贴近生活，以解决身边生活的需求出发来开发项目，这样可以激发学生学习的兴趣。例如：个人网站、班级网站、校园社团网站等的制作，制作这些网站所需要的知识，从简单到复杂，一步步深入。（2）内容的选择传统的教学都是以知识点为单位进行传授，教学内容不够系统化，虽学习了某个知识点，但不懂如何应用到真实项目中。在CDIO教育理念中，强调知识的连贯性，更体现了学中做、做中学的教学模式，对网页设计制作课程的目标定位和教学内容进行了重新的规划。课程目标要求学生具备有网站的需求分析、规划布局、制作以及测试上传等实践综合能力。制作一个美观且功能完善的网站涉及到很多软件，例如：Dream-weaver、Photoshop、Flash、数据库和.NET等软件。由于各专业的培养目标不同，故可根据不同的专业进行课程的取舍，以及课时的设定。表1是经济信息管理专业基于CDIO的网页设计制作课程的教学安排。
4.3教学方法的改革
（1）基于CDIO模式的项目驱动法CDIO理念是基于真实项目为背景，以项目的需求、规划设计、制作和运行的生命周期为载体，培养学生专业技术及独立解决问题的能力。所谓真实项目，可以以一个社团、班级、超市、公司等为主题制作网站。学生自己动手，通过与对方的交流，制定网站的功能。学生自己收集制作网站所需的素材，规划目录结构、设计网页布局和制作，最后网站制作完成、测试、上传等，从最初的项目需求到产品完成，这一系列工作将由学生自己完成，从简单到复杂，从遇到问题到解决问题，以学生为主，教师为辅，把所要传授的知识点溶入到项目中。通过由最初的构思到最后项目的完成，在这过程中学生通过遇到问题然后不断的解决问题，学生学到了知识，同时也有成就感，激发学生学习的兴趣。（2）通过项目互评达到共同提高项目完成后，每个学生把自己制作的产品进行展示及简单的介绍，从产品构思、设计到实现都进行介绍，其他同学可以提出自己的疑问。这种教学方法，虽然对学生有一定的压力，但有压力才有动力，学生在制作过程中才会认真去对待，同时也锻炼了学生的表达能力及胆量，在展示过程中，同学之间可以看到自己跟别人的差距，通过提问题同学之间可以互相提高，最后由老师进行点评。（3）培养团队精神团队精神是一个企业成功的基石，企业之间的竞争不是个人赛，而是团体赛，所以企业要发展，培养团队精神是关键。一个功能强大的网站，背后会有一个开发团队，素材收集的、美工的、前台开发、后台开发及测试人员等等，所以在授课过程中，要培养学生的团队意识。在项目制作时，学生可以3-5个人一组，确定每组中每位同学的任务，不能有偷懒的同学，学生按照自己所擅长扮演不同的角色，例如：有些同学口才好的，可以去跟客户交流，确定网站功能；有些绘画好的并懂得使用图片处理软件的，可以做网页美工方面等等。为了保证项目的顺利进行，每个组都选出一个组长，组长主要负责整个设计的组织与协调工作，当然教师在这程中也要进行监督。
5.考核方式
考核是对学习这门课程的一个成果检验方式，传统的考核是在规定的时间内给学生提供素材及网页效果图，然后让学生使用已有素材按照效果图进行制作。这种考核方式太过片面，在考核过程中有些学生较为紧张，或机器出现问题结果什么也做不出来。在CDIO理念模式下，注重过程考核，学生平时的作品、现场汇报效果、出勤等都作为考核的一部分。
6.结束语
CDIO教育理念的引入，是网页设计制作教学改革的一种创新模式，更进一步深化了“学中做-做中学-学做合一”的教学方法，学生明确学习目标，激发学习兴趣，以学生为主，教师为辅，调动了学生学习的积极性，培养了学生的团队精神同时也增强了项目开发的能力及解决问题的能力，为学生将来就业打好基础。
参考文献
[1]顾佩华.CDIO在中国(上)[J].高等工程教育研究,2012,(3).
[2]顾佩华.CDIO在中国(下)[J].高等工程教育研究,2012,(5).
[3]周鑫.浅谈技术在网页设计中的应用[J].科技信息,2011,17.
[4]季恒.基于CDIO理念的《网页设计》教学改革与实践[J].湖北函授大学学报,2012,25(3):82.
[5]叶根梅.基于CDIO的“网页设计与制作”课程教学改革实践[J].通化师范学院学报,2014,35(2):72.
作者：王显梅 单位：广西职业技术学院
第四篇：网页设计与制作课程教学模式
【摘要】MOOC是一种新型在线教育模式，为高校教学发展和改革提供了新的机遇和挑战。结合MOOC丰富的在线功能来辅助传统的课堂教学，分析并探讨了网页设计与制作课程的教学模式改革，提出基于MOOC的网页设计与制作课程教学模式。
【关键词】MOOC；在线教育；网页设计；教学模式
1引言
随着科技的进步,学生们获取知识的途径也不局现在课堂教学这样传统的形式。一种新兴的慕课(MOOC)教学模式走入人们的视野。MOOC是新近涌现出来的一种在线课程开发模式，它发端于过去的那种发布资源、学习管理系统以及将学习管理系统与更多的开放网络资源综合起来的旧的课程开发模式，在MOOC平台上不仅提供教学视频，还包括课程进度公告、教学大纲、讨论区、单元测验、项目教学等[1]。依据我院网页设计与制作课程教学，构想“MOOC+传统课堂”新型教学模式。可以结合MOOC多样性与课堂督导的等教学优点，预期能够提升我校教学效率，摆脱教学困境。
2新型的MOOC教育学习模式
大型开放式网络课程，即MOOC（massiveopenonlinecours-es）。MOOC是一种新的教育模式,它可以被应用到专家培训和跨学科的交流与特殊教育学习模式,学习任何类型的信息可以通过网络传播。学习者还可随时提出问题并获得在线解答，具有互动性，为广大学习者提供更高质、高效和便利的教育资源和学习机会[2]，其主要具有以下几个方面的特征。
2.1开放性
MOOC平台对所有学生都是开放的，任何人都可以注册课程平台，只要对相应的课程有兴趣均可加入学习。因此MOOC参与课程人数众多，参与者甚至遍布全球，由此可见对学生的自身条件没有硬性要求，学生可以根据自己的需要选择相应课程。2.2大规模性在MOOC平台上同一门课程的教学就有多种不同的版本，并且MOOC的课程不是一两门，而是具有一定的规模；学生可以根据自己的情况选择课程进行学习。并且，对于学生来说，同一门课程会有很多学生进行参与，大家可以在MOOC平台上针对课程的重难点问题进行讨论。
2.3互动性
MOOC是一种基于网络的开放式资源并且与学生交互参的在线课程，课程学习分为教学视频、教学计划、互动交流和单元测试等多个模块。它为学习者形成交互性社区，实现教师和学生之间、学生与学生之间的交互。
2.4教学性
MOOC平台上的各门课程一般都是按照教学大纲要求组织实施的，而且课程内容是循序渐进的，非常适合学生进行自学，当学习过程中遇到没有掌握的知识时，还可以不断的进行反复学习。这是普通课堂教学无法做到的。
3MOOC支撑下的《网页设计与制作》课程教学模式
传统高校课堂基本是教师讲授知识的独角戏，教师既是主导又是主体。将网页设计与制作课程搬到MOOC平台上，不是简单地将课堂教学的内容原样搬到屏幕上，而是要结合网页设计与制作的课程特点以及MOOC平台的特点，重新组织，将整门课程进行整体规划，精心录制，案例教学，项目教学，在线试题测试等。
3.1课前自主学习
任何一种有效的教学，都必须有学生的参与，为了更好的突出每一个知识点，我们将网页设计与制作课程分为一个个小的独立项目，每个项目的授课时间都控制在8-10分钟，这样让学生能够集中这十几分钟的精力认真领会该项目的内容，将传统课堂中理论知识的学习在课前让学生通过“听课”的方式自主预习，同时掌握相关的基础知识，对于有疑问的地方还可以通过在线的方式跟同学和老师交流。老师也可以通以教学小组方式来集中备课，集大家所长，使授课内容能够吸引学生的眼球，保证这十几分钟的讲授内容的精华所在。同时对一个个小项目的学习可以是一个循序渐进的过程，只有学习完成了前面的项目，才能进行后面的项目的学习，这样即可以循序渐进，又可以随时把握学习的学习进度，同时还有利于学生巩固已学习过的项目知识，另外，在现代社会，学生们还可以利用移动终端在任何时间、任何地点开展学习。这样，学生们可以充分利用碎片化时间进行学习，解决了传统教学中学生因缺课、未弄懂课程内容或忘记课程内容时没有相关教学资源可供学习的问题。
3.2课堂教学
MOOC与传统教学模式相结合可以让课堂教学成为一个真正的“以学生为中心，以学习为主导”的“双主”教学中,教师是主导，同时起到引导和控制的作用。可以穿插问题在课堂教学和实践当中,尤其是在这样一个课程的网页设计和实践应用很重要的课程，通过案例进行讨论，鼓励学生发现和提出问题，善于引导学生积极思考和有效地讨论和回答，在传统的课堂，老师提问的形式来对学生进行课堂测试，确保学生掌握知，如让学生进行代码程序的编写，完成部分网页的设计与制作，通过这样的方式来验证课堂教学的教学质量。在MOOC平台上也可以采用这样的方式，在讲授的过程中，可以对学生的作品进行展示并给予评价和点拨，视频可以随时停下来，针对学生不清楚的知识点进一步的讲解，并且提出问题供学生回答，学生可以在线进行互动交流，在一定的时间之内完成问题并提交系统，这样即有利于完善学生的认知结构，还可以使学生较全面了解自己的学习水平，让学生在评价中学会自我评价、自我完善、相互督促、相互学习。
3.3课后测试
在每个知识点、每一小节、每一章节以及在整门课程结束后都配有相应的项目案例。针对不同范围内的项目进行测试。在学生做完测试项目后，系统会自动给出评分，激发学生的学习热情，提高学生自主学习能力及研究能力。分析并且给出接下来的学习计划。MOOC与传统教学模式相结合可以让课堂教学成为一个真正的“以学生为中心，以学习为主导”的“双主”教学中,让教师从一个讲授者真正变成学习的启发者、引导者、激励者，而学生也从被动的填鸭式教学中解脱出来，能够积极主动地完成相应的学习活动，有效地解决了目前传统模式下《网页设计与制作》课程教学存在的问题。
4互动平台
学生在教学的过程中，充分享受MOOC平台为大家提供一个免费的互动平台。在网页设计和制作这门课中，可以在ＭＯＯＣ平台上建立一个网页设计和制作的讨论社区，学生和教师可以在这个社区中进行讨论，并在该平台上可以形成相互学习小组，一起学习，共同进步。通过在ＭＯＯＣ平台上的学习，丰富课程的学习形式,提高学生的学习兴趣,使学生从被动学习变为主动学习。
5结束语
基于MOOC平台的网页设计与制作课程给学生一个良好的学习平台，大大提高学生的学习兴趣，同时也方便了学生和学生之间、老师和学生之间的交流互动。但是现在MOOC平台仍有不足的地方，下一步如果将大数据的分析、智能算法等各种新技术运用在此平台上，进一步的分析教与学模式下，如何分析学生的学习行为模式，教师如何在平台上更好的关注教学、关注学生，针对不同层次的学生分析出不一样的学习计划，真正实现因材施教，使MOOC平台真正能向更加智能的方向发展。
参考文献
[1]蔡群英,黄镇建.项目驱动案例教学法在《动态网页设计》课程中的应用[J].现代计算机,2013(3).
[2]丁海燕.“网页设计与制作”教学实践与实验教学设计[J].云南大学学报,2012(2).
作者：田建勇 单位：安顺学院电子与信息工程学院
第五篇：网页设计与制作一体化课程教学改革分析
【摘要】本文通过对高职院校网页设计与制作这门课程的教学现状进行分析，并提出了该门课程在教学过程中存在的问题。围绕高职《网页设计与制作》一体化课程教学改革进行研究。
【关键词】网页设计与制作；一体化课程；教学改革
1引言
随着“互联网+”时代的快速发展，传统企业转型互联网企业，需要更多网页设计师来建造传统企业的互联网平台。从互联网行业的发展来看，由于网页设计对新技术的接受度较高，晋升速度比其他岗位快的多。因而，网页设计师就成为了近年来急需的人才。比如我校是医学类高职院校，开设有卫生信息管理专业，计算机网络专业，网页设计与制作已经成为了重要的专业课。虽然在教学过程中对教学方法不断摸索，仍然存在问题。因此，需要开发新的教学模式和教学手段来促进学生学习能力培养。
2高职网页设计教学现状分析
高职教育及时关注最新最前沿的技术发展，以市场的需求作为培养的方向。在高职的教学过程中更注重培养学生动手能力，一旦毕业就能快速的适应岗位，因此，高职的教学过程中多采用以技术理论和实际操作相结合的教学方法。而网页设计这门课程在以前教学过程中都是把理论和实验课程分开上。以我校为例，一周一次理论，一次实验，并且理论和实验课之间的时间间隔也较长，有时是间隔一两天，有时因排课的原因可能会隔四五天。这就造成了学生刚听完理论课，明白了一些内容，但是由于高职的学生普遍自觉性较差，课下不做复习，大多在实验课上内容已经遗忘了百分之五十以上，教师只能重新把重点的知识点进行讲解。造成了大量时间的浪费，效果不明显。近年来，我校在网页设计与制作这门课程上稍有调整，普大专科层次的学生采用“教学做一体化”的教学模式，教师一边讲一边带着学生做案例，能够对网页设计课程中的重要知识点进行巩固，也能发现在练习过程中学生的薄弱环节在哪里，以便于课堂上就能把问题难题快速解决。但是我校五年制专科的学生在网页设计课程中仍然沿用一次理论一次实验，学生基础相对薄弱，理解能力有限，理论课课堂效率不高。
3高职网页设计课程教学中存在的问题
3.1教学手段单一，学生兴趣不高
在教学过程中，多数高职学校的教师因承担课时任务重，日常教学事务繁杂，造成能够做到较好质量备课的时间有限。大多教师都采用传统的教学手段，教师讲，学生做，网页设计这门课本身不属于较难的课程，但是代码量大，并且重复率高。因而很难激发学生对网页设计这门课程的学习兴趣，学生普遍积极性不高。
3.2教学多以教材为中心，教学模式固定，脱离实践
高职学校教师因外出学习和培训的机会少，对前沿和市场需求的掌握程度不够。另外，一些学校采用专家听课的教学模式，每个学校都有自己一套固定的教学套路，这也给教师在思想上无形添加了负担，并且教学过程中，采用以教材为中心，备课总是按照学校固有的模式安排课程教学，缺乏大胆创新。因而，造成了网页设计教学围绕教材展开，学生对综合性案例的分析能力普遍较弱，脱离了实践技能的提高，学生学习主动性差。造成了对学生自主学习能力培养的程度不够。
3.3考核方式简单以我校为例，网页设计课程的考核方式
为期末理论考试70%，实验考试30%。学生掌握学校的考核方式，平时多数同学不用心练习，班级提问问题的仅有少数的不到五分之一的学生。大家只重视最后的期末考试，失去了学习网页设计这门课程的意义。
4《网页设计与制作》一体化课程教学改革与实践
由于在传统的网页设计与制作课程中存在的问题较多，并以我校的教学亲身体会，特提出网页设计与制作一体化课程教学改革与实践的具体办法。
4.1采用项目驱动的一体化教学方式
项目驱动式教学法已经成为近来来各大院校青睐的教学方法，该教学方法理念新颖，符合高职院校学生的特点，以学生的实际动手实践能力为出发点，摒弃传统的以理论为主的教学方法。首先，学校配置专门的综合实训室，网页设计与制作这门课程教学做一体化的实现均在实训室完成，给学生提供良好的软硬件资源和条件。其次，教师采用案例教学手段，基本上每次课都有一个综合项目，在综合项目中介绍本次课程含有的重难点知识。把项目当做指引线索，通过项目任务来驱动整个教学过程的进行。在项目选取上，教师可以通过走访部分相关企业，了解他们的用人需求。或是走访兄弟院校，了解他们的办学特色，取长补短。最后，确定网页设计这门课程在工作中对学生能力的要求，并以较大程度激发学生学习兴趣为出发点，以切实培养学生动手能力，创新思考能力，学会网页设计与制作为主。从而制定实战性较强的综合案例。并在上课前提供给学生本次课项目操作的主要过程，学生依照提供的主要操作步骤完成任务。教师给学生操作效果图，提出操作时间的约束。课程结束前验收学生对该项目的操作效果，如果本次课内容较多或者学生们存在的问题较普通，可以重点再讲解，课下让学生们完成任务，并把结果发到教师邮箱。
4.2以学生为主体的教学做一体化教学改革
为了使教学一体化效果发挥更好的效果，可以采取定期抽验，比如三周为一个节点。教师根据不同程度的学生进行小组划分，每个小组5个学生，并设立组长，每个组都有成绩优秀的和成绩不太突出的学生。教师布置测评的任务情景，每组同学分工协作，有进行策划撰写的，有搜集图片、动画等资料的，有通过工具对资料进行美化的，有进行CSS层叠样式设计的，有进行主体HTML代码编写的。各个小组根据他们的特长和对网页设计与制作知识技巧掌握的程度，利用网页设计工具，设计出具有创造性和创新性的网页。在课堂上，每组组长分别对该组设计的网页进行展示，并做相应的分析和讲解。教师可以请班委和其他的专业教师对每组学生的作品进行评价和打分。通过团队的合作，不仅提高了学生们的积极性，同时也拓展了学生的视野，而不是只把注意力放在教材上。同学们根据任务情景再现，从布局到每一张图片每一个文字，每一帧动画的设计，都倾注自己的认识和理解，从而达到良好的教学效果。
4.3教学做一体化中评价考核模式的改革
课程考核作为教学过程中一个重要的环节，也要做到严谨合理。要以提高学生对网页设计课程的掌握水平，以培养学生的职业适应力为目标。采取全方位的评价考核方式。兼顾学生的课堂纪律，学习态度，实践操作能力，分析问题能力，团队协作能力和创新能力。网页设计对制作课程可以采取过程考评的为主，期末考评为辅。具体考核方式为每三周的团队协作案例占比重为50%，每次完成课堂的项目任务占比重为20%，期末考试比重为30%。该考核机制能够很好的体现网页设计与制作课程实践性较强的特点，同时也让学生们在真实的任务情景中得到各方面能力的培养。
参考文献
[1]王雅婷,吴慧林.基于项目驱动的《网页设计与制作》一体化教学模式应用研究[J].科技信息,2012(19).
[2]崔愿星.网页设计与制作教学中学生能力的培养[J].科技展望,2017(5).
[3]李娟.浅析《网页设计与制作》一体化教学设计[J].计算机光盘软件与应用,2014,4.
作者：张琪 单位：南阳医学高等专科学校
第六篇：网页设计与制作教学实践能力研究
摘要：《网页设计与制作》是一门理论与实践结合紧密的课程。本文结合《网页设计与制作》课程的教学实践，并根据课程自身的特点，从教学内容、教学方法、考核方式几方面阐述了如何提高该课程的教学效果，并研究了教学中如何培养职学生“自主创意静态网页”的实践能力，提高中职学生的综合素质。
关键词：网页设计；自主创意；静态网页；实践能力
近年来，随着中职生招生学费政策的调整，在国家政策的大力扶持下，中职学校的生源状况明显增多，乌鲁木齐市属中职学校的学生综合素质发生了巨大变化，“90后”“00后”的学生纷纷走进校园，他们成长在网络化、信息化的时代下，如何在飞速变化的环境中把他们培养成合格的中职毕业生，是每一位教育从业人员义不容辞的责任。同时中职院校所开设的招生专业也更趋向多元化，结合现在企业需求，不断调整招生专业设置，所开设的专业大多是实践动手能力强和校企合作项目的专业，其中计算机平面设计专业是近几年各个中职学校一个非常热门的专业，学生就业前景良良好。计算机平面设计专业是一门艺术理论与实践结合非常紧密的专业，学生不但需要拥有良好的美术功底，还要掌握一定的艺术理论知识，最重要的是要把这些能力应用在自己的设计作品中。通过在设计软件实践教学过程中发现，设计软件类课程教学效果并不十分理想，学生的设计作品缺少自己的设计风格，自主创意部分，大多都是照搬书中案例，较少加入个人创造性思维设计。现如今人们的生活已经离不开网络，网络在人们生活中发挥着越来越重要的作用，通过网络向外界宣传个人信息或单位形象，推广公司产品或开展公关活动已成为一种新的流行趋势，包括网络购物也成为了生活的一部分，而这些都需要一个好的网页设计才能吸引我们的普罗大众。《网页设计与制作》课程的教学方法和教学效果也必然成为了重中之重。《网页设计与制作》课程是一门艺术理论与实践结合非常紧密的课程，学生不但需要拥有良好的美术功底，还要掌握一定的艺术理论知识，最重要的是要把这些能力应用在自己的设计作品中。通过在设计软件实践教学过程中发现，设计软件类课程教学效果并不十分理想，学生的设计作品没有主题，更谈不上有自主创意部分，只是一味的模仿课堂上的案例，没有更好把个人创造性思维设计融入到自己的网页作品中。在科研兴教的大氛围带动下，我们感到必须探索一种符合现代学生生理、心理的教学方法，才有利于学习《网页设计与制作》课程。因此，我们提出了“中职《网页设计与制作》教学中培养‘自主创意静态网页’实践能力研究”。
一、中职学生学习网页设计存在的问题
（一）《网页设计与制作》课程不仅仅是计算机软件方面的操作，还需要学习美术基础知识和艺术理论知识，所以学生在学习该课程前最好拥有一些基础的绘画功底，在设计网页作业时才能得心应手，但是中职学生美术功底都是入校后才进行学习，所以对自主创意静态网页设计的概念还比较模糊，在学生进行静态网页设计时就会发现缺乏主观能动性和创造性。（二）学习《网页设计与制作》课程时，学生如果只是对计算机抱有一腔热情是不能够很好的掌握课程内容，只是通过在课堂上的时间模仿老师教的教学案例，不能把自己创意思维融入到网页设计中。不过通过实践教学过程发现喜欢计算机的学生在设计软件的实操课程上接受能力很快，实际操作能力很强，但是学生作品往往缺乏创意，不能把艺术理论和实践很好的相结合。（三）中职学生的学习习惯缺乏主观能动性，如果老师在教授Dreamweaver设计软件课程过程中不能够很好的引起学生兴趣，学生的学习往往只停留在每周四节课的网页设计课程学习中，课下不会在再主动进行软件的操作练习，这就造成了现学现忘的现象比较普遍，过度依赖上课操作的时间，在课堂上老师也不得不花费大量的时间再对上节课的内容进行复习巩固。针对以上问题，笔者在《网页设计与制作》教学中培养“自主创意静态网页”实践能力研究，对中职网页设计课堂中实施的教学方法、训练策略等进行有益探索和大胆尝试，对在教学中实施“自主创意静态网页”教学内容存在的问题进行原因分析并尝试有效改革，进而探讨如何在《网页设计与制作》教学中适当加入“自主创意静态网页”部分，不但可以提升学生的设计实践能力，还可以提高中职《网页设计与制作》教学的有效性，实现本课程的教学目标。就是让学生把已学到的网页设计软件实操知识，在学生实践设计作品中加以有效运用，让学生以自己兴趣为引导，加入自主创意网页设计内容，提高学生主观能动性，发挥自主创意，达到在《网页设计与制作》教学中培养“自主创意静态网页”实践能力研究。
二、结合实际，创新教法
《网页设计与制作》课程是现代计算机平面设计专业必开课程，课程内容紧贴当下信息网络时代，但是针对中职计算机平面设计专业学生所存在的一系列问题。因此，我们有必要转变传统教学观念，引入新的教学方法：（一）在《网页设计与制作》教学中培养“自主创意”部分，学生不再是被动的“教着学”，而是主动的“创造着学”。把课堂上老师教授的软件使用知识，灵活应用在自己的设计作品中。学生们群策群力、积极参与，充分挖掘自己的潜能，从自己的兴趣着手。《网页设计与制作》课程的学习不再是简单的学习Dreamweaver软件操作，而是各种设计实践技能的展示和应用。在参与中充分体现学习的主体地位和主导作用，提高学生自身的基本素质。（二）在《网页设计与制作》教学中培养“自主创意静态网页”部分，教师通过在同学们面前展示学生独立完成的网页设计作品，用和蔼、肯定和鼓励的话语，给予学生网页设计作品的充分肯定，激发了学生的设计潜能；教师通过在同学们面前展示学生网页设计作品，在学生中间形成一种积极的设计氛围，相互学习，相互欣赏，在欣赏了优秀学生设计网页作品的同时，也能够知道自己网页设计作品的缺陷并进行改进。如此良性循环，将会产生教师所期望的效果。教师鼓励性的评价，师生同场竞技，同学热烈的掌声，甚至是赞许的目光，都将拉近师生之间的距离，促进师生关系、同学关系的和谐发展。（三）教学内容和自主创意相结合，有利于激发学生学习《网页设计与制作》的兴趣，使学生在自己的网页设计作品中找到自信，从而提高对专业学习的兴趣，使学生更愿意通过自己的设计作品来提高自己的专业技能，发挥主观能动性。给学生一套完整的考评标准，并将同学以为小组单位进行作品的相互评审，在同学之间产生了良性竞争，也提升了同学的团队协作能力，最后可以评选出优秀的设计团队给予适当奖励，这样同学们就为将来从事设计相关工作做好前期准备工作。
三、培养创造性思维能力的重要性
自主创意思维是指在自主性的原则上，不依靠于别人，能够自主判断，自主选择和自主行动的一种思维能力。我们都知道创意是艺术设计的灵魂，创意思维是创造力的核心。那么我们该如何提升学生的创意思维能力，成了各位老师需要研究的内容。因此，在《网页设计与制作》教学中培养“自主创意静态网页”实践能力研究不但培养中职生对专业学习兴趣，而且提高了教学工作质量。（一）培养学生制作自主创意静态网页设计的教学方式有利于为学生创建一个和谐、生动的课堂教学氛围，教学是教与学的双向互动，教学过程实际上是知识情感的交流过程。（二）为学生创设一个宽松设计环境：一个人只有在宽松的环境中，才会展现自己的内心世界，才会勇于表现自我，个人的主观能动性才能得到发挥，学生只有在和谐、宽松的气氛中学习，心情才能舒畅，思维才能始终处于积极的、活跃的状态，有利于给学生培养问题意识。（三）问题意识是思维的动力，是创新的基石，医学期刊约稿是学生发现问题，探究问题和解决问题的保证。创造性思维意识能够让学在日常的上网生活中主动寻找自己需要的素材，在课余时间思考自己的设计主题。（四）有利于学生更愿意去开拓知识领域：丰富的知识是培养创造性思维的基础，学生有了广博的知识后，更容易发现各种知识之间的联系，并从中受到启发，触发联想，产生迁移和连结，形成新的观点和新的理论，在认识上达到新的飞跃,有利于激发学生创造性思维。
四、结束语
笔者在近两年的教学实践中采用了上述教学方法来培养学生的自主创意静态网页设计实践能力。实践证明，这些方法可以激发学生的学习兴趣，提高学生独立完成网页设计作品的综合设计能力，同时提高了课程教学效果。在课程结束时，大部分学生都可以独立完成一个自主创意的静态网站，包含四个以上超链接网页内容，其中一些学生还利用课余时间将自己的网页设计作品上传到网络空间进行维护，这些都为后面学习课程的同学创立了一个良好的设计氛围。在以后的教学工作中，我还将进一步完善关于“自主创意静态网页”的教学方法，培养学生自主创意思维能力，在课堂上营造宽松的设计氛围，为学生在今后的工作中打下坚实的设计基础，争取取得最优异的教学效果。
参考文献：
[1]张伟娜.网页设计与制作课程教学改革[J].北京联合大学学报,2006(12).
[2]葛鸿雁.关于设计和设计教学中思维逻辑性思考[J].新美术，2006（4）
[3]陈进文，彭云.对高校艺术设计专业学生创意思维培养的思考[J].教育探索，2011（1）
[4]付翔.关于提高中职学生学习兴趣的思考[J].安徽农学通报，2013（19）
[5]安海.教师在教学中如何激发学生学习兴趣、改进教学方法[J].山东省青年管理干部学院学报，2009（5）
作者：陈佳丽 单位：乌鲁木齐职业大学
相关专题：奢侈品营销的黄金法则 张明楷刑法学第四版
