网页设计实训总结范例6篇

前言:中文期刊网精心挑选了网页设计实训总结范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。

网页设计实训总结

网页设计实训总结范文1

1.改革传统的教学模式

在传统的教学中,是以教师的讲解再配合学生的练习为主要的教学方法。这种教学模式,是以教师为主导的,老师先传授基础知识,再给学生演示教学实例,演示完成后再让学生做练习来巩固学习的知识。这种方法在教学中持续了好多年,他的好处是教学系统整个教学过程比较完整。可是这种教学方法有个致命的弱点,那就是教师在台上面面俱到的教,可是学生没有实际的操作经验,难以理解,老师在孜孜不倦的教,可是学生却兴趣缺乏,往往是老师累得满头大汗,学生却收效甚微。为此,我们提出了以学生为主导的教学方法。

1.1教师备课以学生为主导,要准备合适的案例为学生开启网页设计的大门学生是教学过程的主人翁,教师实现备课,除了准备必要的基础知识以外,我准备大量的设计实例。网页设计在技能上更注重设计,因此在备课的过程中,要根据学生学习循序渐进的过程,准备各个阶段的案例项目。在学生刚开始接触网页设计之初,要给学生一个网页的整体设计思路。这时候要准备大量的成品优秀案例,最好是获奖作品,提升学生的学习兴趣,让学生觉得学习网页设计是一个非常有意思的事情。在提升了学生的学习兴趣以后,要及时的准备教学实例,这个阶段要及时地把网页设计的基础知识融入其中,这个阶段的教学实例要简单易行,让学生比较容易上手,这时候的案例要比较充裕,以大的作业量来提高学生的基础设计水平。在学生掌握了基础制作水平以后,就是学生的提升阶段了,这个阶段的学习是非常重要的,是关系到整个网页设计教学的成败,这个阶段案例的选取要有代表性,这时的案例要全面可行,每一种案例都要涉及。最后的一个阶段是总结阶段,这个阶段的案例的选择要具有实用性,要采用企业的实际案例,模仿企业的运行模式来教学,案例要选取企业中实际制作项目。这样一整个备课过程下来,教师就对整个教学有了事先的良好把握。

1.2在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式,老师是项目经理人,学生是企业员工。在这种教学过程中,一开始学生就是作为新进员工参与其中的,教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接,可以是为网页设计漂亮的导航,可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计,要注意要及时的调动学生的积极性,对于完成的好的作业案例要给予表扬,适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下,学生的基础制作水准有了很大的提高,这时候要及时的推动教学进入下一个提高阶段,这时候教师要把自己的角色定位为项目经理人,提出一些有代表性的项目,比如为某酒店制作一个网站,提出各种要求,让学生在规定的时间内制作完成。这阶段教学的过程,教师要有耐心,要有一定的高度,对于学生的要求要严格,对于学生作业中出现的问题要马上提出,并督促学生做出优化设计。这个阶段的案例一定要全面,给学生的项目要有代表性,对目前使用范围比较广的网站设计方向要把握准确。在最后的总结阶段,教师提出的案例最好是企业所提供的,这种实例更具有实际性和探索性。比如,为宏福祥服饰有限公司制作网站。在这个网站的制作过程中,就有学生的大量参与,从选片修片到整个版面的设计,乃至后台的制作设计,学生们都做出了巨大的努力。在这个网站的制作过程中,学生分成了五个小组,做出了五套网站设计方案,最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。

1.3教学结果评价的改革在以往的教学中,都是以考试来评定教学结果的。在新的校企一体化的教学模式中,我们摒弃了以往的评价模式,采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现,作业成绩三七开的方法来考核学生。在作业的评定中,为了使评定结果更客观,我们采用专业教师和合作企业代表共同参与学生的作业讲评,根据讲评综合给分。这种考核方法更为合理有效,不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。

2.有效合理的利用校内实训

在网页设计的主要授课过程结束以后,最好要安排一至两周的校内实训。在实训周内,整合学生的全部力量,完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平,培养学生成为网页设计师的良好时机。在这个过程中,教师要为学生选好实训项目,最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后,一直以来都是分开来使用的,这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍,选用Photoshop制作出版式配色等整体效果设计,然后切片导入到Dreamweaver中,对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片,这样完成的项目更具有吸引力。通过合理有效的校内实训,可以加强学生的设计能力和创新能力。

