网页制作实训总结(精选5篇)

关键词:高职教育;网页制作;教学探索

中图分类号:G642

文献标识码:B

高职计算机专业大多开设了“网页制作”课程。笔者结合自己在多年教学过程中获得的教学经验,对该课程的教学方法进行了研究、探索和创新,取得了较好的成效。

1高职计算机专业“网页制作”课程的教学探索

高职计算机专业“网页制作”课程的教学目标要求学生不仅要掌握软件的主要功能,还要会应用软件来进行创新设计,制作出自己的作品。因此笔者采用了案例教学法和项目教学法结合进行教学。

1.1第一阶段

第一阶段是基础技能的掌握,采用案例教学法。案例教学法的实施涉及到多个环节,每个环节都要精心准备和组织,综合运用基础知识,才能够保证整个案例教学的成功。笔者将每一章的内容分为:实战演练、案例分析、经验总结、技巧点拨和实践提高5个模块进行教学,取得了较好的效果。

1.1.1设计教学案例,实战演练

在讲每一块新内容讲解前先引入案例,使用启发式引导的方式,介绍完整地具有实用性、启发性的案例的具体实现步骤。笔者将该课程的内容规划为11个案例,分别是:案例1制作网站相册、案例2制作简单网站、案例3制作动态层下拉菜单、案例4制作一个具有多种超链接的网站首页、案例5利用框架制作网页学习网站、案例6利用css样式表进行页面导航栏的制作、案例7设计具有特效的网页、案例8利用表单知识制作推荐表、案例9练习在网页中插入动画、视频以及音频等多媒体、案例10利用模板建立饮食网站、案例11利用动态网页制作留言板。

在此过程中,笔者采用边讲边练的方式,及时了解学生完成的情况,针对存在的问题,给予必要的提示,对具有共性的问题进行集中讲解。

1.1.2组织案例讨论,分析案例

经过实战演练,学生掌握了软件的基本操作后,进行案例的分析,分析案例应用特点、重点与难点等,强调各知识点、技能点的横向联系和综合运用,同时培养学生综合运用和处理问题的能力。例如:

练习了案例1制作网站相册后,引出网站构建的一般流程以及网页设计的基本知识。

练习了案例2制作简单网站后,引出网页的基本元素组成、网站的布局技巧等知识点。

练习了案例3制作动态层下拉菜单后,引出其他层效果的制作方法,如制作层的隐现效果、跑动层等。

练习了案例4制作一个具有多种超链接的网站首页后,引出超链接的类型、创建方法以及每种超链接适用的场合等知识点。

练习了案例5利用框架制作网页学习网站后,引出框架网页的类型、创作的方法以及每种类型适用的场合等知识点。

练习了案例9在网页中插入动画、视频以及音频等多媒体后,引出行为和多媒体在网页中的应用技巧。

练习了案例11利用动态网页制作留言板后,引出创建动态网页的步骤、设计动态网站的技巧等知识点。

笔者在讲解综合网站设计内容时运用相应的多媒体课件,展示一幅幅精美的网页作品或者给学生在线欣赏著名的网站等,以此激发学生的创作灵感,积累创作经验。

1.1.3实现案例并评价

1.2第二阶段

学生创作的网站内容有个人网站、企业网站、班级网站、校园网站、家乡网站等,内容非常丰富。最后笔者还将较好网站作品在校园网上,有些作品还直接用到了应聘中,为就业起到了重要作用。

2实施多元智能评价

改进传统教育评价模式,应用加德纳多元智能理论,实施多元智能评价。“网页制作”课程的最后成绩=平时成绩(30%)+实训成绩(40%)+期末成绩(30%)。平时成绩=每次上机规定或自由创作的作品的成绩,实训成绩为个人网站作品的成绩,期末考试形式为上机考试,主要内容是利用动态网页技术制作班级通讯录。这样的分值安排可以督促学生认真对待每一堂课。

3结束语

教学实践证明,在高职计算机专业“网页制作”课程的教学过程中,采用案例教学法和项目教学法,促进学生主动参与,有利于培养学生自主学习的能力、敢于创新的能力和分析、解决问题的能力,可以为社会多培养真正有技能的学生。

参考文献

[1]胡景.关于计算机软件教学的思考[J].内江科技,2007,(5).

关键词:网页制作;课程改革

Discussion"HomepageManufacture"theCurriculumReformswhichFacetheWorkProcess

WANGWen-li

(GuangxiInternationalBusinessVocationalCollege,530007Nanning,China)

Abstract:Inthenowinformationizationsociety,manyenterprisesandinstitutionsallhopedcanestablishthisunitwebsite,inordertopropagandizeownproductandtheserviceon-line,thehomepagenovelaswellasthefunctionformidablecanmoreappealingandaconvenientuse.The"homepagemanufacture"tookinthequalitycollegesanduniversitiescomputerspecialtyanessentialcurriculumwillbefacingtheverybigchallenge.Howeverthetraditionalteachingwayalreadydidnotadaptsociety'sdevelopmentdemand,atpresentthehighereducationprimarymissionwas,facetheworkprocess,manifestedprofessionaltechnicalability.Howinthispaperwilldiscussto"HomepageManufacture"curriculumreform.

