高职院校网络专业《网页设计》课程模块化教学的探索

摘要：《网页设计》是高职计算机网络和计算机相关专业的一门重要的核心课程。文章分析了对《网页设计》传统教学模式存在的问题，探索《网页设计》课程模块化教学体系的构建和实施，力求通过模块化教学培养学生综合技能与素质，提高学生的职业能力。
     关键词：网页设计；模块化；探索
21世纪是科技的世界，更是互联网的时代，人们的工作、学习已离不开互联网，通过互联网发布和获取信息、展示部门、企业形象，开展网络营销等活动已成为一种新的流行趋势。无论是企业网络构建管理还是网站的开发运营，都需要靠实用型网络技术人才来实现，社会对合格的网站设计人才需求缺口非常大。高职院校为社会培养了大批网站设计人才，但真正符合社会需求的技术应用性人才仍然短缺。这一现象表明，计算机专业的教学和人才培养模式与社会脱节，高职计算机技术人才培养面临很大的挑战。
一、高职院校《网页设计》传统教学模式存在的问题
（一）《网页设计》课程具有实用性、操作性强的特点
在当前高职计算机传统教学模式中，教师通常根据“理论加实践”的模式来开展教学，即根据教材的章节安排进行理论基础知识讲解并演示操作步骤，学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生，忽视了知识与具体工作任务的联系，授课完成后学生大多只记得软件的操作和某些工具的使用，对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识，造成学生所掌握的知识技能与具体工作任务和就业需要脱轨。 
（二）实训环节还是模拟性实验多，内容单一，缺乏真实实践环境，学生未能通过实训有效地梳理所学知识，提高实践操作能力。
（三）一些高职院校学校的现行教材中教学内容比较滞后，脱离实际。实践与能力培养不够突出，专业实习、实训的设备与计算机技术的发展有一定的差距，学生的实验教学往往不能保质保量地进行。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会相关职业岗位的需要。
    
　　论文检测天使-免费论文相似性查重http://www.jiancetianshi.com
二、《网页设计》课程模块化教学体系的构建
高职院校的《网页设计》课程是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和发布流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作。在教学过程中，将这些知识点合理地贯穿在课程的授课中，将课程内容分段模块化，以应用和职业能力为导向，打破以知识为中心的传统学科章节体系，将工作岗位所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。
在授课内容上打破以往教材只讲授Dreamweaver软件制作网页，或者以Dreamweaver软件为主，Flash、Firworks、Phtoshop几个软件都涉及，但是这几个软却是孤立讲授，学生在学习的过程中学到的知识是零散的，思想是模糊，在制作网页时很难从全局的角度出发，规划设计制作出合格的网页。为此，笔者打破原有课程体系的束缚，调整原有章、节的顺序，增加以往教材中缺少的网站设计的重要知识—版面设计部分，将课程内容结构以应用为导向“模块化”，共分为四个主要模块，每个模块下又分为不同的子模块，根据模块的特点采取与之相对应的教学方法和手段，培养学生的专业素质和能力。
课程的设置模块如下表（课程模块设置表）。


课程模块设置表
课程知识模块子模块学习任务能力目标
模块一 基础模块（一）子模块一 网页设计基础了解网页设计基本概念，包括Internet、WWW、HTTP、HTML等；了解网页设计基本流程；了解网页制作相关工具掌握网络、网页、网站等基本概念，掌握网站设计基本流程
子模块二 网页制作技术掌握站点的管理；文本的处理；表格布局网页；超级链接的创建；css样式表的使用；模板和框架网页；多媒体的应用；层与时间轴；行为的使用等熟练掌握网页制作相关的技术；掌握常用HTML标签的功能和使用
模块二 设计模块子模块一 网页版式设计掌握网页的布局理念；色彩搭配；phtoshop和Fireworks设计网页页面能利用phtoshop或Fireworks图像处理软件设计网页页面，并能将页面设计图形成网页
子模块二 动画设计网页页面中动画的位置、设计能利用Flash动画制作软件设计制作引导动画、Banner、导航菜单等动画
模块三 基础模块（二）动态设计了解数据库的链接；IIS的设置；动态页面创建的方法会用ACCESS或SQL创建数据库，链接数据库；会创建简单动态网页；会测试动态网页；能将给定的动态网页（如论坛、留言板）链接到静态网站中
模块四 应用模块模块一 综合设计用户调查分析；材料的收集分类；网站的整体规划；综合运用所学知识建立一个网站熟悉网站的整体规划和设计流程，能独立规划、设计制作一个完整的网站（以集中实训的方式进行）
模块二 网站建设后期管理了解网站发布、网站测试、网站维护。会申请空间；能利用上传工具将网站上传到Internet上

    三、《网页设计》课程模块化教学体系的实施