网页设计实训总结范文2

论文关键词:平面设计软件;实训课程;项目设计;实训项目;成果评价;职业能力

平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课,是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的,教师给出一个课题,学生在指定时间按教师的要求完成作品,整个过程在教师的辅导下完成。在这样的教学过程中,学生的职业能力难以得到很好的训练,团队精神难以得到有效的培养。所以,在实训课上进行项目教学是很有必要的,因为项目教学法的核心是在教师的指导下,由学生去探寻得到最终结果的途径,学习的重点在学习过程而非学习结果,这对学生能力的培养是很有帮助的。在2周的时间里,如何设计项目才能使学生真实地体验一个项目的完整制作过程,是需要教师研讨的问题。

实训项目设计分析

实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础,实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以,项目的设计要求更能体现实际工作环境的特点,学生通过项目能更好地应用学过的知识解决实际问题,锻炼自己的实际工作能力。

设计理念平面设计是近十几年逐步发展起来的一个复合性职业,涉及面非常广泛,涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨,实训项目设计应该围绕着专业方向和培养目标进行设计;围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发,即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计;以项目小组的形式开展教学活动;通过实训项目训练,培养学生的创新精神和团队精神,使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件,完成符合实际要求的平面设计作品,实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标,但设计的项目不一定非要来源于企业,因为本课程的学生是“广告设计与制作”专业的一年级新生,还没有学过平面设计方面的专业课,用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标,可采取将虚拟项目按照真实项目完成的形式进行教学设计。

设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律,针对不同的用户要求进行各种平面作品的设计与制作。所以,“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力;文化类广告设计可以培养学生掌握完整的设计制作流程;“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例,分析实训项目的设计方案。

实训项目设计方案

项目背景随着互联网的飞速发展,网络已经成为人们生活中不可缺少的一部分,利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下,很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品,需要制作一个引人注目的精美网站展示自己。

项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作,需要学生进行市场调研,了解企业名称和受众群体,并采集各种信息,通过进行实际调查和需求分析,确定网站的市场定位,进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计,以满足人们的审美需求;在制作过程中要合理运用艺术设计的理论知识和软件技术,按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等,其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析,明确用户需求,并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。

项目能力目标为达到专业要求的职业能力培养目标,在项目执行过程中,要求学生能进行基本的市场调研,明确客户需求,撰写广告策划书;能根据策划书进行创意构思,绘制出设计草图;能进行一定的创意设计;能将艺术设计理论知识与软件技术相结合,具备项目执行能力、与人沟通能力及小组协作能力。

项目技术指导在项目执行过程中,教师承担着指导的责任,在设计项目方案时,教师要全盘考虑项目中的一些技术问题,对学生可能遇到的知识和技能问题做到心中有数,以使项目能够顺利进行。

1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误,确保项目的正确进行。因此,要了解项目的制作步骤及网页的设计流程:(1)市场调研,收集资料;(2)网站策划;(3)网页详细设计;(4)网页制作;(5)验收作品。

2.市场调研。在调研之前首先要确定调查报告内容,对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富,包括该企业的介绍、楼盘信息、图片等一切相关信息。

3.网站策划。网站策划是网站设计的关键步骤,只有真正策划好了,才有可能成为让客户或用户满意的网站。在本项目中,网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析,就是了解、分析、明确用户需求,利用创意草图,对网页进行合理科学的规划,即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。

4.网页详细设计方案。在需求分析的基础上,要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图,其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等,都要体现出来,要切题并突出重点。设计方案要充分展示房地产网页设计的特点,网站形象要庄重平和,信息量要全面、细致,具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求,网页功能要融入设计方案中,网页的内容与表现形式要统一,要对内容进行合理的分析、加工,按类别分类,栏目设置要一目了然。(1)首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时,标题要有概括性,要用标题性的文字使访问者快速了解网站所能提供的信息,可将具体内容放到子页里完成;要符合设计时的主题和风格;文字与背景要合理搭配;整个页面色彩选择要统一。(2)网页版式设计。在网页设计中,网页的版式设计以及色彩搭配是很重要的,字体的设计和图片的放置都要考虑整个页面的排版,要合理地运用空间,使网页疏密有致,井井有条,留下必要的空白,使浏览者感觉轻松,没有压抑感,但也要注意不能只追求版面效果而忽视功能方面的问题。(3)网页背景。网页背景设计不好会影响访问者对整个网站的印象,选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受,要合理运用色彩,造成良好的视觉效果。使用图片做背景时,要考虑大尺寸给传输速度带来的影响。