Keywords:Homepagemanufacture;Curriculumreform

1对传统课程改革的必要性

在传统的教学中,学生往往在完成课程学习后好像是学到了很多东西,但实际操作起来时就没有了头绪。也就是学生在学习理论知识时,缺乏对知识的感性认识,就是我们常说的死记硬背;在进入到专业实训阶段中,学生虽然比较感兴趣,但往往局限于模仿性操作;而在传统的考试中更不能客观反应学生理解、掌握和应用知识的实际情况。这样造成学生的学习兴趣得不到激发,结果是越学越乏味,把学习当作一种负担只是为了考试而去学,更不利于培养学生的创新能力和独立工作、解决问题的能力。目前高职专业课程体系的现状是重知识的系统性,忽视了知识与具体工作任务的联系。那么我们如何从传统模式走出来,引导学生开拓思维,使培养的人才更趋向市场需求,避免以往的与实践脱节呢?这就是要探讨的《网页制作》的教学课程改革的意义。

2课程改革构思

对高等职业教育来说,就要培养具有较高的职业道德和职业技能的高级应用型专门人才,他们应该具有上岗适应能力和转岗适应能力,并能适应市场经济发展的需要。为适应现代化社会的需要,职业教育方法应该紧紧围绕职业教育的培养目标,运用“面向工作过程”的教学模式,以职业能力培养为课程核心,以实际项目为导向,注重职业情景中的实际技能的培养,开发学生参与活动的能力,能够让学生学中做、做中学、边学边做,从而提升学生的知识应用能力和技能的迁移能力。为了能够达到运用“面向工作过程”的教学模式,我们首先思考以下几个问题:

2)以工作任务为教学内容。重点是教会学生如何完成工作任务,知识、技能的学习要结合工作任务的完成过程来进行;

3)围绕工作任务学习的需要,以典型产品或服务为载体设计“学习项目”,组织教学。做到不与实际“脱轨”。

3《网页制作》的课改实践

3.1课程内容设计

构建以“网站开发工作流程”为导向的“情景式”课程结构,情景的划分以“行为导向教育理论”来展开。将知识和技能分为七个学习情景(网页基础情景、网页制作情景、网页色彩搭配情景、网页版式设计情景、网络知识情景、动态设计情景、综合项目设计情景)16个教学单元,每一个教学单元又包含若干个具体任务,在任务完成过程中进行教学内容的分解,同时项目主线中没有涉及的内容,采用“问题驱动”的形式进行补充讲解。通过完成每一个工作任务,使学生在掌握必要的理论知识的同时,具备收集、处理信息,准备、加工素材的能力;制作静态网页效果图的能力;颜色搭配和版式设计的能力;开发网站的综合能力;代码与界面融合的能力;以及创新和策划能力。

图1《网页制作》课程设计各学习情景

3.2对学习项目的选择

3.3提供教材外的学习资源

3.4面向工作式教学

在课程教改中,教师观念的转变是带有决定意义的转变。观念变了,行为就会变;行为变了,教学效果才会变。所以从作为高职教师必须清楚我们的课程是“完成一个项目”入手,带着“项目”去研究和解决实际问题,要求对学生“教、学、做”一体化,而不是传统的只要求学生这节课掌握什么知识点和重点要求是什么。

3.5考核

“以能力为中心”的原则,形成式考核。主要考核学生掌握网页制作的程度以及策划创新等综合能力。考核内容有平时的实训任务40%,期中的实训任务30%,期末项目、案例设计30%。

4总结

面向工作过程的教学选用生活中的案例作为学习项目,学生认知效率高,能够学有兴趣;在教学过程中通过互动培养了学生的团队合作精神;综合项目设计在一定程度上培养了学生创新精神。面向工作过程的教学模式充分体现了职业教育的特点。

参考文献:

[1]邓文渊.网页制作高手Dreamweaver8网页设计[M].人民邮电出版社,2007.

关键词:PHP;动态网页制作;一体化教学模式

PHP动态网页制作课程是我院计算机专业的必修课程。通过学习,希望学生能够掌握制作PHP动态网页的方法,具备自主开发一个完整PHP动态网站的能力,毕业后可以直接从事企事业单位PHP动态网站的设计和维护工作。过去,PHP课程按传统的教学模式组织教学,即理论和实践基本分离,即首先在教室讲理论,尽管采多媒体教学手段,学生只能欣赏式的学习,以致学生打瞌睡、玩手机、发呆的现象普遍存在。之后,到机房上机,采用示范—模仿法,教学时学生普遍能听懂,但动手实践时却经常束手无策,大部分的学生坐等老师的辅导、安排。这种方式忽略了学生的积极性、主动性,随着课程内容的深入,很多学生会逐渐失去学习兴趣,丧失主动参与的意识,以致课程结束时,几乎没有学生能够设计出具有一定水平的动态网站。鉴于教学未能收到预期的效果,笔者尝试在课程中推行“一体化”教学改革。通过教学改革的实施,不但让笔者对一体化教学模式有了初步的认识;而且实践证明,一体化教学模式对教学质量的提高和高素质人才的培养起到了积极的推动作用。

