网页制作实训总结(精选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.Dreamweaver网页制作我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训https://www.51zxw.net/List.aspx?cid=321
2.网页制作学习网页制作学习 htmlphp asphttps://www.nxfyxxt.com/
3.网页制作学习网站网页制作学习网站专题:为大家提供网页制作学习网站相关内容的文章,以帮助大家更快的找到所需内容。希望丰富的网页制作学习网站资讯能快速帮助您找到有用的信息以解决你遇到的网页制作学习网站问题。https://www.liuxue86.com/k_%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E5%AD%A6%E4%B9%A0%E7%BD%91%E7%AB%99/
4.网页制作基础学习——HTML+CSShtml+css网页设计网络是大家经常使用的东西,他帮助我们解决了很多问题,在我们生活中扮演着举足轻重的作用。但是如何制作呢,现在已经有很多专门的网页制作软件了(例如:Dreamweaver,Fireworks),而这些软件的根本都是生成代码,让浏览器进行读取,所以我先从背后代码的部分开始学习,进行简单总结。 https://blog.csdn.net/liujiahan629629/article/details/8866946
5.网页制作学习入门教程(三)工具使用,北京网站制作网站建设网页只要能制作出精美图片就可以了! 网络工具 LeadFTP,CuteFTP都是非常上传工具,可以把我们制作的网页上传到网络空间。 Teleport Pro可以将他人的网站全部下载到我们自己的硬盘中,慢慢观摩学习。 北京网站制作http://www.haidanet.cn/zhuantis276.html
6.学做网页设计/网站制作学习教程这跟我们一般的平面设计出来是一整张图片是完全不一样的,这样子的网页是怎么实现的?在做成一个网页之前,通常技术人员都需要进行网站界面效果图的设计,就是类似平面设计那样子,但是网站界面设计它有网站界面设计的规范,所以做平面设计的一般没办法进行网站界面设计,因为他不知道网页设计有哪些的规范。进行网页设计效果图https://www.bunze.com/hots/1818.html
7.网页制作学习优秀网页设计网页制作视频html学习网页制作学习_优秀网页设计_网页制作视频_html学习_php零基础入门_优秀网页设计_php视频_织梦建站_web前端开发_网站开发 举报 建站技术解说 关注569 信息 分享: 直播热点 下载APP领会员 直播中 小言儿~ 直播中 丽丽感谢家人宠爱 直播中 悠然~ 千帆直播 人气主播 直播6380 JD-早早 本小姐回来啦!! 点击观看 https://www.56.com/u56/v_MTUxOTAyOTE3.html
8.网页制作教学设计(通用10篇)三、学习目标 知识与技能:能列举H5网页的特点;掌握在iH5软件中添加和编辑文字、图片、动画等元素的方法以及设置对象属性的'方法,理解舞台、页面、对象之间的层级关系。 过程与方法:通过制作校园文化艺术节邀请函,经历制作H5网页的基本过程。 情感态度及价值观:感悟网页制作并非难事,软件使用有共通之处。 https://xiaoxue.ruiwen.com/jiaoxuesheji/319726.html
9.简单制作网页学习笔记今天主要记录一下这几天学习的笔记,在别人的辅导下制作了一个简单的页面,当然还是有很多不完善的地方,主要是因为刚学习想给自己增加一些信心,之前也看过很多视频关于html+css的教学,但是每次想自己写的时候,总是不知道从哪里入手。 练习制作的百度首页 https://www.jianshu.com/p/798803732970
10.实训一制作一个简单的网页(精选5篇)(3)初识FrontPage2003并学会建立网站;(4)学习制作一个只有文字的简单网页。2.技能目标 学生通过探究学习过程中,掌握网站的建立方法与创建简单网页的操作。3.情感目标 培养学生在学习过程,自主探究能力和分类汇总知识的能力。 【教学重点与难点】 (1)重点:建立网站、保存网页的方法。 https://www.360wenmi.com/f/fileiilf84n8.html
11.如何在线学习网页和小程序的制作技巧?Q2:学习网页制作有哪些推荐的书籍或资源? A2: 除了上述网站外,书籍如“HTML and CSS: Design and Build Websites” by Jon Duckett 和“JavaScript and JQuery: Interactive Front-End Web Development” by Jon Duckett 也是不错的学习资源,MDN Web Docs提供详尽的技术文档,可以作为学习的参考。https://www.kdun.com/ask/1071365.html
12.网页制作教程网学习HTML和CSS基础知识 HTML和CSS是网页制作的基础,本网站提供了详细的HTML和CSS教程,从基础语法到常用标签和样式,让您快速掌握网页制作的基本技能。 掌握网页布局和设计 网页布局和设计是网页制作中非常重要的部分,本网站提供了丰富的网页布局和设计教程,包括响应式设计、色彩搭配、字体选择等,帮助您打造出独特且美观的https://www.yncaili.com/32197.html
13.制作网页的工具软件有哪些APP推荐制作网页的工具软件有哪些下载豌豆荚制作网页的工具软件有哪些榜单为您提供最新制作网页的工具软件有哪些大全,这里不仅有制作网页的工具软件有哪些安卓版本APP、历史版本应用下载资源,还有类似制作网页的工具软件有哪些的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/815880/
14.收集12个适合网页制作新手学习的精品网站(含国内国外的网站)如果你是网页制作新手,而且又想在线学习,但又不知道哪个好,哪么不用担心,今天达人分享的就是都是精心挑选出来,而且无论是新手还是老手都很适合的网站,这里我会分为国内和国外两大版。 国内的学习网站推荐: w3school在线教程 在w3school,你可以找到你所需要的所有的网站建设教程。从基础的HTML到XHTML,乃至进阶的XMLhttps://www.shejidaren.com/%E6%94%B6%E9%9B%8610%E4%B8%AA%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E6%96%B0%E6%89%8B%E5%AD%A6%E4%B9%A0%E7%BD%91%E7%AB%99.html
15.网页设计与制作主要学什么?学完做什么呢针对于基础稍弱并且想要快速进入这个行业的学生来说,小编推荐大家选择直接面向就业的培训机构进行学习。比如说火星时代教育,这家培训机构的网页设计课程就很全面,主要分为了四个阶段:平面设计、网页设计、动效与三维课程、产品交互课程。并且火星时代的课程还会穿插着网页设计案例进行制作,让学生针对不同企业的企业文化内涵https://wap.hxsd.com/content/10078/
16.《网页的制作》教案优秀根据教材和《中小学信息技术课程指导纲要(试行)》中的精神,本课应以“任务驱动”的方式完成,一方面教会学生了解和熟悉具体软件的基本功能,另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件“网页制作”。https://www.jy135.com/jiaoan/2102408.html
17.码住!学网页制作需要的基本步骤都在这里!好啦~今天诚筑说的小编就讲到这里了,你对制作网页的步骤有没有一个清晰的认知呢~那就快开启你网页制作的步伐吧~如果你是0基础,对网页开发所需要的web知识有需要,欢迎来诚筑说参加web培训吧~这里一定有很多和你一样学习web的伙伴哦~https://www.chengzhushuo.com/articlecontent.html?id=1452
18.“网页制作”教学设计与思考访问推荐网页 评价网页,确定标准 形成小组、讨论栏目,明确分工 推荐优秀网站 组织学生讨论网页内容和风格,分析网页框架和布局。 小结网页评价的标准 提出学习任务(班级网页制作)和原则(小组协作,网上讨论与学习) 提供网页栏目划分建议 组织各小组讨论 浏览网页 https://www.fwsir.com/jiaoan/html/jiaoan_20080821212505_172650.html