5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识,也要遵循网页设计独特的设计要求与原则。(1)网页图标设计。图标是具有明确指代含义的具有标识性质的图形,不仅是一种图形,更是一种标识,具有高度浓缩并快捷传达信息、便于记忆的特性,应用范围很广,例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素,应根据不同的应用有所区分,既可以用来标识一个栏目,也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用,从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强;要能准确表达相应的操作;按钮的设计采用图标和文字可以提高图标的可用性;为吸引用户眼球,颜色应简洁;使用矢量格式可以让图标随意放大缩小;在导航栏上或网页的某些地方使用合适的图标,不仅可以美化网站,还可以引领用户浏览网页。一般制作流程是先做出基本的外形,再进行上色修饰,最后增加一些光影使其具有立体感。(2)导航栏设计。导航栏是网页中用来装饰和展示网页的,是非常重要的组成部分,功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循“导航数量适当”、“导航提示明确、清晰、醒目”等原则。(3)网页色彩设计。网页的色彩是网页最重要的部分,是给访问者登录页面时的第一印象,好的页面色彩能给人带来很强的视觉冲击力,可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计,网站最后的视觉效果可能与客户期望不匹配。因此,设计时需要先了解网站的定位、网页的风格,学习有关的色彩知识,在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内,一般而言,网页的背景色应该柔和一些、素雅一些,如配上深色的文字,会使人看起来自然、舒畅,文字的颜色在不同底色的衬托下,会给人不同的视觉效果,设计时应综合考虑多方面的因素,设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识,教师可以给学生提供一些资料,让学生通过自主学习掌握这些知识,提高学生的自学能力。

网页设计实训总结范文3

原本计算机专业的基础课程和专业课程的课时就比较多,作为新加入的《网页美工设计》课程,课时分配就有一定的限制,而且作为本专业的专业核心课,课程多安排在后面几个学期,通常在这个时间段多安排的是比较繁重、训练量较大的其他专业核心课,这对学生学习精力的分配是一个挑战。

二、任务重

在《网页美工设计》课程中除了需要培养学生网页设计所需要的版式、色彩、字体等等基本的设计知识外,还要针对网页美工设计的特点进行专项的学习和实训,有些甚至还要新学习1-2个绘图软件,任务相当繁重。基于以上几点原因,学生学习起来有一定的困难,也给教师的教授带来了巨大的挑战。如果不能顺利的解决这些问题,开设这门课程就不能达到本来的目标,失去了开设这门课程的意义,而且学生学习后没有得到提升,还会打击学生学习的积极性和自信心。为了更好的上好这门课,笔者根据近几年的教学经验特提出一下几点新思路:

(一)调整优化教学内容。

根据网页设计的特性,调整教学内容,删除相关性不大的内容,对相关内容进行优化整合,如艺术设计专业学生要求掌握的图形创意、字体设计等内容对于计算机专业的学生来说难度较大,且与网页设计相关性不大,就可以舍去,重点放在图像处理和图文排版的内容上,教学案例的设计上都以各类网页为主,从按钮设计到整个网页页面的设计,使整个内容具有高度专项性质。通过对教学内容的调整,使其更有针对性,并且系统性的安排教学内容,使学生在学习的时候能更加轻松的掌握知识。

(二)使用多种灵活的教学方法。