1“一体化”教学的探索

“一体化”教学是一种以学生为主体、教师为主导的现代教育模式,在教师的具体指导下,通过大量由浅入深、由简单到复杂的实践活动来完成教学。其特点可归纳为:

1)教师一体化:教师既要有过硬的操作技能和丰富的实践经验,又要有扎实的教育学理论和专业理论知识。

3)教材一体化:将学习材料提炼成工作页,教案和学案统一。

4)工学一体化:重视学生在校实习与实际工作的一致性,工学结合。

近年,笔者所在的学校全面铺开“一体化教学模式改革”,涉及课题研究、课程教学等方面,在高级技工班和本科技师班进行试点。经过多方的努力,改革颇有成效。学生的就业率逐年攀升,现时己超过98%,毕业生“不愁”找不到与专业对口的工作。由此可见,这种教学模式能较好地解决理论与实践教学的割裂问题,减少课程间的知识重复,真正体现学生的主体作用,充分调动学生的积极主动性,有助于提高教学质量,培养高素质人才。

2“一体化教学模式”的具体实施

PHP动态网页制作课程一体化教学的实施,大体分成以下几个方面:

2.1以“职业岗位”为导向,设计学习任务

2.2以“能力本位,学生为中心”设计学生工作页

“一体化”教学过程通常以学生工作页为载体展开,因此如果没有学生工作页或工作页设计不合理,以“能力本位,学生中心”的教学改革将很难落到实处。评价工作页是否合理,应以是否能帮助学生实现有效学习为标准。基于此原则,在设计工作页的过程中,笔者严格的遵循以下两条主线:

1)任务描述—>学习准备—>计划制定—>任务实施—>评价反馈

按照这一思路,学生的学习遵循了工作过程系统化的原则,在完成整个工作任务中获得工作过程知识(包括理论与实践知识),即知道从“做什么”、“为什么要做”、“怎样做”、“学生会做”和到最后师生共同反馈“做得怎么样”的完整过程,充分体现了学习过程与工作过程的一体化。以学习任务《电子商务网站商品导航设计》为例,如图1所示,笔者是这样设计工作页的:

图1学习任务《电子商务网站商品导航设计》工作页中的学习过程设计

2)引导文的方式展开学习过程

在工作页中,笔者采用引导文的方式展开学生的学习过程。通过提出系列问题,引导学生对学习内容进行系统化思考,使学生能够有目标、积极主动的学习;自主思考并勇于解决实践问题。如在《电子商务网站商品导航设计》任务中,实现“最新产品”区域商品导航的“横向”重复子任务时,通过回答图3所示多形式具趣味性的问题,引导学生复习“纵向”重复的制作方法,先“做”出“纵向”重复的效果;然后引出问题——重复效果是否按理想进行?因为该子任务的重复效果未能达到要求,学生便要探索学习,继续“做”下去,找出纵向变“横向”重复的方法。

2.3在尽可能真实的工作环境中学习工作

在学习任务的实施过程中,为了便于教学的组织和实施,学校建设了一体化的学习站。一体化学习工作站设有4大区域,分别是:

1)集中教学区:教师教学区,包括在课件中布置学习任务,穿插辅导;对学习资料进行解释;分组辅导后进行的总结点评。

2)分组讨论区:提供给学生学习交流的区域,让学生可以完成工作页,学习任务,进行实践,讨论,交流,以及形成性评价。电脑开放上网功能,方便学生到网络中搜索资料。

3)成果展示区:检验学习成果的区域,用于展示同学们完成工作任务后的优秀作品。

4)信息检索区:存放书籍的区域,方便学生从课外读物中搜索资料完成工作页。

2.4以教会学生“学会学习、学会工作”为目标,采用行动导向的教学方法

“行动”导向教学源自德国的职业教育,是一种有别于传统的学科教学模式的职业教育模式,它以职业活动为导向,以教会学生“学会学习,学会工作”为目标。因此,在大部分学习任务教学中,笔者采用了行动导向的教学方法,如刚开始,鉴于学生对PHP编程语言比较生疏,为了让学生能快速的掌握其功能用法,笔者穿插实施了四阶段教学法;又如,在商品展示设计学习任务中,为鼓励创新,培养自我归纳能力,在评价反馈环节中,笔者穿插采用了思维导图的教学法。再如,在最后的网站开发阶段,笔者采用了模拟公司项目教学法,引导学生模拟进入岗位角色并按公司模式进行项目开发,此过程分了五阶段,首先,以订单的形式展开给学生安排任务。其次,引导学生进行项目分析,收集素材并整理开发思路,形成可行性方案;再次,选择恰当的技术进行开发;然后,测试与网站作品;最后,请企业顾问委员会(一些在网页设计公司工作的毕业生组成)评估认可学生的作品。模拟公司项目教学法可以让学生提早进入岗位角色,学以致用。学生通过项目积累了实践经验,为毕业后竞争上岗增加砝码。

