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

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

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

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

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

实训项目设计分析

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

实训项目设计方案

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

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

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

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

二、任务重

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

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

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

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

三、总结

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

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础,也是进一步学习动态网站设计等课程的基础。学完本课程,要求学生能达到掌握网页美工初步技能;熟练掌握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实践教学条件的建设与使用

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

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

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

1教学改革的理念与思路

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

2.1课程整体设计

2.2建立项目小组

2.3项目教学的实施

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

2.4成果展示

2.5考核方式的改革

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

3结束语

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

参考文献:

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

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

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

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

THE END
1.网页设计实训报告总结2000字(3篇).docxPAGE1 / NUMPAGES1 网页设计实训报告总结2000字(实用3篇) 网页设计实训报告总结20XX字 第1篇 实训是教学过程中的重要组成部分,是使学生获取生产、经营实际知识和技能,巩固和加深对理论知识的理解,培养与提高能力的重要实践环节。通过本次实训,学生将进一步加深对计算机理论知识的理解,进一步熟悉计算机文员的相关运作过程...https://max.book118.com/html/2023/0802/7152054150005140.shtm
1.网页设计实习总结总结是在某一时期、某一项目或某些工作告一段落或者全部完成后进行回顾检查、分析评价,从而得出教训和一些规律性认识的一种书面材料,它可以明确下一步的工作方向,少走弯路,少犯错误,提高工作效益,因此十分有必须要写一份总结哦。你所见过的总结应该是什么样的?以下是小编为大家整理的网页设计实习总结,欢迎阅读,希望...https://www.jy135.com/shixizongjie/2467004.html
2.网页设计实训个人总结(通用11篇)总结是指对某一阶段的工作、学习或思想中的经验或情况进行分析研究,做出带有规律性结论的书面材料,他能够提升我们的书面表达能力,让我们来为自己写一份总结吧。总结怎么写才不会千篇一律呢?以下是小编为大家收集的网页设计实训个人总结,欢迎阅读,希望大家能够喜欢。 https://www.unjs.com/fanwenwang/gerenzongjie/20240130161145_7937170.html
3.关于网页设计实习总结(精选5篇)关于网页设计实习总结(精选5篇) 艰辛而又充满意义的实习生活又告一段落了,相信你积累了不少实习心得,为此就要认真思考实习总结如何写了。但是相信很多人都是毫无头绪的状态吧,以下是小编收集整理的关于网页设计实习总结(精选5篇),仅供参考,希望能够帮助到大家。 https://www.yjbys.com/shixi/shixizongjie/1024706.html
4.网页设计实训总结范文(精选6篇)网页设计实训总结范文(精选6篇) 总结是对过去一定时期的工作、学习或思想情况进行回顾、分析,并做出客观评价的书面材料,它是增长才干的一种好办法,快快来写一份总结吧。总结一般是怎么写的呢?下面是小编精心整理的网页设计实训总结范文,希望对大家有所帮助。 https://www.ruiwen.com/zongjie/4212796.html
5.网页设计实训报告总结旅游网站建设>主题内容>网页设计实训报告总结旅游 您好,您查找的“网页设计实训报告总结旅游”问题,目前没有相关的答案,您可以通过下面查看是否有与“网页设计实训报告总结旅游”相关内容!也可以扫描二维码添加微信了解相关内容。 相关前20条内容: 网站SEO优化效果变数很大,作为seo站长应当如何应对? https://www.gzit.cn/theme/1044325.html
6.网页设计实训心得体会(通用20篇)当我们对人生或者事物有了新的思考时,往往会写一篇心得体会,这样有利于我们不断提升自我。那么要如何写呢?以下是小编为大家整理的网页设计实训心得体会,希望对大家有所帮助。 网页设计实训心得体会 1 个人网站的设计需要有以下几个步骤: 一、要进行个人网站前台功能设计 ...https://mip.wenshubang.com/xindetihui/2964766.html
7.html框架实验总结,网页设计实训心得html框架实验总结,网页设计实训心得 本次实训中,我深入学习了HTML框架的使用,包括制作分页、圣诞主题网页布局、滚动图片、背景音乐和Flash视频的插入。在实践中,掌握了表格布局、JavaScript事件处理以及CSS样式应用等技巧,提升了网页设计能力。 摘要由CSDN通过智能技术生成...https://blog.csdn.net/weixin_29958955/article/details/117865636
8.网站建设实训心得体会6篇?(网站开发实训心得体会)我们这次实训的目的及要求是:以小组为单位,合作完成从确定网站主题、规划网站结构、选取网页素材、到 *** 网页内容等步骤,从而掌握网站建设的全流程。同时,培养团队协作精神,提高综合运用所学分析、解决实际问题的能力,实现由理论知识向操作技能的转化。 网页设计实训总结心得体会范文6 ...http://m.xzpingyang.cn/company/210727538.html
9.图形图像实训总结汇总十篇序论:好文章的创作是一个不断探索和完善的过程,我们为您推荐十篇图形图像实训总结范例,希望它们能助您一臂之力,提升您的阅读品质,带来更深刻的阅读感受。 篇(1) 中图分类号:G712文献标识码:A文章编号:2095-4115(2014)03-229-1虚拟现实技术作为图形图像领域的一种新型虚拟交互媒体,目前在国内已经引起了人们的...https://www.xueshu.com.cn/haowen/18306.html&wd=&eqid=b918541700000f9e000000066461de71
10.网页制作课程实训报告9篇(全文)网页制作课程实训报告 第1篇 模型制作课程实训报告 一、实训的目的和意义 专业实训是我们必修的课程,是培养学生实践能力的重要环节,也是我们进入产品设计前的实践准备。实训可以增强学生的感性认识,帮助学生掌握基本理论专业知识,为后绪课程的学习打下基础。 https://www.99xueshu.com/w/fileee092hwt.html
11.泾阳县人民政府目标市场选择及市场定位的原理了解目标顾客,做好目标顾客的营销战略规划;能运用产品策略的原理发现、总结并且流利介绍产品的卖点,做好产品组合、品牌、包装、新产品等地策略制定;能运用一定的营销渠道策略和技巧设计市场渠道发展的布局;能运用一定的促销策略的知识,为企业做好促销策略规划; 能运用一定的营销...https://www.snjingyang.gov.cn/zfxxgk/fdzdgknr/jgsz/jgsz_20377/xzfgzbm2022/xjyj/bmgk_20415/202306/t20230613_1643806.html
12.网页设计制作实验报告(通用6篇)网页设计制作实验报告(通用6篇) 篇1:网页设计制作实验报告 这是一篇由范文网小编整理的关于网页制作实验报告格式的文章,希望对尊敬的范文大全的读者有帮助。 实验一:站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 https://www.360wenmi.com/f/filep003txai.html
13.网站建设实训心得体会5篇学习总结总结/汇网站建设实训心得体会5篇_学习总结_总结/汇 优秀文档网站建设培训经验和经验5篇文章WORD文档,可在下载后进行编辑和修改--- 网站建设培训经验和经验(1)首先,请从[网站换句话说,它巩固了我在大学两年中学到的网站建设和发展方面的知识;其次,通过这种网站设计,我了解到理论和实践的结合非常重要的是,只有理论知识是...https://m.bjhwtx.com/h-nd-10619.html