网页课程设计总结篇(1)

关键词：工学结合；网页设计；岗位能力

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0228-01

在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。

一、职业岗位分析

由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。

二、确定职业岗位核心能力

分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位，要求了解网站的开发流程，熟练使用网页设计软件编辑与制作网页；能够合理布局网页。

三、课程教学目标

课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。

（一）知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标，使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素；强化网页美化与修饰的技能，会使用行为和特效修饰网页；掌握CCS层叠样式表的使用；掌握网站新闻和图片的更新等日常管理与维护技巧。（二）操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能；灵活运用所学网页制作工具的能力；对页面细节的调节技能；合理运用模板与库等工具，优化网页制作的过程；提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力；主动学习的能力。（三）职业素质目标。培养学生具有良好的职业道德与敬业精神；培养学生的沟通能力和团队协作精神，具有组织、计划、协调与协作能力；培养学具有良好的心理素质和克服困难的能力，具有分析问题、解决问题的能力，具有较强的沟通和交流能力。

四、课程教学内容

（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。

五、课程的教学实施

（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。

六、考核方法

主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。

七、结束语

网页课程设计总结篇(2)

关键词：电子商务 课程教学 技工院校

网页设计与制作是技工院校电子商务专业的核心必修课，课程培养目标是从事网站建设与维护、网页美工等岗位的高技能型人才。因此，网页设计与制作对于电子商务学生就业具有举足轻重的作用，值得电子商务专任教师高度重视，并在教学中不断探索与改革。

一、技工院校电子商务网页设计与制作课程教学中存在的问题

近几年来，随着技工院校内涵建设的不断深入，教学改革取得了一定的成效。技工院校创新教育、专业建设等教学成果也频频出现在研究文献中。但是，在网页设计与制作课堂教学方面，研究成果非常少。为此，笔者对本院和兄弟技工院校的电子商务专业网页设计与制作课程教学进行了调研，对国内学者有关网页设计与制作课程教学的文献进行了综合分析，然后结合自己的教学实践，综合得出该课程教学存在以下问题。

1.教学内容设计不合理

虽然大多技工院校所选择的网页设计与制作授课教材是基于一定的教学方法编写的，比传统教材更为合理。但是，在教学实践中普遍存在老师直接按教材编排的内容顺序从头讲到尾的情况，教学效果并不理想。比如，笔者学校选择张苏中、吕威飞、尤胜编著的《网页设计与制作》（高等教育出版社出版，2014）。这本教材是按项目教学法编排的教材，以了解网页设计工作、元素的添加与操作、页面布局编排等项目进行编排内容，虽然符合从易到难的规律，但是，设计的不同项目选择了不同的网站实例，并不能使学生了解网页设计的全貌，不利于课程教学目标的实现，而且该教材很少有关于网站维护管理以及网络编辑等的内容，没有考虑到电商岗位要求学生掌握商品图像处理、网页的美化等技能训练的需要。这样的教学内容设计，导致培养的电子商务毕业生与社会实际需要的人才脱节。

2.教学案例不连贯

电子商务网站是一个完整的系统。网站各网页的设计应该围绕某一个或者某一些产品进行营销服务，因此，设计的各网页应该考虑整体风格。但是，在实际教学中，老师依照教材提供的案例进行教学，各案例主要是服务于本项目的教学任务，彼此之间缺乏统一性，导致各案例成为“孤岛”，比如我院选择的张苏中等编写的教材共涉及10个项目，每个项目各有一案例，案例之间缺乏整体性。这往往会影响后续学生实践教学的效果，难以培养学生独立完成一个完整的网站。

3.课程与专业的关联性不强

从调研结果发现，许多技工院校老师在讲授网页设计与制作课程时，在处理教学内容等只考虑该课程，而没有和专业建立必要的关联性。该课程培养目标是能适应电子商务企业工作岗位的人才，因此，教学中应该把握商务特点，而不能一味地为讲技术而技术。

二、技工院校电子商务网页设计与制作课程教学建议

针对以上存在的问题，笔者根据自己多年的教学实践经历，结合当前技工院校电子商务网页设计与制作课程教学现状，提出以下建议，旨在抛砖引玉，与同行交流。

1.专业视角设计教学内容