2.5推行满足职业岗位需要的考核方式

“课程评价对课程的实施起着重要的导向和质量监测的作用”。评价方法不改,评价方式不变,教学改革就无法有质的突破。因此,为了配合课程的“一体化”教学模式改革,达到“满足职业岗位需要”的目的,笔者对过去单一用考试结果来评定学生学习效果的考核模式和以教师评价为唯一标准的评价方式做出了改革:

2.5.1采用了“全方位、多角度、综合性”的考核评价模式

即通过5个方面相结合综合评价学生的知识掌握情况、技能水平和综合素质,分别是:1)课程考核、综合实训与工学结合相结合;2)操作、制作作品、开发产品相结合;3)成绩评定与等级评定相结合;4)教师、学生、专家评价相结合;5)形成性评价与终结性评价相结合。

2.5.2制订了规范的考核标准、科学的评分标准

PHP动态网页制作这门课程的评价结果包括两个考核成绩和一个等级,分别是课程考核成绩、综合实训成绩、和工学结合作品等级。具体的成绩评定标准如表1所示:

通过开展“综合评价考核”教学,能够极大的调动学生的学习兴趣,通过对09计算机与外设维修1、2班共57名学生的调查表明,对该课程有兴趣的学生占35.1%,较有兴趣的占54.4%,没有兴趣的占10.5%。实践证明,该教学方法收到了良好的教学效果。

3“一体化”教学改革的效果

通过一个学期的教学实践与探索,PHP动态网页制作课程的“一体化”教学改革己初见成效,具体表现为:

1)激发了学生的学习积极性:课堂上,学生能聚精会神地听取教师的授课;完成任务时,能积极思考,广泛参与讨论,灵活应用已学知识解决问题;课后,为了能将项目完成得更好,还会主动与教师进行交流。

2)掌握了一些自主学习的方法:一个学期下来,学生通过完成工作页,己掌握了很多正确的自主学习方法,如使用“帮助”,进入专题网站学习,进入论坛直接与高手对话等。现在,即使课程结束了,他们也能够根据自己的水平进行自学,不断地充实提高自己。

3)考试成绩有提高:过去PHP动态网页制作的合格率在60%左右,但自引入“一体化”教学模式后,合格率达到90%,优良率超过50%。

4)通过工学结合的作品设计,提高了学生对网站开发工作的熟悉程度,能极大程度的减少学生对将来就业时的恐惧感。

综上,一体化教学改革在PHP动态网页制作课程的实践与探索,取得了一定成绩。但同时在教学改革中也存在着许多困难。例如学生数量多,设备配置不能完全满足教学要求;课程改革还不尽完善,学习任务设置还存在不合理的地方;教学改革的步伐,评价体系还不够全面等。这些都有待于我们在深化教学改革过程中,不断探索、克服、完善。只有建立完善的教学与评价体系,才能取得好的改革成效,实现培养高素质应用型人才的目标。

[2]张秀英.网页制作一体化教学的思考与尝试[J].心声,2009(7)

关键词:中职;《网页制作》课程;研究性学习

《网页制作》课程是中职计算机专业的必修课程,内容包含了Dreamweaver,Flash,Photoshop等软件的使用。在平时的教学中,师生往往侧重于软件技术性运用的教学,在结束了一个学年的课程学习后,很多学生对各个软件的基本功能都很熟悉,却做不出一个让人赏心悦目的前台网站。由美国教育学家布鲁姆提出的关于认知领域目标的分类法,提出从知识到评价分为六个层次:知识(知道)、理解、应用、分析、综合、评价。根据教育部颁发的《基础教育课程改革纲要》,对课程目标提出了“知识与技能”、“过程与方法”、“情感态度与价值观”三方面的要求,构成新课程的“三维目标”,体现学生各种素质在学科课程学习中的有机联系,体现了对基础学习能力、发展性学习能力和创新性学习能力培养的整体要求。研究性学习作为培养上述能力的重要方法之一,为学生的创新能力提供一个学习平台。

中职计算机专业《网页制作》课程存在的问题

偏重技术性教学、忽略页面的美观和协调对中职《网页制作》课程,无论教师,还是学生,都比较注重技术性操作,对页面的平面设计缺乏系统性学习。某些学生制作网页的时候,页面非常花哨,缺乏整体协调性,网站设计缺乏创新性,只注重个人技术炫耀,而忽略用户的使用感受。在网页制作过程中,平面设计的创意和布局应是优先考虑的,网页制作的技术居其后,如果一味追求网页技术,甚至把各种设计软件的功能堆砌代替网页设计,忽视了创意和协调,那么,真正有魅力的网页是无法诞生的。

学生缺少完整的系统性的项目实训《网页制作》课程课时比较紧凑,新课的知识点基本以小项目制作贯穿整个教学环节,缺乏一个从客户需求分析、UI界面规范到具体网页实施的过程。学生的学习效果与企业的人才要求未能“零距离”对接。

研究性学习的特点

