前言:一篇好文章的诞生,需要你不断地搜集资料、整理思路,本站小编为你收集了丰富的网页设计课程总结主题范文,仅供参考,欢迎阅读并收藏。
[关键词]网站建设与管理、网页设计师、活跃思维、提高学生自我能动意识
中图分类号:G642 文献标识码:A 文章编号:1009-914X(2016)04-0236-01
一、课题的提出
1.背景
十以来,我们国家对职业教育事业越来越重视,职业教学的改革步伐也在日渐加快,当前需要我们创造先进的、有效的经验来带动国家职业教育的创新发展。网页设计专业,在我们国家的网站建设与管理专业中发挥着举足轻重的作用,其作用发展历史长久,正处于稳步前进的上升期。
2.现状
网络发展飞快的今天,网页对于我们中职院校的学生来说很是熟悉,如“淘宝网站”、“京东网站”等等都是由网页组成的网站。伴随着历史进步的脚步、计算机技术的不断提高,人们对网站的要求不仅仅只满意于网页的简单操作,这就需要我们中职院校的教师能正确的培养出一批优秀的网页设计师。
3.基础
在学习《使用Photoshop设计网页》之前,学生已经在上一学期中学习了《使用Photoshop处理图形图像》、《计算机的基础课程》及《配色与布局》的课程,已经对网页设计有了基本的了解,本次课题的研究是让学生更好的掌握网页元素――“网页LOGO”和“网页按钮”的设计。
4.意义
学生通过使用Photoshop设计网页时,可以使学生们的头脑能够充分的发挥、活跃学生们的思维,设计出更好的作品。
二、理论依据
设置问题情境,是中职“做中学”的重要途径,不少教学实践表明,基于工作过程导向的教育是对学生专业能力培养的突破口。本课题借鉴姜大源的基于工作过程导向的课程开发方法的探索中的宝贵经验,着眼于中职网页设计专业学生实际出发,在工作项目的制定与实施上加以创新。
三、核心概念的界定
本课题是对我校高一年级“网页设计”专业学生进行研究,以现阶段的在校学生学习情况为出发点,研究我校学生在“网页设计”专业自我动手能力,分析原因,研究出在“网页设计”专业方面提高学生自我能动意识的办法,让学生能够更好的发挥自己的设计理念,使学生在“网页设计”专业方面达到学会制作,创新制作的程度。
四、研究目标
针对中职学生的实际情况,合理安排学生在“网页LOGO设计”和“网页按钮设计”方面的课程,做到有目的、有实效,以培养中职学生的综合能力为主要目标,制定有效的能力检测手册。
五、研究内容及对象
1. 研究内容
1)进行市场调研,确实掌握市场需要的人才所应具备的专业技能,明确专业定位与培养目标,撰写市场调研报告。
2)实施“网页设计”专业工作任务中需要具备的专业技能。
3)研究“网页设计”中“网页LOGO设计”工作岗位具体工作任务和工作项目。
4)研究“网页设计” 中 “网页按钮设计”工作岗位具体工作任务和工作项目。
2.研究对象
我校网站建设与管理专业一年级学生。
六、研究方法
1、实践研究法 2、调查研究法 3、文献资料法 4、案例分析法
七、研究的主要步骤和过程
1、准备阶段,认真选题,制定研究课题方案,确定课题的名称、课题研究的对象、研究方法、研究目标和研究任务,进行市场调研,编写市场调研报告。
2、实施阶段,根据网站建设与管理岗位学生的市场调研结果制定对策,制定科研项目实施方案及细则,编写《专业技能检测手册》。根据科研项目实施方案及细则付诸实践
3、总结阶段,研究总结阶段的主要任务是对研究实施阶段的成果进行综合分析总结,对研究过程中发现的问题进行反思,提出改进设想,为以后进一步研究做资料储备。
八、研究成果和结论
根据网页设计专业岗位的要求,我们制定了网页设计之“网页LOGO设计”和“网页按钮设计”研究课题,具体成果和结论如下:
(一)、网站建设与管理包括了2个典型的工作任务:
A.典型工作任务一:网页设计B.典型工作任务二:网络编辑
网页设计包括3个具体工作任务:
a)具体工作任务一:网页色彩与板式,b)具体工作任务二:网页图像处理,c)具体工作任务三网页动画制作,网络编辑包括3个具体工作任务:a)具体工作任务一:网页编排,b)具体工作任务二:布局美化页面c)具体工作任务三:网页特效制作
工作项目一:网页LOGO的设计,工作项目二:网页按钮设计
根据所编写的《专业技能检测手册》对学生进行考核,通过学生的考核结果了解学生对“网页LOGO的设计”和“网页按钮设计”掌握的很好。
(二)学生应该具备下列专业能力:
单项专业能力二:能熟练应用Photoshop软件进行网页图像处理
项目技能一:能熟练应用Photoshop软件制作网页LOGO
我以“宝马公司LOGO”的制作作为案例进行考核、分析、讲解
学生应该掌握以下4点的专业技能:
1)LOGO的简介:LOGO的书面翻译是作为标志的语句,标识语。在实际生活中,LOGO就是标志、徽标的意思。
2)LOGO的设计原则:符合企业的文化、精神、产品,应该具有较强的时代感,简洁易懂富有美感。
3)LOGO的表现形式:根据网页内容需要,确定LOGO的表现形式是图形方式、文字方式还是综合方式。
项目技能二:能熟练应用PS软件制作网页按钮
我以“Vista风格按钮”的制作作为案例进行考核、分析、讲解
学生应该掌握以下3点的专业技能:
1)按钮的简介:一个按钮至少应该具备两个条件:(1)代表了某种功能,并且通过某种形式将它所代表的功能表示出来;(2)人们通过这个按钮可以产生人机互动,来实现这个按钮所代表的功能。
2)按钮的表现形式:根据网页需求的按钮功能,确定按钮的表现形式是图形方式、文字方式还是动画方式。
3)按钮的设计原则:按钮是人机交互的纽带要醒目引人注意,按钮是人机互动的桥梁要准确反映功能,按钮不是独立存在的按钮的风格要与整体页面统一。
(三)根据岗位需求和国家职业鉴定标准,我们制定了网站建设与管理专业网页设计专题学生专业能力考核标准如下:
单项专业能力二:能熟练应用PS软件进行网页图像处理(满分100分)
考核项目一:设计网页LOGO(满分10分)
考核内容与要求:
①LOGO设计的准确性。(3分)② LOGO设计的独立性。(3分)③LOGO符合企业的文化、精神、产品。(4分)
考核项目二:设计网页按钮(满分10分)
考核内容与要求:①按钮表现形式凸显页面需求。(5分)②按钮的制作实用、符合按钮的设计原则。(5分)
九、存在的主要问题及今后的设想
1.存在的主要问题
在使用Photoshop设计网页元素的刚开始时期,学生常常会一次性形成一个或者多个创造思维方式,可是往往表现不出来,手与大脑的配合不能协调。
2.今后的设想
高职院校培养目标定位在培养高素质高级技能型专门人才。这种人才自身,要求不但能够从事相应的工作,而且具备较高的技能。在传统的网页设计教学中,大家采用的教学案例比较简单,许多教学案例的设计围绕知识点进行设计,即为了学会知识而设计教学案例。在考核中也偏重于理论考核。这样培养出来的学生,偏重于简单的网页设计,无法胜任真正的网页设计工作,当然也无法达到培养高素质高级技能型专门人才的培养目标[1]。这就要求在课程改革中,采用真实的企业网页,尤其的主流电商的网页,围绕真正的网站进行教学;在考核过程中注重过程考核,避免单一的理论知识考核。
二、课程内容的设计
(一)课程定位
网页设计课程是计算机应用技术专业职业能力模块中关于网站设计制作模块的一门专业核心课程。该课程是在专业基础平台模块的基础上开设的,与其他课程有着紧密联系。结合开设的《XHTML》、《数字平面设计基础》等课程,实现网页小前端设计。
课程围绕企业开发网页前端的整个过程进行设计,目的是使学生掌握网页设计与制作的常用技术和方法,使学生能够开发与制作出具有业界水准的网站,以适应社会对人才的需要。
(二)课程设计理念
1.以真实案例为中心,实现就业零距离
在教学案例的选择过程中,与企业著名的设计企业进行合作,校企双方通过对网页设计与制作必须的职业能力进行调研、分析,从实际工作项目中精选出本课程的教学案例。这些教学案例,全部是有一定专业水准的真实网站。学生通过真实网站的实训,欣赏水准和网页设计能力能够和业界接轨。实现就业的“零距离”。
采用“网站开发工作过程导向”的项目教学方法[2],强调学生所学知识和技能在实践中的应用,各个教学单元采用“应用导向,任务驱动”教学方法[3]。彻底打破原有的网页设计与制作教学体系,重建教学内容,将章节的内容以案例的形式讲述。以网页设计与制作中的各个功能的实现为主线,结合平时上课时讲授的实例展开。
充分利用网页设计与制作课程应用性强的特点,把该课程的教学改革与产学研结合起来,开展多项与网页设计与制作有关的科研教研。鼓励老师和同学多参与国家或者学院组织的各项比赛。
2.遵循认知规律,先感性、后理性,实现感性、理性认识的辩证统一
对于人的认知来说,总是先感性认识,后理性认识。感性认识是理性认识的基础,理性认识是感性认识的升华和总结。
在课程设计方面,先进行感性学习,即使用可视化工具进行网站设计;然后对网站进行总结,逐步使用代码工具进行网站设计;最后通过综合实现,实现能力的提升。能力提升示意图见图1。
图1能力提升示意图
3. 课程内容的选取
围绕电子商务网站装修新的就业需求,针对性的选择课程内容。对于计算机应用技术的毕业生来说,由于电子商务的发展,近三年来,越来越多的毕业生到服装、饰品等淘宝店铺去做店铺装修。甚至部分学生自己在淘宝上开店自主创业,淘宝店铺的装修成为人才培养的一个新需求。另外,在威客网站上也常见淘宝店铺装修的任务。
对于河南省来说,电子商务才刚刚起步,网店形象差,规模普遍较小。追究其原因,很多人还是老思想,认为“酒香不怕巷子深”,不注意网店的装修和自己形象的塑造。而淘宝店铺的装修正是解决这个问题。
对于传统的网页设计课程来说,过于强调技术。而淘宝装修就是包括两个方面:即网页设计和与网页相关的艺术设计,是信息学科向文化艺术领域拓展的新方向,是以技术为主,艺术为辅,技术与艺术相结合的新兴方向。
因此,在课程内容的选取上,不但要强调技术,也且要关注相关的页面艺术设计,特别是有关电商企业的页面设计。在课程内容的选择上,包括淘宝网、天猫、京东商城等众多电商的网页被选入课程内容。
三、考核方式改革
由于教学内容围绕网页设计与制作的实际应用进行展开,理论、实践结合紧密[4]。因此,考核方式也要进行改革。
改变网页设计与制作的考核方式。为了使同学们更好的掌握网页设计,改变原来那种仅仅笔试的考试方式,增加过程考试权重。过程考核主要考核学生解决网站设计问题的思路和方法,占70%;笔试考核主要靠和学生对该课程基本理论知识的掌握,占30%。
四、结束语
由于教学内容选自业界真实网页,具有业界水准,学生的网页欣赏水平和设计水平提升明显。考核方式的改变,进一步提升了学生的实际动手能力,收到了良好的教学改革效果。
参考文献:
[1] 张伟娜. 《网页设计与制作》课程教学的探讨与实践[J]. 中国教育信息化. 2008(03)
[2] 林莉莉. 基于任务驱动有效开展《网页设计与制作》课程的教学[J]. 太原城市职业技术学院学报. 2008(10)
[3] 洪华秀,姚菊英. 项目教学法在《页面设计与制作》课程中的运用[J]. 江西教育学院学报. 2009(03)
[4] 龚茜茹. 基于软件项目管理的《Photoshop》教学模式[J]. 河北能源职业技术学院学报.2012(09)
作者简介:
关键词:网页设计与制作 教学 改革
随着万维网的迅速发展,网页已经成为网络世界进行信息传播的最主要载体,网页设计与制作人才的培养成为当务之急。由于社会和专业的需求,《网页设计与制作》课程广泛受到各大中专学校学生的喜爱,下面就《网页设计与制作》课程的教学与大家进行探讨。
1、课程性质和特点
在中等职业学校,《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课;不仅涉及计算机图像处理、文字版面处理等相关知识,而且需要对相关课程有一定的基础;是一门集成了多种计算机知识和技术的综合,其本身具有很强的实践性,是网站建设的基础,而网页本身是当今社会网络世界传播信息的最主要的载体,同时网站又是企业向用户和网民提供信息(包括产品和服务)的一种方式、是企业开展电子商务的基础设施和信息平台。
2、课程教学目标
本课程的教学目标是使学生了解HTML语言的语法规则,掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性,了解HTML、JavaScript脚本编程语言的基本语法知识,能独立设计小型WEB站点。
3、课程教学内容
根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析,在制定教学大纲时,不应该拘泥于某一本或者某几本特定的教材,应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等,若能应用好Photoshop和Flash也是网页设计的关键,此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》,第三学期开设《二维动画制作Flash实训》和《网页设计与制作》,因此教学内容设计时不再重复这部分内容。另外,Fireworks同样也是作为网页制作的辅助工具,若学生能掌握,对网页的设计开发将起到画龙点睛的作用,因此这部分也安排了相应的学时。
《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的,是完成网页作品流程中的两个阶段,但这两个阶段之间并没有严格的界限,往往是迭代进行的。网页通常都是图文并茂的,对页面的美观有一定的要求。也就是说合格的网页作品,在技术上不仅要符合相关的制作规范,还应考虑页面布局、图片放置、色彩搭配、下载速度等因素,这些因素都与用户体验密切相关。因此,在学生掌握了基本网页制作后,笔者安排了网页设计方面的内容学习,主要包括色彩、图像、布局等。在讲授的过程中,还展示了部分网站(以电子商务网站为主),让学生去分析总结各个网站的特点,使得学生对网页制作的内涵有进一步的理解。
4、选择教材和教学模式
这门课程,仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样,一堂课下来学生只会做教师教的,不会融会变通,学生的创新意识得不到培养。我们只有突破传统的教学模式,才能培养学生自我探索、独立研究能力与自主创新精神。如何突破,并且取得良好的教学效果呢?通过几年的教学探索和总结,笔者认为,可以从以下几个环节来进行把握。
4.1 优选教材
合理安排教学内容一本教材的编排质量如何,会在一定程度上影响学生的学习兴趣和教学效果,特别是针对中职生这样一个特殊群体,我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。
4.2 精心设计网页制作课程的教学模式
掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式,充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例,还引用了大量企业中的真实案例。
5、教学方法与手段
5.1 教学方法的改进
在教学过程中,根据学校的培养目标和本课程特点,结合多年来实际的教学经验,对教学方法实施了以下几方面的改进。
(1)教师演示制作网页案例,传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性,避免“满堂灌”的传统教学模式,在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课,讲授并解析与案例相关的理论和技能,分析案例讨论中可能出现的任何问题,而且案例要具有典型性和针对性,从适合学生的接受能力来选择和设计。(2)教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后,要求学生能够按照案例的要求,通过上机及时模仿制作和案例相似的实验,巩固和加强学生掌握的教学中的知识点。
5.2 教学手段的改革
《网页设计与制作》是一门实践性很强而且广泛应用的技术,为了说明网页设计中的原理及其在实际中的应用,实时展示非常重要,因此在网络课程中的授课中接入Internet,随时将讲述的相关知识通过实实在在地网络来说明和解释,这样学生就不觉得枯燥和乏味,使学生明白了学习网页设计的重要性和实用性。
6、考核方式
该课程的考核内容应以实践操作为主。因此将考核方式定为考查,给出一定范围的主题,留给学生足够的时间完成作品的设计和制作,最后上交制作好的作品即可。留给学生足够的时间和发挥空间,可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践,受到同学的好评,并且出现了相当一部分好的作品。
关键词:网页设计基础 就业导向 教学方法
1、 课程目前存在的问题
1.1、各科不能融会贯通。要想设计与制作出高水平的网站,常用的网络三剑客软件:
“PHOTOSHOP 、FLASH 、DREAMWEAVER”是缺一不可的,而计算机应用专业的学生在开《网页设计基础》这门课之前,就已完成前二门课程的教学。但是通过对历届学生的调查发现,大部分学生学完就忘,不能将学过的知识课程融会到这门课中。在以往的教学过程中只注重软件的应用与知识点的讲解,学生就是不断在学习新的知识点,而忽略了网站的规划与设计环节,导致学生学过的内容不能融会贯通。
1.2学生层次不同。因为每个学生的能力不同,在传统的教学中老师统一下达任务,所有学生只能完成统一的任务,没有发挥学生自身的长处,无论是就高或就低教学都会导致学生的能力不能正常发挥与运用。长此以往,能力高的学生,觉得没有发挥自己水平的空间,最终导致学生失去了学习的兴趣;能力低的学生,总是处于跟不上的状态,而失去了学习这门课程的信心,最终放弃学习。
1.3传统的教学重点放在软件的使用方法上。虽然学生能熟练应用软件,但是不能从宏观的角度独立完成网站的规划与设计,这样就导致学生只是单一的完成别人指定的网站的制作,从而不能提高学生的创新思维。
2、以就业为导向对学生进行教学培训
根据调查中华英才、58同城等招聘网站,通过对课程的岗位指向分析,与《网页设计基础》相关的职业岗位主要有:网页设计与制作、网站管理与维护、网页编辑等。那么针对这些岗位对我们学生知识的要求最基本的有HTML、DIV、CSS等。而针对这些岗位对我们学生掌握软件的要求,最基本的就是网络三剑客。而我们《网页设计基础》这门课的主要软件就是应用DREAMWEAVER。 我们当前最主要的任务就是想尽一切办法,通过改革教学内容与教学方法来提高学生面对网页设计与制作岗位的知识与技能水平。
3教学方法
3.1阶段教学:教、学、练、做统一结合。互教互学,注重学思结合,知行统一。只有将所学所悟运用到教学实践中,才能让教学更加得心应手,使教学效果更上新台阶。在教学过程中要及时掌握学生的发展方向、学生的不同层次、学生的学习状态以及学生对教学内容的接受程度。教师要根据学生的接受情况仔细斟酌及时调整授课内容及难度。因此教师在授课环节上一定要给学生留有思考和讨论的时间,做到学思结合,让学生很好掌握当堂课的内容,并且与实际结合。教师要巡视指导,及时了解学生的学习状况及接受程度,分析与讲解共性问题。
3.2案例教学:案例教学是一种独特的教学形式,它是理论与实践沟通的一道桥梁,是发展学生的团队合作意识与能力的有效途径。那么在运用案例教学法时,案例的选择首先就要具有实用性、趣味性、知识性、典型性、启发性。将优秀网站的案例引入教材、教学体系当中,并且将实际案例与每个重要知识点的应用结合起来。经典案例赏析、重要知识点讲授、学生课堂练习、教师实践辅导、团队合作创新等不同教学方法灵活运用。充分利用现代高度发达的多媒体以及丰富的网上资源,及时与学生交流沟通。采用学习与研究相结合的方法,将现代计算机科学技术充分应用于教学改革之中。
3.3任务驱动教学:它将以往以传授知识为主的传统教学理念,转变为以解决问题、完成
任务为主的多维互动式的教学理念。在网页设计基础课程中体现的任务驱动教学法,按照能力分解,阶梯推进的思路,来设计与分配任务。同时学生完成任务的过程应该是一个不断提出问题、解决问题的过程,提高了学生的创新思维。
3.3.1任务驱动法需要遵循以下的原则来设计任务:
(1)任务要与现实生活紧密联结;
(2)任务要结合教学内容,突出教学重点和难点;
(3)任务的设置要适应不同层次的学生,因材施教。教师应该依据不同的学生层次选材,有针对性有目的性的去选择任务,保证所有学生掌握学习的内容。通过阶段教学、案例教学、任务驱动教学等实践教学环节,让学生体会和领悟网页设计与制作的方法和思路,通过完成任务进一步加深相关知识点的理解和应用,提高网页设计与制作的规划与设计的综合能力。学生在完成任务过程中体会到学习的乐趣,培养学习的兴趣,提高了创新思维能力。
3.3.2任务驱动教学法的主要步骤主要有:
(1)设计任务阶段:结合《网页设计基础》课程教学内容的知识点设计任务并且要与现实紧密结合。
(2)依据任务分配小组阶段:教师依据学生的特点分配任务小组,实行团队合作。
(3)搜集任务信息阶段:各小组学生根据课前准备的任务主题搜集素材,分类保存。
(4)任务实施阶段:小组内学生依据自己的能力及特长相互分工合作。教师提示各组要依据分配任务之前的标准来完成任务。分工进行图片处理、文字编辑、网页设计与制作任务的架构等。小组内学生要采取优势互补、团结协作、取长补短。任务组长综合各小组成员素材,合成作品。同时任务组长应负责检察组内成员所得任务的完成情况,作好记录向教师汇报。
(5)师生评比阶段:通过这种活动,充分调动了学生的学习热情,促进了学生的学习主动性,强化了学生的实际动手能力。
学生总结与评价,各小组的组长代表本组所分配的任务进行讲解与评价,各小组的学生针对任务讨论如何更好的配合。
教师总结与评价,教师针对各组完成任务的过程中出现频率较高的问题进行归纳总结,根据教师分配任务前所给出的评分标准进行评分,对各小组的学生任务完成情况进行评比,总结各小组分工合作协调、工作沟通的好坏,提出今后应注意的事项。
4.结束语
《网页设计基础》是一门实践性较强的课程,那么在教学方法与教学内容上应区别于理论课程。因此要想提升学生的主动性,就要合理安排教学内容与教学实践,教师为主导学生为主体是提高学生动手能力的关键。我们对该课程的改革力求提高学生专业能力和创造能力,通过对教学实践的探索整合多种教学方法,极大地提高了学生学习的主动性,取得了良好的教学效果。
参考文献:
关键词:实例教学;计算机网络;网页设计;动手能力
中图分类号:G434 文献标识码:A 文章编号:1674-7712 (2013) 02-0166-01
一、现实教学中存在的一些问题
通过教学过程中的不断摸索,我发现在以往网页设计课程的教学过程中,普遍存在以下现象:
1.学生们对于学到的知识,无法很好的掌握。学生对于课上学到的知识点,不能把知识点放大,跟现实网站联系起来,简言之,学生不能学以致用;
2.学生构建的网站结构不新颖,色彩搭配很乱,内容空洞,条理不清等。最严重的是一些同学根本体会不到网站构建的宗旨以及要领,随心所欲,没有一条主线,因而网站效果往往不尽人意;
3.教材的章节安排,对于学生的学习有一定局限性。由于课本上的书面内容对于讲解网页设计有局限,一些显示器上显示的东西很难通过课本完全展现给我们,也就注定了有很多东西是我们从课本上看不到,却又跟网页制作技术息息相关的。
二、根据现状调整教学
对于现实教学中存在的问题,综合之,学生没有足够的与实际接轨的空间,不知道最终要完成怎样的成品,而实际需要又有哪些,现实网络中都有哪些经典的案例。因此,根据这一现象,我采用实例教学,让学生能够学习最新的知识,练习最贴近需求的技术,掌握最重要的要领。具体实施过程如下:
(一)明确教学要点,激发学生学习能动性
在每堂课的教学中,有针对性的明确本次课的教学要点,即当堂课的知识点,并通过一些具有代表性的网站样品像大家演示效果,让同学们看到知识点在现实当中的体现,互相讨论和研究,这样才能让学生对知识要点产生兴趣,激发他们学习的能动性,从而也会调动课堂学习氛围,大家参与其中,动脑思考,一举多得。
在这个阶段中,我们要做到课程内容模块化,设计和解决难点,循序渐进:我们将整个课程内容合理的模块化,各模块之间既相互独立,也相互关联,同时也将课程难点分解到各个不同的模块中,简化了学生的学习进程。每个模块自成体系,学完每一个个模块就能获得一项知识、技能,前面的模块为后面模块做铺垫,后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。
(二)细化教学要点,逐步深入实践
在向学生灌输了初步知识要点以后,就要将各知识点更细节的问题一一讲解,从认识到熟悉再到应用,甚至对于遇到问题的各种情况以及解决方法,都逐步深入的加入,当然这种深入是离不开实践的。试着让大家围绕某一主题,例如美食、旅游景点、体育运动等,发挥自己的想象力,自己动手,利用课上学到的知识点,把各主题涉及到的图片信息、文字信息有规律有秩序的体现在网页当中。这样在实践中,教师协助学生及时发现问题解决问题,使同学们通过修改和总结,加深理解。
精心准备案例项目,从宏观上进行教学设计:将实际案例引入教材、教学体系中,每个重要知识点均与实际应用结合起来,融创新思维培养、团队学习方式、实践案例教学于课程教学中。经典赏析、知识讲授、课堂练习、实践辅导、创新操作等不同教学方法灵活运用,在充分利用现代多媒体教学、网上学习、交流沟通的基础上,采用第一课堂与第二课堂结合,学研相结合,将现代科学技术充分应用于教学改革之中。
(三)加强实例练习,提高学生创造性
对于网页设计的学习,为了使我们的学生操作比较熟练,又能制作出尽可能完美的作品,这就需要加强实例的练习,在摸索中寻求进步,在经验中总结提高,激发学生的创造性,能够打破固有的网页设计模式,有自己独特的色彩搭配、布局构造思想,这样才能让学生们适应千变万化的网络时代和人们对于网站产品的高要求。
在练习的过程中,讲究师生互动、生生互动,活跃课堂气氛:激发学习兴趣,提高学生分析问题、解决问题的实际能力,达到轻松学习、自主学习的目的;充分调动了学生的学习积极性和主动性,有效提高学生的学习能力、应用能力和创新能力。采用实例与基础知识紧密相结合的全新教学模式,一边讲授新知识、一边教师机演示、一边动手操作、讲与练相结合。
(四)课程改革的基础
根据教学条件,本课程主要讲述静态网页制作部分,对于动态网页、色彩搭配只作简单的介绍,在讲静态网页之前,加入flas、Photoshop图形图像处理技术的讲解,为静态网页设计做铺垫。《网页设计与制作》作为一门综合性的课程还涉及许多相关的课程,可以根据不同的培养目标开设不同的课程。
三、进行教学评估
在进行教学时,教师对每个学习情景都设计好案例,然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。而这几个过程中,展示评价是一个不可忽视的阶段。适当的教学评估,给大家一个互相交流经验的平台,不但能让大家发现自己在网页设计过程中的欠缺,还能从其他同学那里吸取好的方案和设计思想。
四、结束语
网页设计作为网络技术高速发展的衍生物,是一门应用性和实践性较强的课程,在教学的方法上区别于普通理论课的课程,我们力求通过实例教学,能够调动学生积极主动的动手能力,培养敢于尝试的心态,遇到困难勇于克服和解决的思想。这样的教学方法激发了很多同学学习的兴趣,端正了良好的学习态度,态度决定一切,因此在教学过程中取得了很好的教学效果。
参考文献:
[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化,2008,3.
[2]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑,2008,4.
《Web应用技术》是我校计算机科学与技术专业为大一学生开设的一门专业选修课程,本课程性质为纯实验课程,总学时32。其教学目标是给出一个网站的具体需求,要求学生通过对实际问题的分析,运用HTML、CSS、JavaScript等技术完成网站的设计及开发。使学生在掌握Web技术的同时进一步提高自学能力、分析问题能力。通过近几年教学情况总结及学生反馈,发现目前该课程存在以下问题:
1)在以往的教学活动中,授课教师是借助于某一个网页设计工具如DreamWeaver、Frontpage等完成网页设计各个知识点的讲解,这种教学方法对高职高专类院校的学生来讲,可能效果较好。因为最终学生掌握了某一个网页设计工具的使用。但是这种教学方式不利于我校本专业学生对后继课程如.NET应用程序设计、软件工程实践等课程的学习,因为仅仅通过一门开发工具去实现网页设计忽视了学生自写HTML、CSS、搭建网页设计框架等能力的培养。借助于某个工具,很多网页代码都是自动生成的,导致学生对网页代码理解就比较肤浅。
2)Web应用技术方面的教材市场上比较多,但是很多只是介绍网页设计工具的使用方法,比如网络三剑客Flash、Dreamweaver、Firework等,缺少系统全面讲解网站开发的步骤、思路及方法,没有通过一个完整的网页开发案例贯穿其中,有些书籍虽然带有网页设计的案例,但是很多涉及到数据库知识,对于还未接触到数据库设计的大一同学来说非常吃力。因此,目前需要编写介绍网页设计开发实例的教材,在这些教材的指导下,学生的网页设计能力能有所提高。
3)在以往教学任务中,该课程主要是完成一个“个人博客网站”的制作。随着网络技术及时展,博客已经慢慢淡出人们的视野。为了紧跟时展,同时也调动学生学习该课程的积极性,在保证网站的功能要求不变的前提下,需要适当调整网站所完成的内容,比如男生可以选择自己喜欢的游戏做一个游戏专题网站,女生可以选择喜欢的影星做一个专题网站等等。因此,鉴于目前现状,我们申请了学校的教育教学改革项目,对《Web应用技术》课程的教学内容、教学方式方法进行改革。并以资助资金为支撑,自行编写了《Web应用技术》实验指导书。并完成《CSS+DIV网页设计案例》教材初稿的编写,预计明年3月份由清华大学出版社出版。
2《Web应用技术》课程的教学改革
2.1教学内容的安排
在教学内容安排上,一方面要充分考虑到学生学生对后继课程的学习基础,另一方面教学内容也要与时俱进,考虑到学生毕业后的就业需求。因此,为了锻炼学生自写网页能力,我们要求必须使用文本编辑器(UltraEdit、Editplus、记事本)编写网页,不能使用网页制作工具如DreamWeaver、FrontPage等生成网页;同时为培养良好的编程风格及习惯,HTML文件的后缀必须为.html;CSS、JS代码尽量不要直接写在HTML文件中,作为独立的.css、.js外部文件引入HTML文件中。在实际教学过程中,以一个实际项目或类似项目贯穿其中,包括项目需求分析、主体框架搭建、各功能模块设计开发、网站整体测试、网站等步骤,变“因材施教”为“因需施教”,充分调动学生学习的主观能动性。
2.2教学方法的改进
1)采用任务驱动教学,注重自学能力培养在教学方法方面,采用学生自学为主、老师从旁指导为辅的方式。首先将整个网站设计任务进行分解,每个阶段有明确的任务要求,老师对其中的关键知识点首先进行讲解,积极为学生提供免费的学习资源平台如,并讲授查阅资料方法。然后让学生自行完成每个阶段任务,对于实践中普遍出现的问题,老师再统一讲解、更正。实现任务驱动与教学的统一。
2)提倡案例教学,提高学生学习兴趣在每次学习一个新的内容或者技术之前(比如CSS技术),教师提供相关的案例进行简单讲解,使学生掌握技术应用的关键点。先达到能比照葫芦画瓢的目的,然后再进一步加深考核要求。
2.3考核方式的改进
在考核方式上,改变以前以知识点考核为主的考核标准,改为以实践动手能力为主。取消笔试考试,并将期末考核和过程考核相结合。学生的最终成绩由平时考核(20%)、网站设计效果考核(70%)、网站设计报告考核(10%)三部分组成。平时成绩主要包括日常考勤、学习态度、实验效果等。将原来的10%增加到现在的20%,从而调动学生上课以及完成实验任务的积极性。
3结论
【关键词】 三环双向 网页设计与制作 教学改革
【中图分类号】 G434 【文献标识码】 A 【文章编号】 1006-5962(2012)08(b)-0184-02
1 引言
网页设计与制作是一门综合性很强课程,涉及文字排版、图形图像处理、动画制作等多方面内容,它不仅对技术有较高要求,也是艺术的体现,因此要求学生具备一定的创新精神和综合实践能力。传统的网页课程教学,重知识、轻能力,重技术、轻艺术,忽略情感教育,学生处于一种被动接受知识的情境下,势必导致学习兴趣下降,创新精神受压抑,综合实践能力得不到明显提高。本文提出了一种三环双向的教学模式,并将这一教学模式运用于网页设计与制作课程中,使该课程的技术和艺术在教学中能很好结合。
2 三环双向教学模式的理论依据与功能目标
2.1 三环双向教学模式的理论依据
罗杰斯(C.R.Rgers)的人本主义学习理论中,学习的基本观点可以概括为以下两点:个人具有学习的潜能;意义学习是学习的本质[1]。这种意义既理解和记忆的过程,又包含价值、情绪的色彩。布鲁纳认为只有有结构、有系统的存储知识,才有助于提取知识,有助于增进学习中的迁移,激发学习动机或学习兴趣。而培养能力就是要提高知识与知识之间的联系的能力、生成的能力。为了提高能力,应积极主动地、有意识地增加知识之间的联系,让知识之间的联系多样化、深入化、全面化,并主动在知识联系的交叉点上生成新的知识。
2.2 三环双向教学模式的功能目标
该模式的功能目标是指运用三环双向教学模式所能产生的实际教学效能及其标准。以学生可直接观察的行为和其身心变化为依据,它具体反映了模式设计者对按该模式进行教学能在学生身心上造成何种变化的一种期望或要求,在一门课程完成之后,学生的专业知识、专业能力、专业情意全面提升,有较强的团队协作能力、综合实践能力和创新精神,实现知识、能力、素质目标的三位一体。
3 三环双向教学模式涵义
三环双向教学模式中的“三环”指情感态度、知识、能力,“双向”指这三者之间的相互关系和作用影响。情感态度是指兴趣、动机、自信、意志和合作精神等影响学习过程和学习效果的相关因素。知识,是人改造自然过程中所获得的认识和经验的积淀,分显性和隐性,前者具有可整理、编辑和传播的特点;后者只能通过内心感悟的过程中来认识。在学习过程中,记忆是对知识材料的输入和重组,使其与其他知识材料建立联系,形成主体的思想、方法和精神内容的创造性活动。一个人不能再现所学知识,便无法建构知识应用、操作能力。能力,指主体可胜任某种操作的本领,设计操作活动所须具备的主观条件和实施方式。能力虽为知识的前提,但获得知识并不自动等于拥有能力,因为知识只有外化为可产生某种效率效度的操作力,才被视为能力。三环双向教学模式如(图1)所示。
(图1)中情感态度是获取知识和培养能力的动力,反之又将升华情感。掌握知识是发展能力的基础,学生对知识理解掌握得越深刻,越有利于能力的发展。能力发展是掌握知识的重要前提,掌握知识快慢、难易、巩固的程度依赖于能力,没有一定的认知能力(如感知能力、记忆能力、思维能力等)就不能掌握知识。传授知识与培养能力是对立统一的,它们相互联系,相辅相成,两者都是教学的基本任务,都很重要;应是同时进行的,不能有先后之分。
4 三环双向教学模式在网页设计与制作课程中的运用
在网页设计和制作的课程教学中,应努力去处理好知识、能力与情感态度三者的关系,找准一个平衡点,既关注知识的传授,同时在这过程中又培养学生的能力和发展学生良好的情感和态度。
4.1 网页设计与制作课程教学模式
网页设计和制作课程是技术和艺术的结合,在学习该课程前,学生一般都已具备一定的文字排版、图形图像处理、动画制作等多方面能力,并且也浏览了为数不少的网页。情感是人对客观事物是否符合自己需要的态度的体验,事实表明,情感因素是影响教学质量的一个重要的因素。首先引导学生欣赏网页,包括网页的版式、色彩、文字、图形以及多媒体等网页特有视觉元素的鉴赏,使学生能够更好更有效的接受信息并产生对美的网页的愉悦心情。积极丰富的情感能调动学生的积极性和主动性,在此基础上,教师可根据学生的知识结构和认识水平对网页设计和制作课程教学内容进行的加工,使所传授的内容同学生原有的认知结构建立实质性的联系,激发学生积极主动的从自己原有的知识结构中提取有联系的旧知识来作为掌握新知识的基础。在教学过程中注意学科理论与实践的结合,掌握知识与培养能力的结合。通过教师的启发与总结,使学生实现科学知识和道德情感的内化,在设计和开发网页过程中陶冶情操。根据图1三环双向教学模式,对网页设计与制作课程教学模式具体情况描述如下(见图2):
4.2 教学案例运用
现以网页的色彩为例,描述三环双向教学模式具体运用。
(表1)通常学生已具备一定的色彩知识和审美能力,基于此让他们描述对色彩的喜好。在教学中,通过对多项网页作品的欣赏和点评,引导学生进行网页色彩搭配设计,并且对一个网页搭配出多种风格的色彩组合,然后利用代码书写应用于网页制作中,一个网页的多种色彩搭配设计有利于提高学生的设计、创新等综合能力。作品设计完成,让学生对彼此作品色彩传达的心理作用描绘出作品表达的观念。这一案例的三环双向教学模式运用,实现了艺术和技术的结合,首先利用学生的审美等艺术素养调动他们的积极性,对作品进行艺术设计,接着以技术实现艺术设计作品,最后由完成的作品提升艺术素养陶冶情操。
5 结束语
网页设计的出现本身就是跨学科的结果,这种特性在未来的发展中会表现得更加明显,单纯的学习技术或者艺术,都无法满足网页设计开发。我们尝试采用三环双向教学模式进行教学,将技术和艺术很好结合在一起,学生的创新精神和综合实践能力都得到明显提高。
参考文献
[1] 向海英.罗杰斯人本主义学习论及对当前我国教育改革的启示[J].山东教育科研,2000:69-71.
[2] 朱峰.布鲁纳“发现学习论”对我国教育改革的启示[J].重庆科技学院学报(社会科学版),2008(6):188-189.
[3] 李亦菲,朱小蔓.新课程三维目标整合的KAPO模型[J].天津师范大学学报(基础教育版),2010(1):1-10.
1理论教学
1.1课程目标《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash,本课程的教学目标是:1)使学生掌握HTML基本知识,熟练掌握静态网页制作技能;2)使学生能够掌握流行的CSS+DIV网页设计技术,适应网页设计社会最新需求;3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出;4)使学生能够用Flash进行网页动画的简单设计;5)使学生能够掌握JavaScript简单程序设计,能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作,网站管理、Dreamweaver模板等。在进行课程设计时,突出HTML代码的教学,而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然,知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式,DIV+CSS网页设计技术使得网页的表现与内容相分离,提高了页面浏览速度,并且使得网站易于维护和改版,因此,在网页设计教学中DIV+CSS成为核心的内容,并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用,反复的练习,使学生真正掌握CSS+DIV的精髓,并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法,选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等,目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识,突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势,将计算机技术与美术相互渗透和融合,将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念,工具的使用,逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作,元件的使用,基本动作的使用,在网页中使用Flash的目的是让网页变得更加生动形象,因此在学习技术的同时更要注意网页动画的组织形式,与网页协调。
1.2.5JavaScript程序设计JavaScript是目前Web客户端开发的主要编程语言,也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础,变量、数据类型和表达式,流程控制,函数,对象编程,文档对象模型与事件驱动,窗口、文档和表单对象,级联样式表(CSS)技术,动态对象和Cookies及安全等,JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法该课程的教学实践性较强,知识覆盖面广,在教学中要极大的激发学生的参与性,锻炼学生的动手能力,培养学生的学习兴趣。注意引导学生学习理论与实践相结合,将理论应用于实践。教学过程中大胆运用模块教学法、案例教学法等教学手段,充分调动了学生的积极性和创造性,教学效果明显提高。
1.3.1模块教学法根据教学内容的不同特点,将整个《网页设计与制作》课程的教学分为五个阶段,第一阶段使学生熟悉并掌握HTML语言;第二阶段重点在于CSS样式表以及CSS+DIV布局方法;第三阶段在于利用Photoshop进行网页效果图的制作,并将图片切片输出;第四阶段在于利用Flash制作动画;第五阶段在于JavaScript程序设计;每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段,要学生学会并熟记HTML标记的用法,这就要通过大量小实例练习;在第二阶段主要进行页面整体布局的练习,学习如何把整个网页分成不同层次的块,然后再学习每一块的设计方法,只有通过全面的练习,才能掌握丰富多彩的网页设计方法;第五阶段则主要学习最新流行的网页效果的设计,重点在于网页程序的设计。每一阶段的教学内容完成后,在机房组织小测验,以实现分阶段达标,最终使学生完成该门课程的学习任务。
1.3.2案例教学法在课堂上采用案例教学法,通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。比如在讲解HTML的<img>标记时,图片的路径学生很容易出错,通过一些小实例讲解该标记在网页实际设计中要注意的问题,学生就很容易掌握;HTML基本标记学完后,通过一个综合实例——具有多个网页的网站的设计,综合应用HTML语法,达到复习和融会贯通的效果;再比如在讲解JavaScript程序设计时,理论的讲解贯穿在许多流行的JavaScript实例中讲解,极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计结合理论教学,设计配套的实验题目,对巩固课堂效果具有重要的作用。对于上文提到的五个阶段,分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导(路径)动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建为学生创建良好的自学环境。我们建立了该课程的课程网站,学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等,课程网站还提供大量的题库,包括选择题、填空题、判断题、问答题、设计题,学生登录后可以自由练习,从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段,开辟了学生自学天地。
2.3参与教师科研,以研促学鼓励和吸收成绩优秀的学生参与教师的科研活动,以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与,同时,学院的许多活动开展后,都安排学生设计相应的网站,这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组,拓宽知识面组织成立网页课程的兴趣学习小组,具体活动包括:1)举办讲座:资深开发人员的经验报告,网页知识讲座;2)举办竞赛:我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评,激发了学生对网页设计技术的兴趣,培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术,还要有一定的艺术设计能力,因此在掌握网页设计基本技术的基础上,课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力,学生需要独立完成一个表达特定主题的网站,要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出,最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计,网页代码的编写、调试。实训时间是32学时,实训结束后,学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码,还要进行现场答辩,这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材,给定的效果进行实验,主要注重的是设计方法和网页代码的学习,在实训中,素材需要学生自己搜集,效果图需要自己制作,网站的制作方法自己确定。这就要求他们上网查询大量的资料,遇到问题想办法解决学生带着问题进行学习和探索,培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力,更是从网站策划、网页的界面设计,网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练,为学生能够做出美观而又实用的网页打下了牢固的基础。
关键词:项目教学法;网页设计与制作课程;实践应用
Dreamweaver是一款目前最常用的网页制作软件,实用性和操作性强,是各类高职院校计算机类专业开设的主干课程之一。笔者在教学过程中发现,这门课的教学“好上”,但要“上好”却不容易,而且这门课的教材五花八门,编排顺序较为零乱,整体性不强。如果教师按照传统的教学方式,照搬教材,简单地按章节顺序讲解菜单操作和零散的知识点,则学生学完后并不能独立设计完成网站的综合开发,教学效果不理想。针对这种现象,笔者将项目教学法应用到《网页设计与制作》课程中,使这些问题得到了明显的改善。
一、在《网页设计与制作》课程中使用项目教学法的优势
项目指以生产一件具体的、具有实际应用价值的产品为目的的任务。项目教学法是以项目为主线,教师为主导,学生为主体的教学方法。它从职业的实际出发选择具有实用性的事例作为教学的内容,学生在教师的指导下,按照问题的要求搜集、选择信息资料,通过小组的共同研究,创造性地去解决问题,得出结论或完成任务。在《网页设计与制作》课程中使用项目教学法的优势主要表现在以下两个方面。
1.教师能够充分发挥主导作用,学生容易被激发出学习的兴趣
使用项目教学法能够将以往教师问、教师讲为主体的课堂教学,转变为教师引导,学生独立探索、质疑问题、合作学习与交流。“兴趣是最好的老师”,在《网页设计与制作》的教学过程中,我们常常通过展示一些往届学生制作的作品,并一一介绍其特点,让学生找到自信,让他们相信自己不但能做而且做得更好,然后再选定几个有特色的典型网站,让学生观摩其特色,并产生亲切感,使他们感到网页的制作并不是想象中的那么难。同时,在教学过程中还注意启发学生动脑思考,这样学生就很容易地知道,所学的网页制作中的知识点应用到自己的网页中的哪个部分最合理、最美观。久而久之,学生的学习兴趣就被激发出来。
2.采用项目教学不但能够激励学生自主自学,还能够发挥其主观能动性
将项目教学法引入《网页设计与制作》后,学生成了学习的主体,教师在教学过程中只是起到引导协助的作用。学生在项目的驱动下会自主学习,边学边做。有些能力突出的学生在学习过程中还会主动与外界联系,承接小型网站的建设项目。在完成项目的过程中,他们还会主动与其他同学和教师进行交流、讨论问题,这样又促进了项目的发展。项目完成后所带来的成功的愉悦和满足感,不但提高了学生的学习兴趣和学习积极性,同时也培养了学生自主学习的能力。
二、项目教学法在《网页设计与制作》教学过程中的具体实施
1.项目的确定
确立实用、优秀的项目是项目教学法能否成功实施的关键。因此,在实施项目教学法时,首先,应选择切实可行的项目。在教学正式开始之前,可先对学生进行分组,尽量使每一组学生的能力都比较均衡。同时,结合相应的岗位能力要求,将选用的项目分为两种:一种是选用已通过验收的项目,另一种是选用正在进行中的项目。其次,应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生,由教师负责选取项目,讲解知识点。所选取的项目必须简单、典型,并且最好选择已经完成的项目,以便学生进行知识的迁移。对于具有一定基础的学生,可由教师和学生共同讨论选定具有较高难度的项目,并且最好选择正在进行中的项目,让学生身临其境,参与创造实践活动,亲身体验实践的艰辛与乐趣。另外,应注意根据学生具体的培养方向,确立最适合的项目。
2.制定项目计划
网站项目的计划应按照项目开发的需求加以实施。确定项目以后,让每一组学生针对该项目进行需求分析,启发学生主动发现身边的素材。对于已通过验收的项目,可由教师充当企业客户的角色,由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料;对于正在进行中的项目,可由学生直接面对企业或客户,与企业客户沟通,做出需求分析。在这一过程中,教师起到指导的作用。此外,在对已验收的项目实施的过程中,教师应事先对该项目内容进行定位,分析研究需要解决的问题和完成的任务,确保学生进行需求分析时,不会定位过高。完成项目需求分析后,教师应根据学生所作的需求分析确定项目的能力模块,并将每个能力模块细分为一系列小项目,学生根据课程的时间安排,结合项目内容编写项目开发计划书。
3.项目实施
项目教学法中最重要的环节是项目的具体实施过程。在该过程中,教师应及时恰当地对学生进行引导,督促学生根据项目计划书,按时按量完成相应的功能模块,保证项目顺利进行,实现课程教学目标。对于首次接触网页制作的学生来说,没有一定的网页制作软件操作基础,就无法进行项目建设。因此,应在《网页设计与制作》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法,为第二阶段奠定基础,第三阶段的主要任务则是撰写网站开发总结报告,锻炼学生撰写文章的能力。
在第一阶段的实施过程中,主要教授学生网页制作软件的使用方法,使其形成相应的具体能力。具体做法是:教师首先通过简单的例子讲解实际操作方法,然后,让学生练习新知识、新操作,完成相应的实验实训项目。
在第二阶段实施过程中,结合第一阶段学生具体能力的锻炼情况,根据所要建设的项目,按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段,教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导,解决学生开发过程中遇到的难题,督促学生按时按量完成项目计划书中的各个开发环节,保证学生顺利完成项目的开发,实现教学目标。在实际教学过程中,教师要重点做好指导监督工作。如定期召开各项目组长会议,了解各项目组的开发进程;在项目开发过程中进行技术引导和指导,收集各组遇到的难题,组织各组进行总结和经验交流,从中探讨不同的解决问题的方法。
第三阶段实施过程的主要任务是在学生完成网站建设后,撰写开发总结报告,总结本次学习、开发的收获和经验,为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后,都要对该阶段的学习成果进行展示、评价、总结,及时改进不足之处,巩固成果,为后续工作打下坚实的基础。
4.项目展示与评价
项目完成后,应对网站项目的建设效果进行展示,并加以讲解。在讲解展示网站的过程中,学生和教师可以提出问题,并结合相应的网站项目评分表,形成学生和教师对该项目各自的评价。在对学生进行评价时,还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业或客户的开发项目进行评价时,除上述评价角度外,还应结合企业或客户的需求,即除了学生评价、教师评价外,还要有企业或客户的评价,并以企业或客户的评价作为最终的评判标准。
5.项目的总结和应用
项目完成后应进行总结,并将其成果应用到相关领域,体现该门课程的教学目标。苏州农业职业技术学院在《网页设计与制作》课中实施项目教学法以来,完成了多个项目并将研究成果应用到实际工作中,如其信息与机电工程系的网站、学院各行政部门的网站、精品课程网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法,找到自己的不足;技巧总结着重总结解决开发环节中遇到的难题的方法,把握并吸收整个项目开发的精髓;经验交流主要是对学习方法、知识应用进行交流。最后,教师可以指导学生对项目进行拓展和延伸。
三、结语
《网页设计与制作》课程在实施项目教学法后,从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分,而是真正掌握一门技术,具备一定的开发能力,能够承担相应的工作。在整个教学过程中,学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明,项目教学法突破了传统的教学模式,真正体现了以学生为本,最大限度地调动了学生自主学习的积极性,培养了学生的综合能力,使学生掌握了一门技能,从而更适应社会发展的需要,对教师也是一种锻炼和提高。
参考文献:
[1] 李洋.项目驱动教学模式在《网页设计》教学中的运用[J].电脑知识与技术,2009,(27).
[2] 万良,黄锦祝.网页制作技术课程改革探索[J].中国职业技术教育,2007,(7).