对于网页美工设计这个实用性很强的课程,在教学方法的选择上,不能只进行空洞无力的讲解,应注重实践操作能力的培养,从实践中引入相关理论的讲解,使学生能更快的掌握一些基本的设计原则和知识。对学生的培养也要采用多样化的教学手段,如案例法、项目式教学法、PBL教学法等。通过以现有网页为案例讲解网页的设计思想,通过安排学生完成规定的项目了解网页设计的流程等。以实际案例作为实训项目,精心安排实训的内容,内容要与实际工作环境相结合。可以先将案例分段布置给学生完成,待学生有一定的基础后,再将整个案例安排给学生,学生可以自行独立完成或者分组完成,完成设计后可以让学生对起设计理念、设计方法进行陈述,老师和同学都可以进行点评,这样既锻炼了学生的创作能力也锻炼了学生们适应市场的能力。考核方式也更加灵活,注重学生实训的过程考核。

(三)加强课外练习和指导。

由于网页美工设计的课时相对于大量的教学内容来说是远远不够的,但是由于该门课程大部分内容都是用于实践,且与其他多门课程存在相关性,在其他课程学习或实践的同时,也可以强调考察学生网页美工设计的能力。而且设计能力的培养是一个长期积累的过程,教师要加强引导,可以收集提供资料供学生参考和练习,学生要做到多看多练多思考,提高自身自学能力,才能达到全面提升的效果。

三、总结

网页设计实训总结范文4

关键词:高职院校 网页设计 项目化课程 开发实践

中图分类号:TP311.1 文献标识码:A 文章编号:1674-098X(2017)02(c)-0224-02

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础,也是进一步学习动态网站设计等课程的基础。学完本课程,要求学生能达到掌握网页美工初步技能;熟练掌握HTML+CSS进行页面布局与排版的技能;基本掌握使用网页脚本控制页面操作和提升用户体验的能力。

按照高职高专知识传授特点与职业技能需求,同时根据网页设计与制作课程知识的掌握规律,目前我校采用了项目化教学方法,为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。

1 设计理念与思路

该课程根据职业能力发展的基本规律(新手―生手―熟手―能手―专家),将学习内容设计为网页设计实际工作,通过工作实现学习。采用整体模块整体的设计思路,按照简单到复杂、单一到综合、低级到高级的原则进行。

1.1 设计理念:学习的内容是工作,通过工作实现学习。

这一理念体现了该课程的职业性和实践性,同时学习的主体变为学生,学习内容以培养学生的职业技能为主。为体现这一设计理念,在课程设计前我们调研了数十家合作企业,与企业专家一起,对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析,整合出一个基于工作实践的“网页设计与制作”项目(比工作实践更完备体现课程的各个知识点)。同时分解实际工作中网页设计的工作流程和岗位,确立多个子项目。这种方式学习,充分体现职业典型工作任务,以“工作”促学习,边“工作”边学习,学生学习内容具体化,学习兴趣大大提高。

1.2 设计思路:整体模块整体

课程设计的思路是根据几个不同类型的网站案例整体设计入手,将网页设计所有环节和操作步骤详细介绍给学生,让学生从与“用户”沟通开始参与到整个系统的设计过程中,教师根据任务需要,先给出网页效果图,让学生体验完成后的整体效果,再根据项目进程分解任务,这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上,进一步将各工作任务分成若干子任务,通过90课时教学+30课时整周实训学习,最终将各个子项目整合,完成网站整体设计工作。在子模块学习任务设定中,每个子任务设计是按实际工作中网页设计的技能要求提炼出来的,能满足不同岗位的需求。

项目完成时,我们还设计了学员相互评价体系,对设计成果进行评估,让学生在自我学习过程中及时总结并收获进步。

2 对专业建设与发展的定位与作用

该课程采用项目化教学方式,可以起到如下作用。

(1)学生对该专业的工作岗位有了具体认识,了解了各岗位所需的专业知识,从而帮助学生进行职业规划和知识储备。(2)学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识,增强了学习信心和学习兴趣。

3 课程内容的针对性与适用性

(1)该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是:着重培养学生网页制作能力,具备HTML、CSS、JavaScript等知识,以网站设计工作任务为中心选择和组织课程内容,让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。(2)课程总学时为90学时教学+ 30学时整周实训,内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。

(3)知识目标和能力目标。

知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识,该课程学习结束,学生应能自行设计各种网页、开发一定规模的网站,熟练掌握网站制作基本方法和技巧,并最终设计出综合性的网站。

能力目标主要体现以下方面:

②熟练使用样式表控制页面外观。