研究性学习具有开放性、探究性和实践性的特点,是师生围绕着解决问题,共同完成研究内容的确定、方法的选择以及为解决问题相互合作和交流的过程。具体而言,研究性学习不同于其他学习方式的特点。

强调学习方式的研究性研究性学习强调选择自然界和社会生活中的真实问题作为学习和研究的主题,即以问题或项目作为研究性学习的载体。学生的知识获得与能力培养,都是在对自然和社会的客观规律进行科学研究的过程中、在解决实际问题的探索过程中来完成。可见,研究性学习的方式具有鲜明的研究特性。

强调学习内容的实践性研究性学习强调理论知识与社会生活实际的紧密联系;强调学习内容与研究的主题必须具有实践性,即必须具有现实意义和实用价值。

强调认识过程的完整性人类的认识过程在完成三个阶段(感性认识、理性认识、实践)和两个飞跃(由感性认识理性认识的飞跃、由理性认识实践的飞跃)后,才能真正实现对客观事物规律的认识、理解和把握。而这正是研究性学习教学模式最本质的特征。

《网页制作》课程的研究性学习

以酒店网站的模拟项目为例的研究性学习实践本项目通过制作五星级酒店的网站,分析了解客户需求,明确团队分工,探索如何达到电子商务网站的要求,如何体现酒店的高雅和吸引力。项目采用客户指定的图片,通过学生上网收集优秀案例,教师展示国外成功酒店网站范例,由学生小组组成的模拟公司去制定网站的色彩方案、布局方案等用户界面规范手册(UI手册),制定计划书后与客户沟通,达成一致后建立网站。每个“公司”(即项目小组)有项目经理、美术总监、技术总监、文案四个职位,让学生体验现实工作中的氛围,不同职位薪酬不同(加分项不同),最后由全班投票评选,投票数最高的项目为中标的项目。在整个研究性学习中,学生既学习了实用的知识,又体验了各公司之间的竞争。

2.实施过程与方法。(1)学生分为两组,第一组为酒店的公关部员工,第二组为网页制作公司的员工。(2)第一组学生负责上网查阅资料,了解酒店类电子商务网站的需求,了解客户的浏览习惯和特点,并写出建立酒店网站的具体要求。第二组学生负责上网收集电子商务类的成功案例,总结出色彩特点、排版布局样式,并与第一组学生交流后,写出客户需求分析。(3)全部学生重新分组,以公司的形式组合,设立项目经理、美术总监、技术总监、文案岗位及人员,明确各自的分工。(4)教师展示国外成功酒店网站范例,并对前期的客户需求,色彩布局方案进行点评。(5)制作网站,教师在旁辅导。(6)小组自评、各组互评,教师评价。

3.研究的预期成果及其表现形式。提交客户需求分析报告,UI手册、最终成果以网站的形式展示。

具体实施阶段设计如表1所示。

4.评价体系。对学生的项目完成情况根据不同的指标、权重进行综合评定,详细内容如表2所示。表2中每一项的评定都分为自评、小组评和教师评三项,各分数项×权重并求和为该项得分,即自评(30%)+小组评(40%)+教师评(30%)=总分。另外,根据学生的职位不同,要把总分乘以加分系数。

中职《网页制作》课程开展研究性学习能激发学生学习兴趣,持续培养学生综合设计能力,逐步实现学生工作能力与企业要求的无缝对接。同时,研究性学习要求教师不断提高自身专业水平和付出更多的劳动。

[1]北京大学数字化学习研究中心.教育技术参考手册[OL].[2012-05-01].rb_de_2_6.html.

[2]何克抗,李文光.教育技术学[M].北京:北京师范大学出版社,2009.

[3]李克东.教育技术学研究方法[M].北京:北京师范大学出版社,2003.

[4]研究性学习教师指导手册[M].上海:上海科技教育出版社,2003.

[5]邹尚智.研究性学习理论与实践[M].北京:高等教育出版社,2006.

[6]应俊峰.研究性学习的管理模式[M].天津:天津教育出版社,2003.

[7]尹俊华.教育技术学导论[M].北京:高等教育出版社,2002.

1、传统教学方法问题分析

作为电子商务重要技术基础的《网页设计与制作》课程是高职类电子商务专业的必修课。

它是一门实践性极强的综合性应用课程。传统教学方法往往注重于Dreamweaver、Photoshop等技术软件的操作[1],重点要求学生学习一些代码、特效等技能操作。这种传统教学方法强调以课堂为中心,以教师为中心,围绕着教材进行授课,这样往往忽视了学生的积极性、主动性,无法培养学生制作网页时所需的创造性和理解能力。通过分析,我们发现采用这种传统教学方法存在以下问题:

同时,在教学过程中我也深刻的感受到电子商务专业的学生又对网页设计技术的学习充满期待和向往。因此,在这门课程中探索新的教学方法,帮助他们迅速掌握网页设计与制作技术,就变得非常必要和迫切。

2.信息化项目式教学模式的设计