电子商务专业课程应该考虑该专业的特征，也就是说，教学内容应该着重考虑“商”的特点，以某一产品营销平台构建教学内容，比如在讲授网页编辑时，可以按照电子商务企业岗位工作任务要求，把图像美化等内容充实到课程教学中，提高学生技能。

2.专业角度选择教学案例

教师在教学中，应该尽量选择完整的电子商务网站案例。假如不便于选择完整的电子商务网站案例进行课堂教学，可以在布置学生作业环节中以完整的电子商务网站内容安排课外作业。教师在围绕完整的电子商务网站案例教学时，可以将总教学任务分成若干模块，每一模块完成一定的教学任务，在结束整个学期的教学后，学生就能掌握网站建设的全过程技能。这种贴近实际工作的教学有助于提高学生就业的竞争力。

3.考核方式改革

该课程的考核可以采用“形成性考核+阶段性考核+终结性考核”的综合性考核方式。其中，形成性考核的内容包括学生出勤率、课堂表现、作业完成情况和平常实训教学中动手操作能力等，分值建议确定为考核总分的30%。阶段性考核指的是老师要求学生调研后，自己确定网站主题和网站策划书，自己完成创作过程，老师考核学生完成的最终作品，分值建议确定为考核总分的35%。终结性考核是老师提供模板网站，学生现场独立完成网站的制作（这是为了防止学生课外找而蒙混过关的有效手段），分值建议确定为考核总分的35%。

参考文献：

网页课程设计总结篇(3)

【关键词】

《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。

1 什么是项目化教学

项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。

项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。

2 《网页设计》课程的项目设计

项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。

阶段项目在前期的“理论和案例”教学阶段，该阶段主要通过案例讲授网页设计的基本技巧和方法， 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有：网站的规划、网页布局的实现（框架、表格和层）、网页元素的制作（文字、图像、表格、表单、视频、动画等）、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计，包括（1）网站策划书的撰写（2）网站首页与分支页面的版面设计（3）网站 Logo 的设计（4）网站导航条的设计（5）制作明星主页――表格（6）制作花卉网页――框架（7）制作班级网站的主页――层（8）制作班级网站中的注册页（9）弹出窗口与页面动画（10）在页面中添加滚动的文字（11）制作班级网站中的帮助页（12）域名的申请（13）班级网站的优化（14）网站的测试、、更新与管理。该阶段的项目由于比较简单，以学生掌握知识技能为目的，不给学生分组，主要有学生个人完成。

第二阶段是“专题实训”教学阶段，在学生掌握了基本知识技能的基础上，强化应用，强调创新，强调小组组员间的分工合作。我们根据课程特点和学生特点，设计了几个项目可由学生小组任选一个完成。（1）宿舍网站；（2）淘宝网个人网店；（3）某企业网站；（4）本系网站。

3 《网页设计》课程项目化教学的实施

（1）明确项目任务：教师提出任务，同学讨论。项目要要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。

（2）制定计划：学生制定工作计划，教师审查并给予指导。

（3）实施计划：学生分组及明确分工，合作完成任务。在项目实施的过程中，各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识，提升工作效率，教师不应该放任自流，而必须进行适当的引导。

（4）考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成，各占50%，其中，阶段项目由教师评价，长期项目的成绩包括小组间互评和教师评价两部分，占比为6：4。

（5）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践

4 结论与总结

项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性，提高了学生的自信心，而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程，值得在教学实践中进一步探索。

【参考文献】

网页课程设计总结篇(4)

关键词:高职教育;网页设计;网页制作;教学研究

1引言

随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。

2高职网页设计与制作课程教学改革的发展研究

2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。

3结论

通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。

参考文献

网页课程设计总结篇(5)

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

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

1教学改革的理念与思路

在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

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

2.1课程整体设计

在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。

2.2建立项目小组

在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。

2.3项目教学的实施

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

2.4成果展示

在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

2.5考核方式的改革

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

3结束语

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

参考文献：

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

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

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

网页课程设计总结篇(6)

关键词:网页设计 网页制作 教学改革

中图分类号:G64 文献标识码:A 文章编号:1007-3973 (2010) 01-178-02

1根据专业特色确定教学目标