③能在网页中设置需要的脚本。

④能进行网站的更新与管理。

另外根据职业教育要求,加强学生以下素质:

①服务意识:为他人提供优质的服务。

②文明法制意识:网站内容积极健康向上,不做违法的事。

③合作精神:能够与他人合作,具有协调能力和组织管理能力。

④较强的自我知识及技术更新能力:能快速跟踪网页制作的新技术及市场应用动态。

4 教学内容的组织与安排

该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块,其中HTML和CSS为学习和实践的重点,通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1,“网页外观制作技术”项目的教学设计见表2(其他教学项目的教学设因篇幅所限此处省略)。

5 教学模式的设计与创新

在该课程的教学中,教学地点由教室迁移到一体化实训室,教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。

(1)指定清晰的工作任务,教师展示页面效果。(2)学生制订工作计划,理顺工作思路。(3)教师进行工作过程辅导,讲解涉及的理论知识。(4)学生根据需要在课程网站上获得丰富的教学资源。(5)学生完成工作任务,体验工作效果。(6)师生及企业专家共同评价工作成果。

6 实践教学条件的建设与使用

课程在网站设计一体化教室完成,其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务,课程各种教学资源能够在学习过程中在线使用。

网页设计实训总结范文5

关键词:项目教学;网页设计与制作;课程改革;实践

项目教学模式作为一种以生为本,具有多元化、开放性特点的新型教学模式,强调了在教学时,以学生文本,加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中,严格遵循“以生为主体,教师辅导”的教学原则,以教学目标、任务为出发点,让学生在教师指导下,按照自己的学习能力与喜好,与同学进行自由组合,选择相应的题型,组织开展项目研究学习,以充分发挥学生的主观能动性,从而提高他们的创造能力与创新精神。因此基于项目教学模式下,对“网页设计与制作”课程进行改革与实践,势在必行。

1教学改革的理念与思路

