网页制作实训总结(精选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.网页设计第5章制作导航栏.pptx网页设计-第5章 制作导航栏.pptx,网页设计案例教程案例说明 导航栏的主要功能是通过超链接实现从本页面跳转到浏览者想要查看的其他页面,其中鼠标移动到导航栏上的某个菜单项时一般会有变色效果。一个好的导航栏应让用户能快捷、准确地访问网站要展现的主要内容,同时导航https://max.book118.com/html/2022/0225/7065126045004066.shtm
2.网站设计软件下载网站美化软件网页设计软件网站设计软件里面有很多专业性的软件,有免费版可以进行下载,工具众多功能强大,可以快速设计出需要的网站,制作出有出色使用体验的界面,内部有众多模板可以进行参考,更加方便用户操作,设计更加简单,快来试试吧!http://www.downyi.com/key/wangzhanshejiruanjian/
3.网页设计与制作教程——Web前端开发(第6版...《网页设计与制作教程——Web前端开发(第6版)》依据《Web 前端开发职业技能等级标准(初级)》和部分示范院校的《Web 前端技术课程教学标准》编写,内容包括Web页面制作基础、HTML5和CSS3开发基础与应用、JavaScript程序设计和现代标准的社区新闻网站制作实例。《网页设计与制作教程——Web前端开发(第6版)》以模块化的结构...http://www.cmpedu.com/books/book/5603678.htm
4.网页美工设计入门详解平面设计学院本门课程主要是通过几种设计软件的综合应用,讲解作为一个网站美工所必备的基础知识和技能,让学生从单一软件的学习中走出来,转化为多元化的实际应用。选取的案例均是当前网页美工领域实用的案例,穿插讲解相关理论。共分为4章,网页制作流程和设计常识部分、平面造型及设计部分和动画设计部分。 第一、二章: 网页制作流程...http://www.qinxue.com/21.html
5.英雄联盟LOL静态HTML网页制作模板DIV+CSS学生网页作品代码游戏...HTML网页制作自制LOL页面(导航栏,小特效等等).zip HTML特效素材滚动效果,导航栏等等,特效拉满,高端大气上档次 可以方便的制作网页特效,以LOL官网作为例子,可以进行更改,我这也有很多的特效素材,可以私信我,找我要。 上传者:qq_46658914时间:2020-07-20 https://www.iteye.com/resource/LILIXING_COM-13112654
1.网页导航栏制作详细教程来临,不信你学不会网页导航栏是适用于网页的一个特定设计,属于网页设计师所做的工作,它对于一个网页来说是特别重要的部分,导航栏是网页设计师的重点工作之一。那么怎么做网页导航栏呢?即时设计作为一款受百万设计师追捧的网页导航栏设计工具,有超过 4075+款免费的网页导航栏设计资源,支持一键套用无需从头开始设计,让网页设计师在设计网...https://js.design/special/article/web-navigation-bar-production.html
2.超实用!2024年必看的10个导航栏设计卡片式导航水平顶部导航栏是最常见的网站导航栏类型之一,这种经典设计符合用户习惯,能够一目了然地让用户找到所需内容,可以说这种设计永远不会过时。水平顶部导航栏一般有3-6个按钮,这些选项并排排列,用于介绍品牌或产品。 企业官网通用设计模板:https://www.mockplus.cn/example/rp/100007?hmsr=wencsdn204fj ...https://blog.csdn.net/aimeeth/article/details/137966037
3.设计导航网页制作网页导航栏设计样式网站导航是网页的关键感受之一。一个合理有效的网站导航能够协助商议网址,明确客户的部位及其她们怎样网站导航。一个合理有效的导航页控制面板是sitmap,沒有它,网址会觉得疑惑和难以理解。沒有合理的网站导航,网址便会无效。网站设计网站导航时,设计方案必须简易到客户https://www.dkewl.com/course/detail8519.html
4.网页设计中关于导航栏的三大设计建议方式华寸科技我想关于一个网页设计做的好与坏,可以从它的导航栏来决定这个网站的成功与否,我记得上一篇我们有分享过关于网页设计导航栏设计的重要性,而我们苹果网页设计也整理出关于导航栏的三大设计建议方式,而这一篇我则是想针对第三点的容易操作来做解析。 网页设计做的好坏,从它的导航设计就可以知道了 ...https://qzhckj.cn/h-nd-6753.html
5.html菜单栏设计,html菜单导航栏网页制作这是一款含悬停动画的html菜单栏设计,html菜单导航栏网页制作,你可自由编辑以用在适合的网页设计中,悬停效果大方简单,希望您喜欢。https://www.17sucai.com/pins/47364.html
6.66个网页制作的技巧上海网站建设专家创新互联与您一起去了解66个网页制作的技巧,网站的页面多种多样,风格各异,网页的质量直接影响着网站的效果。网页设计的过程中,需要注意哪些方面的事项,有哪几方面影响着网页的设计效果呢? 1页面平铺 把页面平铺开,主要的物件有:导航栏、LOGO、Banner、按钮、图片、文字。 https://www.cdcxhl.com/news/166389.html
7.QQ网页导航栏列表ul制作详解通过html与CSS做一个网页导航栏 由于导航栏是几乎任何网页都必须具有的功能,所以学习他是我们必备的课程。下面,教程是通过代码实现由浅入深介绍导航栏,子菜单,以及样式,风格变化。首选需要认识和标签,是无序列表,是有序列表。有序列表在前端设计中基本上用的很少,制作网页导航栏,是通过无序列表来实现。 1.那么...https://www.pianshen.com/article/87481541360/
8.网页设计与制作报告在不断进步的时代,报告对我们来说并不陌生,我们在写报告的时候要注意逻辑的合理性。那么报告应该怎么写才合适呢?以下是小编帮大家整理的网页设计与制作报告,欢迎阅读,希望大家能够喜欢。 网页设计与制作报告1 一、实习目的: 通过社会实践,可以把我们在学校所学的理论知识,运用到客观实际中去,使自己所有用武之地。https://www.unjs.com/fanwenku/435151.html
9.网页设计栏目导航模块功能效果及设置教程利用“栏目导航”模块可以达到点击左边的栏目,页面右边出现相应的内容的效果。 点击下图可访问示例网站测试效果。 二、功能说明 【版本】无版本限制 【注意】仅标准模板电脑网站支持添加 三、设置教程 1. 新增栏目导航模块 进入电脑网站设计页面,在左侧导航栏点击【模块-新增模块-基础】,添加【栏目导航】模块。 https://m.yw-jz.com/h-nd-1826.html
10.CSS网页导航栏设计:制作各种导航栏样式css教程CSS网页导航栏设计:制作各种导航栏样式,需要具体代码示例 导航栏是网页设计中极为重要的组成部分之一,它不仅可以方便用户浏览网站的不同页面,还可以提供网站结构的清晰导向。在设计导航栏时,我们常常面临的问题是如何打造一个既美观又功能实用的导航栏。本文将介绍一些常见的CSS导航栏设计方法,并给出相应的代码示例,...https://m.php.cn/faq/628790.html
11.常用的网页制作软件有哪些网站制作工具大全→MAIGOO知识此模板中有Products,Download,Support,Buy,Demos等5个页面,网站设计采用了悬浮导航栏和footer的效果,可用于订单购买,登陆,图标展示等网页界面设计参考。 2、Dribbble-设计类网页设计模型 参考点:多资源多链接页面布局 Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群的社区网站。作为设计平台类的佼佼者...https://www.maigoo.com/goomai/189945.html
12.免费学生dreamweaver网页作业知识,网页设计作业成品,学生html网页...STU网页设计网站提供大学生HTML静态网页模板下载,PHP网页毕业设计作品及论文,html5网页设计制作代码,DW网页设计与制作成品下载,Dreamweaver网页设计作业免费教程,网页定制代做,简单个人网页制作...https://www.stu-works.com/bangzhu/