为了解决传统教学方法在技能类课程中存在的问题,提高学生的学习兴趣和教学效果,在网页设计与制作课程中我们引入了项目式教学方法,同时在项目式教学过程中创造性的使用了我们自主研发的具有人机交互特性的实训教学软件,该实训教学软件按照真实网页开发流程,配合课程所用教材和教学进度,应用到课程实训教学中。信息化手段的应用受到学生的一致好评和积极响应,极大地提升了课程的教学效果。

信息化项目式教学设计的思路是按照企业网页设计与制作的基本流程和工作步骤,将网页设计与制作的整个业务流程划分成多个连续的子项目,并用信息化手段将每个子项目进行固化。学生在进行课程实训时,运用实训软件逐步完成任务,根据教学任务安排,就可以掌握网页设计与制作技术和操作方法和设计思路。信息化手段的引入完整展现商务网页设计与制作的基本原理及实现方法,使学生能够在总体上快速明确网页制作的过程步骤和基本方法。

3.信息化项目式教学法在课程中的实施与应用

在课程实训教学中,通过合理设置教学任务、实施过程控制以及教学反馈三个教学环节依次展开,最大程度上帮助学生掌握网页设计与制作的基础知识,提高他们的技能操作水平,培养其自主学习、勤于思考、勇于克服困难的职业素养。

3.1合理设置学习情景与教学任务,明确学习目标和重难点

在每次实训课程开始前,教师会结合实训教学软件,布置本次实训课程的实训项目,并

如课程的第五章DIV+CSS网页布局这个子项目,要求学生在两个课时的实训课上使用实训教学软件,利用DIV+CSS网页布局技术,完成长沙市碧雅园花卉苗木基地公司网站首页的布局设计。

3.2实施项目式教学过程控制,保障教学质量

以上述DIV+CSS网页布局这个子项目为例说明如何对学生的实训过程进行监控。教师利用实训软件将该子项目又细分为八个子任务,如页面布局与规划、写入整体层结构、页面顶部制作、导航和Banner制作、内容区制作、资质荣誉区制作、页面美化等。学生需要逐步完成这些子任务,才能完成本次实训课程布置的所有任务。教师通过观察学生实训软件的操作情况,就可以快速了解学生实训进度,对实训过程实现良好的监督和控制。

3.3实施教学反馈,量化实训效果

为了衡量项目式教学效果,量化学生实训质量,实训教学软件设置了多样化的任务和问题,学生在回答问题并完成某些任务后,系统会根据学生操作选项自动给予打分,判断学生是否完成了该实训任务。如果系统评分显示失败,则需要学生重新去完成任务,才能进入下一个实训步骤。通过这种评价量化机制,可以评价学生的实训效果。教师根据学生评价得分,可以进一步完善教学活动。

4.信息化项目式教学方法的成效特色

通过比较项目式教学法应用前后的效果,可以发现,在网页设计与制作课程实训教学中应用信息化项目式教学方法后,学生的学习兴趣大幅提高,学习效果也得到显著改善,新的教学方法的应用具备以下几大特色:

4.1化繁为简,提高学习兴趣

实训教学软件根据真实的网页设计与制作流程,将复杂的网页设计与制作过程细分为几个子项目,每个子项目又细化为多个简单的步骤,将复杂的网页制作过程简化处理。同时为了提高学生的学习兴趣,针对实际的教学应用需要,实训软件设置了拖拽选择、填空、排序等许多形式多样的问题以及个性化的人机交互方式。在学生实训练习过程变得像打游戏一样需要步步过关,才能进行下一步任务,这样的情景模拟极大地提高了学生的学习兴趣。

4.2仿真模拟,化难为易

为了方便学生学习掌握网页设计与开发所必需的Dreamweaver软件的使用,我们在实训软件中运用仿真模拟的方法将Dreamweaver软件嵌入其中,学生在实训过程中,可以直接在实训教学软件中使用Dreamweaver软件进行操作,避免了另外打开软件的麻烦。

4.3项目式教学过程可控制,实训结果可量化

在信息化项目式教学方法和手段应用以后,学生实训过程完全可控,实训结果轻松量化,从根本上保障了实训教学的质量和效果。

4.4信息化实训教学软件的使用,提升了学生自主学习能力

在信息化实训软件应用到课程实训教学后,学生不仅可以在实训课堂上使用,还可以在课后进行反复练习,为学生的实训学习提供了极大的便利。同时,探索式的学习方法,趣味性的问答设置等多种特色,也极大的提高了学生的主动性和积极性,锻炼了学生的自主学习能力。