《网页设计与制作技术》是计算机类专业的一门基础课程,考虑到计算机类专业的学生缺少艺术设计基础,通常是以掌握静态网页的制作技术为教学目标。但是对于多媒体专业的学生来说仅仅掌握网页制作是不够的。

多媒体专业的任务是能够将图形、图像、文本、声音、视频、动画等多种媒体元素以合理的形式进行整合,为其设计美观的界面和人性化的交互方式,使之成为一个完整的多媒体系统。所以多媒体专业对学生在艺术设计水平和软件制作能力方面都提出了较高的要求,针对这一专业特点,《网页设计与制作技术》课程的教学目标放在了网页的“设计”和“制作”两方面。“设计”方面要求学生能够利用设计工具设计出符合商业需求的网页界面,能够对网站的信息进行重组,能够根据需要设计合理的交互方式;“制作”方面要求学生具备将网页界面设计稿采用合理的制作技术转换为真实网页的能力,能够制作可维护、可扩展的网站结构。

2依据教学目标制定教学内容

教学内容是依据教学的两个目标来制定的,总体分为两部分“网页设计”和“网页制作”。这两部分的内容对于多媒体专业的学生来说同样重要,授课时间上要给予合理的分配。

“网页设计”部分的内容主要包括:

2.1网页布局设计

由于受到显示屏幕的限制,网页具有区别于一般平面设计的布局结构,并且根据网页信息量、网站主题和风格的差异可以设计出千差万别的布局。学生应该具备根据实际合理设计网站布局的能力。

2.2网页色彩设计

网页的色彩创作拥有自身的设计规则,与其他视觉形式有着较大的差异。对于平面设计来说,色彩是静止的,色彩的分布根据固定的信息来编排。对于网页来说,信息是流动的,网页上的色彩也会跟着流动,因而,学生要掌握网页上的用色更需谨慎。

2.3网页界面元素设计

网页上包括的文字、图片、按钮、声音、动画等都需要经过精心设计来配合完成一个完整的网站。学生需要掌握各种软件来实现素材的设计与制作,这些软件可以是Photoshop、Fireworks、Flash、Cooledit等。

2.4网页导航设计

这一部分绝不仅仅是制作菜单,重点是对网站信息的组织。学生对网站信息的组织往往是随意的,他们没有意识去分析大量要在网页上出现的信息哪些重要,哪些是辅助的,重要信息应该出现在页面的什么位置,以及如何使用色彩来突出重要信息。

2.5交互设计

浏览者不仅要求网页具有良好的外部界面,也非常关心界面的组件、布局和风格,看它们是否能支撑有效的交互,浏览者是否能轻松使用网站的功能来快速寻找到所需要的信息,这是评价网站可用性的一个重要指标。

“网页制作”部分的内容主要包括:

(1) 使用XHTML+CSS实现网页布局。早期的网页制作大多采用表格嵌套的方法实现,这种方法制作的网页难以更新和扩展。现代的网页越来越多使用XHTML+CSS来实现,因为其具有良好的灵活性,同时也提出了一种全新的网页制作思路。

(2)利用模板快速生成网页。模板技术在XHTML+CSS流行的时代同样重要,能够帮助快速生成同类型的网页,也更易于后期的维护。

(3)使用框架构建网站。

(4)使用Flash辅助。Flash在制作导航条、按钮、动态图片等方面具有明显的优势,把Flash结合进来能让网页增添不少亮点。

3 根据现代学生的特点选择教学方法

现代的学生都有一些新的特点,比如喜欢拿手机发短信、喜欢通过网络获取知识多过于书籍、喜欢在网络上与他人沟通、喜欢使用博客、玩游戏等,思想认识上也与以前的学生有很大的不同。教学应该以学生的学习为中心,教师的任务是帮助学生提高学习兴趣,教学的过程要符合学习习惯。如何改变传统的教学方式来适应现代的学生是我们需要研究的课题。可以考虑在以下方面改进教学方法,从而加强对学生的学习引导:

3.1让学生在自由、轻松的课堂环境下学习

国外的一些研究表明,让学生在完全放松的状态下学习能够得到比严肃的课堂环境更好的教学效果,尤其对于需要发挥创意的课程来说更是如此。我们可以考虑将课堂从教室移至亭子、池塘边、树荫下等大自然的某个角落,或者重新布局教室,使它看起来象工作室、会客厅、休息室,或者通过课堂上给予学生充分的自由思考、自由交流的机会,教师的语言如果更具有幽默感和亲和力,就能更好地激发学生的兴趣和创造力。

3.2充分利用网络实现零距离教学

现代的学生对网络的使用非常普遍,通过网络获取知识的比例越来越大,所以利用网络进行课堂外的教学补充是非常有效的。通常可以使用网络课程、论坛、博客等形式为学生提供随时随地可以获取的学习资源;利用QQ等实时通讯工具实现教与学的零距离。

3.3注意调节课堂教学的节奏和气氛

学生在一堂课的学习过程中注意力有明显的变化规律,开始阶段学生的注意力是最高的,中间最容易分散,接近最后又会慢慢提高。建议老师在讲授知识的过程中可以利用这一规律,把重要的内容放在前面,中间要加一些提高注意力的环节(可以是一次小组活动、一点小幽默)重新激发学生的热情,需要强调和总结的内容要把握好最后的时间段。

4课程改革的进一步探讨

《网页设计与制作技术》是一门综合性的课程,根据学科的差别,可能会不同程度地涉及到网页布局、色彩、交互、数据库、服务器程序设计等内容。针对多媒体专业,本文没有涉及后台的数据库和服务器程序部分,对于前台的网页制作技术,如果学时充足,还可以考虑增加利用JavaScript实现网页特效的内容。随着网页制作技术的不断发展,新技术、新方法、新标准将会不断涌现,所以我们也需要将网页设计与制作的最新、最实用的技术反映到课堂教学中去。

5 结束语

网页的设计与制作更多的表现为一门艺术,要让学生学到网页设计的理念而不仅仅是网页制作的方法,这应该是该门课程在多媒体专业中承当的任务。上面所提到的教学目标、教学内容和教学方法都应该围绕这一核心任务展开,最终为培养既有设计能力又有动手能力的合格学生服务。

参考文献:

[1]尤彩虹.高职《网页设计与制作》课程建设实践与探索[J].中国科教创新导刊.2009,(2):183.

网页课程设计总结篇(7)

关键词：实践；任务驱动；教学方法

中图分类号：G434文献标识码：A文章编号：16727800（2012）007017702

作者简介：黄丽凤（1984-），女，福建惠安人，厦门大学硕士研究生，泉州信息职业技术学院助教，研究方向为计算机应用、网页制作。

1任务驱动教学方法

任务驱动式教学模式是指在整个教学活动过程中，教师鼓励学生以完成某些具体的任务为线索，把教学知识目标包含在任务中，学生在完成任务的同时，养成认真思考以及自主学习的习惯，培养独立发现问题、思考问题、寻找解决问题的方法。

任务驱动教学方法主要是教师以鼓励学生完成任务的方式来培养学生的动手能力及相关技能。将课程原理、课程实践、课程作品融为一体，并贯穿于课程的“教、学、做”之中。学生在修读课程时，选择项目并通过自主学习、相互协作、完成作品来学习课程中的核心知识和技能。

《网页设计与制作》课程围绕着一个虚拟的高等院校网站建设为主线，以网页设计制作概述及需求分析等理论知识教学为开端，并以校园网站建设实现所需要的相关技术实践训练为重心，以开发、项目作品为目的来完成整个课程的教学。整个教学过程，能较好地发挥学生的主体作用、团队合作精神，体现出高度的学用一致精神，提高学生的动手能力。

2任务驱动法在《网页设计与制作》课程教学中的应用

《网页设计与制作》是一门实践性很强、极富创造性、具有明显时展特点的课程。下面以开发一个虚拟的高等学校网站为例来探讨一下“任务驱动”教学模式在《网页设计与制作》应用。

2.1创设情境，提出问题

在课程教学的第一次课中，教师通过多媒体给学生展示了整个虚拟网站建成之后的整体效果，引导学生进入学习状态，激发学习兴趣，并让他们去思考建设一个网站中所必须包含的基本元素，如何通过布局的方式把这些元素结合起来，使得页面整体效果更加美观。由此确定课程的总体任务——建设一个完整的校园网站；然后，针对教材与课程知识，通过虚拟网站中的可见内容，将总体任务细分为若干大任务，如制作一个简单的网页、超链接、表格、JavaScript、CSS样式、框架、模板和库、表单和CSS+DIV布局等；最后将这些大任务进一步细分为一些小任务，如简单网页中的图像、文字如何插入、超链接中的文字链接、锚点链接、电子邮件链接等。任务从简单到复杂，逐步去完成，最终完成整个作品。

2.2确定问题，分解任务

在演示的过程中，对学生进行提问，假设自己动手做一个简单的网页，应该利用什么样的思路去完成页面。通过学生的思考、分析和讨论，确定与当前学习主题密切相关的任务作为学习的中心内容，让学生自己去解决所需要解决的问题。任务的顺利完成可能会使学生更主动、更广泛地激活原有知识和经验，来理解、分析，使对所要掌握的知识有更深的印象。比如，在对利用Dreamweaver创建基本网页的教学中，先给学生展示一个最基本的学校概况页面，在页面中学生可以看到一些介绍学校情况的文字、图片，然后引导学生认识网页中的基本元素，让学生去理解，如果要在页面中插入这些元素，应该怎么去实现。学生通过老师的引导及适当的提示，可以慢慢找出问题的解决方式，然后自己动手完成。这样既掌握了知识，又感觉做一个网页并不难，激发了学习兴趣，这为后面的顺利教学奠定了基础。

2.3自主学习，相互协作

在教师的引导及提示下，可能有的同学把相关的知识领悟到，然后开始动手完成，有的同学不一定可以完成，这就要求他们相互协作，互相学习，培养团队协作意识。比如，在超链接教学中，有的学生在完成百度友情链接的外部链接时会出错，写出链接地址为：省略。这时应把学生的错误展示出来，让全班的同学来思考其中的错误。有的同学可以很快地找出正确的方法，还有同学找出的是错的方法，通过其他同学及教师的纠正，掌握了正确的方法，到最后，大家都知道，正确的链接地址应该是省略.还有一些实际应用得比较多，但是又较难的问题，可以提示学生自主通过其它途径去学习。比如脚本链接中的添加为收藏链接、设为首页链接等。

2.4归纳总结

在教学结束后，教师要把所有学生完成的任务展示出来进行交流，大家提出问题并进行讨论，教师针对学生的讨论结果及时做出归纳总结。注意总结的时候要客观评价，既要表扬做的好的同学，也要鼓励做得不好的同学，使学生认识到自己解决问题的能力，让他们的创新精神和自学能力可以得到充分的发挥。如：很多同学对相对路径和绝对路径的区别不是很清楚，就要把所有学生的作品通过多媒体展示给同学看，结果是有的同学看到自己的或者别人的作业，很惊讶，为什么这里插入的图片显示不出来，而在自己的电脑上却可以。通过学生自主讨论、修改，最后总结出是因为图片的路径出错导致，故而学生可以更快速明了地理解它们之间的区别。

3结语

利用任务驱动模式进行教学时，教师必须清楚学生的实际动手能力，并根据他们的水平来分析当前知识技能可能存在的困难与问题，以课程目标为中心，在充分围绕课程教学目标的基础上，制定一个任务来突出知识点，使学生在培养兴趣的同时又掌握到新知识与技能。

（1）任务的设计要紧密结合教学目标，把所要介绍的重难点知识大部分融入到任务中，学生通过自主学习、相互讨论，动手完成任务并深刻理解重点、攻破难点，获得知识。

（2）任务的设计要根据学生的实际情况来设计，不能太难，也不能太简单。要有层次性，从易到难，逐步引导学生。学生在动手完成任务的过程中，要认真做好监督工作，对于有些自己动手跟不上任务进度的同学，要及时给予帮助，鼓励他们继续完成。

（3）任务的设计要结合生活中的实际、有趣的事情，并且是学生通过操作后可以得出所期待的结果，这样才能激励继续完成。可以给学生留出一点自由发挥的空间，有利于培养其创新意识。

参考文献：

\[1\]毕春苗.“任务驱动”教学模式的应用探究\[J\].大同大学学报，2008（6）.

\[2\]郭绍青.任务驱动教学法的内涵\[J\].中国电化教育,2006(7).

\[3\]朱永杰.任务驱动教学法中的任务设计\[J\].教育与职业，2010(24).