（一）合理安排各教学模块的课时，突出职业应用能力模块的教学
在课时的安排上改变以往花费大量时间讲授使用Dreamweaver软件制作网页的技术知识，忽略网站设计知识，使得学生学完课程后缺乏设计能力。根据网络专业学生在先行课中学习过计算机基础、图像处理、动画制作等先行课，对于网页设计和制作基础等知识的理解接受能力较强的特点，在课时的安排上，基础模块部分只分配总课时的三分之一，设计模块约占总课时的四分之一，将剩余的将近总课时一半的时间分配在应用模块上，并以实训的方式，采用“真题真做”等形式进行教学，对学生着重进行实践和应用能力的培养，使学生在授课完成后对于网站的整个设计过程有一个比较清晰的认识，提高岗位技能。
（二）改革课程教学模式，提高学生学习效率
将整个教学过程分为两大任务—模仿型任务和实践型任务。模仿型任务主要是根据教师操作进行模仿训练，基础模块以模仿任务为主，目的是通过模仿训练熟悉基础网页制作的技术，为后面的学习奠定扎实的基础。
　　[8]电大学习网.免费论文网[EB/OL]. /d/file/p/2024/0424/fontbr />从设计模块部分开始，实践型任务就成为学生必须完成的一项重要任务，在这一时期的教学中，模仿型任务是模仿教师制作一个基本能够串连起教材知识点的网站。教师在上课时，首先向学生展示一个完整的网站项目，包括静、动态页面，让学生浏览网站的同时，分析网站的结构、页面布局、色彩的搭配、导航的设计、页面主要动画的设计等，使学生对具体的学习内容有了一个感性的认识，提高学习的兴趣。授课时将每个模块分成若干个子任务，让学生通过模仿子任务的操作熟悉相关知识点。实践型任务是一个由学生独立完成的网站，并将此任务作为学生的期考任务，由学生自定题材或根据教师指定的题材，在完成每堂课的模仿型子任务之后，自行搜索素材，根据所学到的新知识对实践型任务进行一定的设计与制作，为学生较好完成课程考核任务做好了铺垫。在教学任务完成后，学生对该门课程的知识即可形成一个完整的知识结构体系，学生基本能设计制作一个网站。在授课过程中，经常检查学生掌握知识的情况，给学生查漏补缺，弥补平时所学的不足。还可在学生完成的一些子任务中选出部分进行课堂演示和讨论，活跃课堂气氛，有利于学生记牢知识点。
（三）在课程实训环节“真题真做”，提高学生工作技能
实训环节是课程的一个重要部分，通过一段时间的实训，使学生梳理学过的知识，提高实践操作能力。我们在进行综合设计模块的教学时，即以集中实训的方式，采取“真题真做”的方式进行，让学生在真实工作情景中锻炼技能。一种方式是让学生参与计算机协会、团委等学生社团、甚至是学院系部、网站管理建设。如系部学生社团和系部各个部门在校园网上需充实、更新的网页、信息资源，系部制作的网络课程、精品课程网站等，都可让学生参与设计制作，学生在教师的指导下，或由高年级学生帮带，完成与“用户”的沟通，根据“用户”要求，搜集素材，参与项目的策划和实施。另一种方式是将学生带到与学院校企合作的实训基地，在企业中体验网站维护和建设的真实工作情景。这种真题真做的方式不但能让学生充分体验一个真实项目从开始到完成的全过程，检验自己的学习成果和实践能力，还可以考察学生组织协调、与人沟通、策划执行的能力，让学生得到一个综合性的锻炼。通过优秀网页作品的演示、分析,以及学生独立作品设计指导等措施注重提升学生艺术设计水平。
（四）以岗位和职业技能为标准进行课程考核
为增强学生综合应用能力，提高实践技能，期终考核采取两种考核方式，即“课程内容考核+实训考核”考察学生知识技能的掌握状况。要求学生两项成绩都合格，整个课程的成绩才算合格。
1、课程内容考核
《网页设计》课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站。因此课程的考核采取项目开发与项目展示相结合的方式，即让学生在一段比较长的时间内完成一个完整的网站，再组织学生进行项目展示。在教学中后期阶段，也就是在进行设计模块的教学时，就要求学生开始着手收集资料，按照教师给定的主题设计一个具有自己特色的网站。教师设定网站设计要求：作品是原创，主题突出，内容健康，布局合理，色彩搭配合理，至少还有8个页面，深度至少包括二级页面；显示分辨率以1024*768为准，必须上交网站设计过程中所有的源文件包括png、psd和fla文件等；还要求学生上交作品说明（包含设计思路，进度计划等）这样可以考查学生作品完成的态度和原创性，同时也可培养学生实践操作和应用开发能力，发挥学生的学习积极性和主动性。作品完成后，再组织学生进行项目展示，让每名学生都对自己所完成的网站进行一个介绍。然后由老师、同学进行提问，演示学生现场答辩。最后综合学生的作品和提问的表现给出一定的分数。这样既考察了学生的动手能力，也让学生的口头表达能力、临场反应能力得到了提高。
2、实训考核
计算机网络专业的毕业生将来很有可能从事网站开发和网页设计工作，在如今的人才市场招聘中，经常会看到招聘的网页设计人员，必须通过相关认证考试，由此可见，认证的重要性。因此，将网页设计课程教学和网页设计师职业资格认证有机结合势在必行。在课程实训结束，要求学生进行职业证书的考核，考核成绩作为实训成绩。学生选考的职业资格证可以是国家劳动部的ATA网页设计师、目前社会认可度比较高的Macromedia认证网页设计师证书、Adobe认证网页设计师证书(ACCD)等。使高职生生能结合所学课程和专业，进行职业资格能力方面的学习，提前了解职业技能要求，提高职业素质、实践能力和就业竞争能力，缩短就业上岗后的适应期。这无论从学生角度。还是从企业角度看，都是一件“双赢”的事。
经过近两年的探索和实践，教学成效还是比较显著的，相对于以前学完后对网站设计制作无从下手的现象已经很少了，大多数学生能利用所学的知识独立完成一个完整网站的设计制作，页面效果符合规范；ATA考证合格率95%以上，相当一部分学生毕业后能立即上岗，用人单位评价良好。但教学改革是一个动态的过程，要根据实施过程中的具体情况灵活运用，并不断加以充实完善，以期取得更好的教学效果，
    参考文献：
[1]安颖莲.网页设计与制作课程教学设计与实践[J]．中国教育信息化,2007,(9)．
[2]沈志刚、于晓霞．“模块项目化”教学法在网页设计与制作课程中的应用[J]．福建电脑,2009,(5).
[3]周娟.高职网页设计与制作课程教学的几点改进[J]．电脑知识与技术,2009,(5).
[4]蔡北勤.模块化基础上的工作过程系统化教学模式探讨[J].交通职业教育,2007,6(1).
　　[8]电大学习网.免费论文网[EB/OL]. /d/file/p/2024/0424/fontbr />