THE END
1.网页设计,网页设计培训网页设计培训实战班学习目标:由浅入深的学习,循序渐进,了解互联网知识,网页设计的软件,类型,风格,培养基本的网站色彩,网站制作流程,建站策划方案写法,Photoshop 针对网站的制作学习。 网页图像设计 学会使用photoshop网页图像设计制作,工具基本应用,网站标准字,网站按钮设计,网站导航,网站栏目,网站动静态广告,网站配色原理,不同类型的网站风https://www.qinxue365.com/course/16467.html
2.大连学网页设计那里好榜单一览推荐排行榜新闻中心大连网页设计是迪派电脑培训学校的重点专业,迪派电脑培训学校是经教育局批准的正规办学单位,是一所专业从事岗前职业培训的教育机构,目前主要在甘井子区、沙河口区、中山区设有校区,是一所大连地区专业从事成人教育的培训机构。 在中国,由于没人教导企业家们.让他们明白“设计”这一概念究竟是什么意思,于是他们自然就以为http://www.veryxue.com/xuexiao/dpit/news/itemid-2394092.html
3.精选北京网页设计培训机构实力排名一览,机构对比分析在当今数字化时代,网页设计作为核心技能之一,不仅关乎用户体验,更影响了企业的品牌形象和市场竞争力。选择一家优质的网页设计培训机构对个人专业能力的提升至关重要。众多机构中,选择合适的培训机构需要综合考量机构的优势、师资力量与学员评价等关键因素。为了帮助学习者更好地了解各大培训机构的实力,我们对北京的网页设计https://www.766it.com/news/286147.html
4.在哪里可以免费学习网站建设这些网站上有大量关于网站建设的视频教程,涵盖了HTML、CSS、JavaScript等基础知识,以及网站设计、开发、运营等方面的内容。用户可以根据自己的兴趣和需求选择观看相关视频进行学习。 开源社区 开源社区是学习网站建设的重要资源之一。例如GitHub、GitLab等平台,不仅提供了大量的开源项目供学习者参考和学习,还聚集了大量的开发https://www.autocms.cn/a/ncsobrn0.html
5.机构简介您好,电子商务主要培训以下内容: 电子商务、Internet应用、网站设计与网页制作、电子商务安全、网络营销、电子交易等。中山也有不少电子商务培训机构,其中最出色的是中山石岐人民医院旁边的学文电商培训,就在以前的石岐职中内。学文教育是中山电商培训较早的教育机构之一,直属中山教育局,为社会输送了不少电商人才,深受中https://m.zysm.cn/school-28368/about.html
6.想学网页设计从哪入手您好,您查找的“想学网页设计从哪入手”问题,目前没有相关的答案,您可以通过下面查看是否有与“想学网页设计从哪入手”相关内容!也可以扫描二维码添加微信了解相关内容。 相关前20条内容: JSP自定义标签的基本概念指的是什么_CSS学习 新闻来源:网络整理 2023-3-4共有:3612浏览 https://www.gzit.cn/theme/893208.html
7.语文《泊船瓜洲》优秀教案12篇⑵瓜洲、京口隔江相望,而钟山又在哪里呢? 数重山表示山多还是山少?数人、数日何意?数何意? 还从哪里知道山很少?(抠住只。补充介绍,点击京口。)读一读,读出路程近。 ⑶齐读前两句,指名说诗意。 过渡:瓜洲和京口只隔着一条长江,离诗人的家乡钟山也不过隔着几座山而已,可以说,诗人身在瓜洲,已设计好回家的路https://www.fwsir.com/jiaoan/html/jiaoan_20211118081703_1468940.html
8.昆明理工大学津桥学院《静态网页设计》2021装订线装订线PAGE 2第1页,共3页昆明理工大学津桥学院静态网页设计20212022学年第一学期期末试卷院系 班级 学号 姓名题号一二三四总分得分批阅人一单选题本大题共15个小题,每小题1分,共15分在每小题给出的四个选项中,只有一项是符https://www.renrendoc.com/paper/369556350.html
9.2010年最变态的100个小众网站11.爱酷美剧(一边看美剧,一边学英语,不耽误啊!) http://www.icoolen.com/film 12.在线球赛 http://www.zhibo8.com/特色:体育节目很全,更新超快 13.在线架子鼓~来玩会 http://www.kenbrashear.com/来体验一下吧,超酷! http://www.arnelefant.de/iclip.html设计很可爱~^_^`手脚混音!有意思~(点击一下https://www.douban.com/note/84433788/
10.网页设计需要了解的相关知识【网页设计】相关 IE无插件下网页全屏尺寸 1003*592 这个是在1024*768正常下的 1003*572 是在安装ALEX条件下的 关于网页尺寸的设置: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。 http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
11.网页制作实训总结通用12篇在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力,要求学生能够通过所学知识做出优秀的作品,因此这门课程对学生的动手实践能力要求是非常高的,这就要求教师首先要具有较强的实践操作能力,只有教师具有了一定的项目实践经验,才能充分地指导学生完成优秀的网页作品。因此,教师平时就要注重理论与https://mzyl.xueshu.com/haowen/82174.html
12.网页设计需要学什么软件?11款网页设计软件推荐Pixso是国内的一款为本土设计师量身打造的完全免费的网页设计工具,是集成原型、设计、交互与交付等所有网页设计需求的一站式设计平台,内部集成了大量优秀插件,包括:组件、图标、字体、色板、填充等等功能,基本上覆盖到网页设计师常用的大部分工具。在网页设计中,线框图作为设计元素和功能的图示,有助于帮助定义和更好地https://pixso.cn/designskills/wangyeshejirj/
13.学习网页设计的软件有什么2022学习设计网页的软件下载推荐相信不少小伙伴都十分疑惑网页设计到底需要什么技能,那么学习网页设计的软件有什么2022呢,事实上网页设计需要学的方面非常多,软件类型也多,接下来为大家带来学习网页设计的软件有什么2022的相关内容,这些推荐软件都是十分全面的,希望大家喜欢。 1、《编程狮》 https://m.wandoujia.com/strategy/12599895482200051012.html
14.计算机学习心得体会15篇Flash也是由macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash也是存储芯片的一种,通过特定的程序可以修改里面的数据。 在学习Flash动画过程中,我总结了五点:即一看,二做,三听,四问,五合。具体如下:https://www.yuwenmi.com/fanwen/xinde/3691996.html
15.《浏览网页》优秀教案范文(通用5篇)以教师演示讲授、引导启发和同学讨论尝试、自主学习相结合的方式,学会在因特网上浏览有用的网页。 3、情感、态度与价值观 (1)通过导入展示的精美网页激发同学学习浏览网页的兴趣,并进一步提高同学使用信息技术的能力。 (2)在保管图片的自主探究中,培养同学发现问题并自我解决问题的能力,提升同学的自学能力。 https://www.ruiwen.com/jiaoan/1901125.html
16.问答:想学网页设计,有哪些比较好的网站可以推荐?那就推荐几个曾今还是小白的我用过的一些教学网站吧。如果你更加偏重设计方面,建议多看看一些优秀网页设计网站,观察布局,颜色搭配等等,这里还是提供一些关于开发的网站,基础的东西必须得懂。 w3school w3s致力于提供比较专业的web教程资源和标准手册,从这里可以比较系统进行学习web开发知识,通过这个网站,你也能够进行在线https://www.jianshu.com/p/6c4a46448380
17.网页设计优设网网页设计Web Design。大屏时代,越来越多的公司开始重新重视网页设计,特别是响应式网页设计。本话题收录了网页设计师入门必学的网页设计方法论、网页设计规范指南、网页设计工作流等优质文章,可以更好的帮助网页设计师入门及进阶。https://www.uisdc.com/tag/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%27/
18.网页设计培训班网页设计师培训学校网页设计学校哪家好网页设计培训频道,汇聚了网页设计培训班,网页设计师培训学校,并提供网页设计师培训学校报名咨询服务,如果想深入了解网页设计培训学校地址,学费,地址,电话等信息,可以联系在线客服。http://4.soxsok.com/
19.15个著名的设计心理学原理以及在设计中的应用人人都是产品经理你是否有在听别人说某某原理法则时一脸懵B的时候?明明知道这个原理却说不出它的名字? 不要紧,本文就来介绍与人机交互设计相关的15个常见的设计心理学原理,帮助你了解产品的定位,需求目的和交互逻辑,洞悉用户的各种行为,也为自己的设计予以理论支撑。 一、7±2法则「米勒定律」 https://www.woshipm.com/pd/4462365.html
20.网页设计入门必备的知识点青岛Java培训UI培训H5前端培训网页设计入门之前的知识,多年设计经验所总结。围绕平面与网页设计之间的不同差异和共同点讲解一些平面与网页知识点、从字体、像素、版式、色彩、如何学习等角度讲解。 大家对于网页设计的认识有多少呢?知道网页和平面的区别吗?那么学习网页又要从哪些地方学起呢?需学习哪些软件呢?如何快速成为一名网页设计师……等等。有http://www.situedu.com/news/uid/1743.html
21.上海非凡学院虹口校区主页办公自动化室内设计网页设计报名非凡设计春季课程最高可减一千元! 4.8很好 查看13条评价> 机构简介: 上海非凡进修学院成立于2005年7月是在团中央青年企业家协会、中国民主建国会徐汇区委员会等团体支持和领导下,由交大MBA同发起,经民政局、教育局核准注册成立的教育机构。详情> https://sh.xuemanfen.cn/xuexiao/2228.html
22.毕业设计论文开题报告(通用9篇)在经济发展迅速的今天,接触并使用报告的人越来越多,我们在写报告的时候要避免篇幅过长。一听到写报告马上头昏脑涨?以下是小编收集整理的毕业设计论文开题报告(通用9篇),希望能够帮助到大家。 毕业设计论文开题报告 篇1 开题报告: 一、课题的目的与意义; https://biyelunwen.yjbys.com/kaitibaogao/414846.html
23.ui设计需要学什么ui设计培训机构选广州天琥教育,专业设计培训,ui设计需要学什么,天琥教育UI面授上课,零基础一对一指导高薪就业无忧!咨询热线:4008831316http://www.tianhusj.com/list-41-1.html
24.网页设计培训网页设计培训机构教育联展网网页设计培训频道汇集学网页设计,网页设计培训班哪家哪里好,网页设计培训机构,网页设计培训机构一对一,网页设计**班,网页设计培训费用等信息服务!学习成就梦想!https://www.thea.cn/px53_cn/