在计算机应用专业的教学中,对于网页设计和制作课程的教学总体目标,主要是通过真实的网站项目来开展教学活动,让学生能够依据网站开发的过程和网页制作方法,结合需要制作的要求,制作出简单的网页图像与自动生成的动态网页,以提升学生网页制作技能,积累丰富的网页制作经验,从而满足日后工作岗位需求。因此在进行网页设计与制作时,应体现以下理念:(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要,教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目,共同努力完成布置的任务,让学生之间能够形成良好合作的关系,以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力,这是网页设计与制作课程中能力培养的关键。因此在进行教学时,对学生职业技术能力的培养,主要包括以下几方面:①网站的规划能力。在项目教学中,应了解分析项目的内容,正确地理解项目的要求,并合理规划项目,编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境,详细规划与设计网页布局,并了解开发的主要工具,灵活使用网页元素,保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作,来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高,因此要想强化学生处理问题和解决问题的能力,必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力,主要是指学生在学习的过程中,能够形成良好的学习习惯与掌握所学的知识,并通过自主学习的方式,来获得有用的信息,以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识,从而为日后工作打下扎实基础[1]。

2基于项目教学的“网页设计与制作”课程改革与实践的途径

2.1课程整体设计

在网页设计与制作课程中应用项目教学,是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时,必须保证对学生具有挑战性、实用性、趣味性以及可操作性,要求学生通过查阅相关资料,经过仔细研究和思考,便可顺利地完成学习任务。但需要特殊注意的是,教师在设计学习任务时,必须按照教学目标与学生个性差异来设计,保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中,课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式,让学生能够依据网站业务的需要,对网站需要的功能加以分析,以明确网页风格与结构,理解并设计出相应的制作方案,从而掌握网页制作与网站的方法,熟练HTML语言、Dreamweaver网页制作软件,能读取JavaScript代码,并学会灵活运用CSS设计网站的元素。这时教师需要在设计上,依据项目的需要,选出“企业网站建设”作为该课程的实训项目,将课程设计任务划分为5个项目,16个任务、每个任务4学时,前2个项目是网站点的创建和静态网页设计,属于简单的入门项目,由教师辅导;第3与4个项目是进行网页素材设计和制作,依据规范进行标准化网页设计;第5个项目课后完成项目的情况,让学生能够积极参与项目的开发和维护中,以拓宽课程教学的内容。但是每1个项目都应以任务为载体,将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性,同时项目之间相互联系,知识与技能循环渐进;前1项是后1项的基础,后1项是巩固前1项的关键,实现知识和技能学习的层层递进、由浅到深、由简到繁,以树立学生学习的自信心。

2.2建立项目小组

在明确项目教学的内容后,教师集全班的学生,让学生依据项目,自由分组学习,全班分成若干组,每组为3~5名,并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下,按照项目要求的内容,在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外,教师是项目的指导者,应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务,专门负责自己的问题。例如在“网页设计与制作”的教学过程中,教师依据本班学生的情况,将学生划分成每组5名成员后,结合实施方案,让1名理论功底扎实的学生负责网站栏目的整体规划;1名计算机操作能力较强的学生负责网页制作;2名程序设计能力较强的学生负责代码的编写和程序调试;然后让担任小组长的学生负责对网站加以宣传,并制定项目进度表,明确成果完成的时间,同时详细记录每个成员学习的情况、态度,为教师的评价提供依据。

2.3项目教学的实施

项目教学的实施主要是引导学生为完成项目,而组织开展自主性的学习,以辅导学生依据项目学习中所需要的知识与技能,通过有效的学习方法来开展学习活动,激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后,进入具体“网页设计与制作”课程的学习中,一开始部分学生会感觉到制作一个网站,以我个人的能力,难以顺利完成教师布置的任务,又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力?针对这些问题,在进行教学时,教师需要将教学知识转变成学习任务,以学生合作的方式,然后详细讲解网页设计与制作的知识点,让学生结合参考目录和资料,来回答提出的学习问题:(1)什么是框架?有什么作用?(2)框架和网页之间的联系?框架的优缺点?(3)依据各网站主页布局,怎样合理地使用框架?这样学生不仅能够在合作的前提下,进行自主探究学习,还可快速找到问题的答案:在Web浏览器窗口中,HTML框架集文档显示的若干个独立的可滚动区域就是框架,框架集中每一个框架在Web浏览器窗口中,属于自己管辖区域内显示一个HTML文档,可使用选项内是否滚动和可调整大小来调整页面。

2.4成果展示

在网页设计与制作课堂教学中应用项目教学时,项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中,要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是,小组长在展示、汇报本组的项目成果时,需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难,并说明对于遇到的问题,应该如何解决,而其他小组的成员,也可提问与设计有关的思路、技术和特点等问题,让课堂教学生动活泼,从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中,各小组完成动态网页作品的制作后,教师应通过组织活动的方式,让每个小组的组长借助电子演示文稿的方式,详细的介绍、JSP和PHP等动态网页技术,但是由于时间的限制,教师需要引导每个小组结合学习的情况,将关于ASP的内置对象:Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述,以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

2.5考核方式的改革

项目完成后的最后环节就是教师要进行及时客观的点评与总结,评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核,这种考核模式过于注重结果,忽略学生学习的过程,难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时,教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中,形成完善的课程考核评价体系,从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量,以了解学生掌握的技能,然后通过百分制的方式进行最后总评,依据40%的比例纳入到课程总评成绩中,实现评价的合理性[5]。

3结束语

综上所述,项目教学在网页设计与制作中的应用,不仅能丰富课堂教学的内容,拓宽学生的知识面,实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核,将枯燥、乏味的文字变得更加生动有趣,让学生积极参与到项目活动中,充分发挥学生的主动性与潜力,进行自主性探究学习,以培养学生形成良好的学习习惯,从而促进学生全方面发展。

参考文献:

[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29):139-140.

[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23):113-113.

[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2):25-26.

网页设计实训总结范文6

高职院校培养目标定位在培养高素质高级技能型专门人才。这种人才自身,要求不但能够从事相应的工作,而且具备较高的技能。在传统的网页设计教学中,大家采用的教学案例比较简单,许多教学案例的设计围绕知识点进行设计,即为了学会知识而设计教学案例。在考核中也偏重于理论考核。这样培养出来的学生,偏重于简单的网页设计,无法胜任真正的网页设计工作,当然也无法达到培养高素质高级技能型专门人才的培养目标[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)

作者简介: