网页实训报告范文

2019-10-10 版权声明

网页实训报告

网页实训报告篇1

论文摘要:目前,项目教学法在高职院校越来越受到重视。应根据项目教学的理论,从实例入手,研究《平面设计软件》课程实训项目设计方案的理念与构成,对信息收集、方案选择、项目执行中的技术问题及成果评价等环节进行探讨和分析。

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

平面设计软件实训是配合《平面设计软件》课程开设的为时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)网页色彩设计。网页的色彩是网页最重要的部分,是给访问者登录页面时的第一印象,好的页面色彩能给人带来很强的视觉冲击力,可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计,网站最后的视觉效果可能与客户期望不匹配。因此,设计时需要先了解网站的定位、网页的风格,学习有关的色彩知识,在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内,一般而言,网页的背景色应该柔和一些、素雅一些,如配上深色的文字,会使人看起来自然、舒畅,文字的颜色在不同底色的衬托下,会给人不同的视觉效果,设计时应综合考虑多方面的因素,设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识,教师可以给学生提供一些资料,让学生通过自主学习掌握这些知识,提高学生的自学能力。

6.项目验收。项目验收包括制作演示文稿、向客户展示最终产品并听取客户意见、按要求将所有图文资料进行整理形成完整文档等。实训项目验收可以采取小组汇报、小组评价、教师对项目进行总结评估的形式。通过一个有效的验收过程,学生可以总结项目进行过程中的经验教训,教师可以提高指导水平,达到预期的效果。项目考核评价应主要评价学生是否达到了项目教学的目标,对学生在执行项目中所表现出来的综合运用知识与技能解决实际问题的能力进行考核,并应结合学生自评和小组互评进行综合考核。不能只关注最后的项目成果,要关注学生在完成项目后学习到的知识、技能和提高的职业能力,这样才有利于培养学生的自信心和创新能力。

项目的选择和设计方法将直接影响到教学的最后效果。选择项目时应选择具有一定的实用价值、相对较大、综合性较强的项目,这样涉及的知识和技能就会多些,学生通过项目训练也就能够做出一些高水平的作品,就会有成就感。通过多个项目的训练,会产生一些高水准的、具有实际价值的作品,这对学生将来的就业会有很大的帮助。随着职业教育理论研究与实践的不断深入,高职院校的教师深刻地认识到,职业教育最主要的任务是培养学生获得职业岗位工作所需要的各种能力。项目教学作为一种新型的教学模式,很好地体现了以行动为导向的教学思想,教师应在不断的实践中总结经验,创造出更多、更好的实训项目,更好地培养学生的能力。

网页实训报告篇2

摘 要:网页设计是高职计算机应用专业的一门专业必修课程,根据多年的网页设计教学实践,从课程特点、课程设计、教学内容、教学方法、教学实训和考核方式等方面来阐述如何提高教学效果,并探讨如何在教学中培养学生的动手操作能力和提高学生的综合素质。

关键词:网页设计;课程设计;教学方法

中图分类号:G4 文献标识码:A 文章编号:16723198(2012)16014701

网页设计是高职计算机应用专业一门操作性极强的必修专业课程,具有很强的岗位针对性,而现今传统的计算机应用专业毕业生的社会需求趋于饱和,单项专业性精通的人才却明显短缺。现今,各个高等院校纷纷开设了网页设计的课程,培养网页设计的专门人员,网页设计课程的教学显得尤为重要。为此,为了提高网页设计课程的教学质量,笔者从课程设置特点、课程设计、教学内容、教学方法、实验环节等多方面对本课程进行了积极的探索,并总结如下。

1 明确课程地位,彰显课程的特点

高职院校计算机应用专业开设的网页设计课程不是仅作为一门孤立课程存在的,它是要靠多门学科的知识给予支撑,并且它们之间相互渗透和依赖,而构成的一个科学的、完整的课程体系。网页设计课程的主要目的,是通过对本课程的学习,培养学生对该软件的实际动手使用和综合应用能力,使学生能够运用所学的知识进行网页设计,制作出专业的、精美的网页页面和网站站点,包括站点构建、页面设计、数据库和网站后期维护和管理等。其中还重点体现在它的教学内容实践性较强,能极大的激发学生的参与性,锻炼学生动手能力,培养学生的专业兴趣。教师在教学中也一定要注意理论与实践相结合,实践操作内容是教学的基础,应该给予学生充足的动手实践机会,使学生在学中练、练中学。

2 了解社会需求,调整课程设计

在信息迅速膨胀、网络飞速发展的今天,国际互联网也正以其惊人的速度空前发展,我国互联网的用户正在持续递增,该行业的人才缺口相当惊人,预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此,针对社会市场岗位需求,课程设计也应紧跟市场步伐,在课程设计中,应突出对企业网站和电子商务网站建设方面技术的掌握,如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时,还必须有其他相关知识点的穿插,在动态网页设计和数据库方面有待加强,这样才能更符合社会市场的人才需求和对课程设计更具针对性。

3 及时更新知识,重组教学内容

当前计算机科学技术的日新月异,网页设计技术不断的更新,网页设计软件也层出不穷,学生对新知识的渴望也十分迫切,这就要求教师本身也要不断的加强学习和专业技能培训,更新和强化新知识新技术,同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前,网页设计课程教学内容是以Dreamweaver作为主要工具,其中以静态网页设计作为学习的重点,主要培养设计人才,但在培养方面,也需要配以Flash、Photoshop等软件的介绍,使学生在熟练掌握静态网页设计技术的基础上,还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容,为学生今后更进一步的学习打下坚实的基础。

4 注重因材施教,改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念,学生在学习过程中,由于学生智能及动手能力各有差异的,因此,在网页设计教学过程中,教师更应该注重因材施教,教师可对本班学生情况进行分类,根据学生实际水平的差异,对不同水平的学生给予不同的要求,设计基本要求和提高要求两类题型,对能力较强的同学要求完成相应提高部分的题目。为此,不同的学生、不同的要求,对教学方法提出了更高的要求,传统的教学方法肯定不能适应学生的需求,改革教学方法就显得极为关键,网页设计实际操作性很强,相比那些理论性的课程,学生更容易产生兴趣,教师应利用这个特点,注重培养学生的动手能力,让学生在实际操作的过程中发现问题并解决问题。同时,在教学过程中,教学方法还应不断摸索和创新,采用多种教学方法并重的方式,除常规的教学方法外,还可以采用案例教学法,任务驱动教学法,讲练结合等教学方法,整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练,最后再进行综合案例的应用,这样既让学生对案例有了实质性的接触和学习,又能充分的去完成对知识的自我构建和强化实训。

5 加强实训环节,变革考核方式

网页设计是一门操作性和实用性很强的实训课程,实训至关重要,要提高学生实践动手能力,必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训,每次课都经过精心设计做成实训单元,每2节课为一个实训环节,并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工,全班进行分小组完成各自实训模块,并且实训完成后要求写出完整的实训报告。同时,在对学生的考核方面,传统的考试模式主要是以理论考试为主,而这种考试模式对该课程很不适应,因此笔者将课程的考核分为三个部分:平时成绩(20%)+理论成绩(20%)+实训成绩(60%),其中平时成绩按每堂课的作业完成情况和学生考勤进行打分;理论考试注重学生对网页设计基础知识、基本理论的掌握,采用选择题判断题等客观题的方式进行,为学生进一步的学习夯实基础;实训考试则考查学生实际动手能力,以便学生学完本课程后能有一技之长,真正做到学以致用。

参考文献

[1]张翔.网页设计课程教学改革的研究与探讨[J].福建电脑,2011,(1).

[2]廖华.网页设计及其学科相关性研究[D].湖南师范大学,2006,(4).

网页实训报告篇3

随着中国职业教育改革的进一步深化,课程改革也面临着进一步完善,这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》作为高职高专学校中一门实践性和创新性很强的课程,要求学生不仅要学好理论知识,还要掌握操作技能,最关键是要具有解决实际问题的能力。但就是这样一门看似简单好学的技能课程,却往往得不到很好的教学效果。学生常常在学完课程之后,不是不能独立地进行网站规划和页面设计,就是设计结果达不到应有的功能和视觉效果。为此,我在《网页设计与制作》课程的教学实训过程中,对教学内容、教学方法、教学手段、考核方式等进行了大胆尝试,收到了较好的效果。

以我院计算机网络专业为例,《网页设计与制作》课程设置了30实训课时,其中实训安排在学期的后期,是以整周集中训练的方式进行。而在实训之前,学生已经进行了理论和上机练习,已经针对重点难点训练了相关操作练习。我在实际教学中发现,虽然学生经过指导能够完成课堂上布置的任务,但往往是按照规定的操作步骤机械地操作,过后就忘,不足以培养学生独立设计和制作网页的能力。学生的操作依赖性仍然非常强,并且长期学习之后容易造成对早前知识点的遗忘。针对学生的这些问题,我制定了详细的实训计划,目的是培养他们在团队中协作,独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作,从而使学生操作技能掌握牢靠,实现以技能培养为核心,符合职业岗位需求的应用型、技能型人才的培养目标。

一、实训过程

(一)开发动员

项目开发前,要做好学生的学习动员工作。让学生了解实训的意义、所需的技术、学习方法以及考核办法等方面的内容。通过展示案例效果或者历届学生的优秀作品等手段来启发学生的学习兴趣,使他们能够积极主动地参与到实训中来。

(二)分阶段实施

在实训当中,首先对各小组同学提出要求分工合作设计并制作一个表达某个主题的网站,通过网站的制作,综合运用本课程所学的知识。主题可以自行选择如下内容:科普、动漫、体育、校园生活、旅游、教育、商务等。在接下来的2课时当中,小组成员开始做网站需求分析,设计整个网站的框架,选定制作的各部分内容,并由组长组织完成一份完整的规划书。在这一步骤当中,教师提供适当指导,尽量由学生独立完成,规划出有个性有特色的网站。然后,由组长进行成员的任务分配,分头搜集素材并进行整理,共进行2课时。在实训第一天结束时,各组提交准备工作小结,在报告成绩的同时,小组各成员也对本组的准备情况有所了解。在准备工作完成后,实训进入主要阶段———设计制作网页。这一阶段需要18课时。在3天的时间当中,各小组成员必须充分运用自己所学到的知识,并结合实际情况,独立做出有个人风格的网页。由于有了前期充足的准备工作,各小组成员迅速进入状态,进行了多方面的尝试。在这一阶段,教师必须充分提供指导,引导学生结合所学的理论将自己的想法变成现实,并提醒学生逐渐减少操作失误,提高效率。在实训的收尾阶段,还有一个较重要的步骤———调试发布。这个步骤是实训成果能否展现的关键,因为如果没有经过充分的调试,网站有可能出现错误链接、空链接等错误。并且,这是一个将小组各成员独立制作的网页结合起来形成整体的过程。各组成员按照规划书的指导,有条不紊地完成调试步骤,共需4课时。在实训的最后2个课时,学生完成试验报告,进行归纳和总结。实训过程图如下图所示。

二、实训测评

本次实训测评跟以往不同,采取教师和学生共同评价的方式。首先请各组学生向全班展示所做网站,然后详细介绍在制作中所用的技术,再根据各组的表现给出各组的平均测评成绩,各成员的成绩则是根据任务分配和完成情况在平均成绩上有所增减。这样做的好处是,一方面,这种评价方式有利于各组学生了解更多的信息,取长补短;另一方面,区别打分可以避免部分同学滥竽充数,有利于提高他们在实训中的积极性。由于评测结果比较理想,大多数学生都表示实训效果显著。

三、实训教学方法总结

在实训过程中,采用了各种教学方法相结合进行教学:

(一)“任务驱动”教学法

“任务驱动”是指在教学的全过程中以具体的任务为中心,通过完成任务的过程,学习基本的知识和技能,有利于他们巩固和应用所学知识。“任务驱动”是将以传授知识为主的教学理念,转变为以解决问题、完成任务为主的多维互动式的教学理念;将再现式教学转变为探究式学习,使学生始终处于积极的学习状态。在学习过程中,学习活动与任务相结合,以探索问题来引导和维持学习者的学习兴趣和动机,创建真实的教学情境,让学生带着真实的任务去学习,拥有学习的主动权。

(二)启发式教学

在实训中,与之前的被动练习有所不同,学生必须独立完成设计与制作。这就要求他们上网浏览大量的相关网页,学习优秀网站的制作方法。在具体的制作中,学生带着问题进行学习和探索,对于网页效果大胆做出假设,由教师引导学生,通过自主学习,寻求解决问题的思路和方法。通过这种方式,学生的学习思路得到扩展,以学习的方式进行复习总结,大多数能够独立解决难题,这样一来学生的自信心和学习积极性都得到了明显提高。

(三)讨论式教学

在实训中进行分组,鼓励学生进行团队合作,成员之间通过积极热烈的讨论达成共识并共同实现目标。学生在制作网页过程中相互协调,合作意识增强,遇到问题相互探讨解决办法,遇到困难互相帮助。通过这种教学方式,可以培养学生的团队合作精神和竞争意识,使学生学会在团队中如何与他人协作,最大程度发挥自身的作用。

注:本文为网友上传,不代表本站观点,与本站立场无关。

上一篇:盘发实训总结范文 下一篇:机场实训总结范文