网页制作与设计课程范文

导语：如何才能写好一篇网页制作与设计课程，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

【关键词】电子商务创业园 网页制作与设计

【中图分类号】 G 【文献标识码】 A

【文章编号】0450-9889（2015）03B-0121-02

网页制作与设计课程是学生进入软件工作室学习的前导课程。为了让中职学生更好地学习，广西梧州商贸学校以电子商务创业园为平台，将网页制作与设计课程中的职业能力培养作为培养的主线，将典型工作融入课程，解决了学生就业层次低、就业难度大等问题，鼓励学生的创业热情，提高了学生的实践能力，为中职的创新教学提供了源源不断的改革动力。

一、当前网页制作与设计课程教学活动中存在的问题

（一）中职生学习存在的问题。当前，中职大规模扩招，使得中职生生源总体质量下降，素质参差不齐，学习质量呈现下降趋势。中职生学习存在的问题主要体现在以下两方面：

第一，学习积极性差。在上理论课时，一些学生不愿听枯燥的理论知识，不愿做教师布置的上机作业，而是玩游戏、玩手机，导致对专业知识的掌握不牢，不能有效地将专业知识迁移到实际工作岗位中。

第二，动手能力差。在上实践课时，一些学生面对给出具体操作步骤的任务不屑动手，认为过于简单，而对于没有给出操作步骤的任务又觉得太难而手足无措，高不成低不就的现象普遍，导致无法构建属于自己的知识体系，到了实际工作岗位上便无所适从，无法将所学的知识与实际联系起来，不具备解决问题的能力。

（二）教师教学存在的问题。电子商务和计算机应用专业的网页制作与设计是实践性很强的学科，目前主要有传统教学与校外顶岗实习两种教学方式，教师教学中存在的问题可从这两方面进行分析。

第一，传统教学存在的问题。一是教学内容落后，不适应社会应用实际的变化。当前全国各地相继开展了网页设计与制作教学内容的改革，但是在实际教学中，中职教师的教学思维并没有适应社会应用的变化，教学内容远远滞后于当前应用要求。网页设计中要求美化、策划，还有后期运营中可维护，这就需要教师不断融合网站的运营推广、优化、美化、营销策划等方面的知识与实际应用技能；在网页制作与设计过程中，融合管理以及市场的创新，从而培养复合型服务人才。二是教学方法存在单一性。中职教育具有实践性的特征，但是当前网页制作与设计课程教学缺乏职业教育的特征，忽略了职业情境的创建，学生在实施、设计、计划、分析中不能得到教师对疑惑的解答。在多种教学方式下，要实现教学效果快速提高，需要从思想上实现根本转变，运用这些先进的教学方式，结合当前高科技、高速度、超大信息、多元化的时代特点，不断进行课程教学改革，改变单一化教学方式。三是考评方式不够开放，而是形式化地完成。学生的考评主要涉及日常的教学考勤和完成网站的结果，不能显示出学生学习效果的提高。在这种封闭的考评方式中，学生改进的方法、存在的问题不能在教师和学生之间形成互动，降低了学习的效果。

第二，校外顶岗实习存在的问题。在顶岗实习中，一方面，学生真正上手操作的机会比较少，加之愿意接受学生实习的企业不多，并且由于大部分学生分散在不同企业，因而管理和考核难度加大；另一方面，学校与实习企业沟通不够，合作力度不深入，也不够合理，尚未形成学生、企业、学校三者共赢的局面。

二、电子商务创业园的教学模式

以电子商务创业园为平台推动网页制作与设计课程教学改进是一种尝试。该教学模式以电子商务创业园为平台，采用项目辅导、专题讨论、技术讲座等形式，促进学生在真刀真枪的项目开发中学习相关知识，从而提高学生的职业能力。“以职业活动的工作过程”是从“以知识的逻辑线索为依据”转变而来的，并且学习的资料基本上是实际工作流程和职业岗位活动，以此来安排课程顺序和内容。

具体来说，以电子商务创业园为平台推动网页制作与设计课程教学改进是将电子商务创业园平台中的企业项目作为实例，教师结合项目流程化进行重点模块教学，学生在教师的引导下开展实践性学习。为了将完成项目任务作为实际教学活动的中心，需要遵守“项目导入、任务驱动”的教学法，教师对学生进行启发、引导，让学生通过参与项目任务的网页制作与设计，亲自体验网站的开发、维护、管理这一完整流程，并在学习中激发自主学习的动力，不断提出问题，同时发现新问题，从而改变传统教学模式中教师和学生的角色，实现以学生为中心的教学。

三、以电子商务创业园为平台推动网页制作与设计课程教学改进

首先，以电子商务创业园为平台推动网页制作与设计课程的教学改进中，主要以“项目导入、任务驱动”教学法为研究方法。因为以电子商务创业园为平台推动网页制作与设计课程教学改进的模式是一种新型的教学模式，还没有现成的案例，需要我们在实际工作中研究与实践才可能推广。其次，中职教育的教学管理中，应注意分层管理，注重个性差异和个别教育，加强学生间的凝聚力，提高学生学习的积极性。落实“总项目―子项目”模式的分层管理，一方面让项目组成员分头开展研究，另一方面由项目负责人进行总协调。同时，项目将成立例会制度，目的是强化制度体制，规范行政管理，提高工作效率。最终在校企合作的推动下，一起展开项目研究。

教学改进方案具体如下：

（一）确定项目组人员和教学改进方案。首先，确定教学改进方案的依据。一方面要在网页制作与设计课程投入人力和财力的基础上，对编制问卷调查中的通用步骤进行参考，还要对研究成果以及检索资料进行借鉴，从而得到网页制作与设计课程中的岗位及能力方面的要求的基础数据。其次，教学改进方案的设计要设立审批、经费投入等管理制度，将设立审批下放到电子商务创业园中，明确学校分类管理，加大对在电子商务创业园形成过程中出现的违法行为的打击力度，对责任人严肃追究责任。再次，在教育制度改革的同时，要深化课程教学改革，实施德育综合改革，构建网页制作与设计课程的德育课程体系，把德育目标融入学科的课程中，实现全科育人，并深入开展法治教育，强化知识课程教学。然后组织相关教师研讨，编写讲义，确定教材，落实与课程培养中的各种能力相关的设备以及资金。最后，在学生综合素质评价中，要明确以学生品德养成、身心健康、学习能力为主要评价内容，坚持常态化实施，如实记录学生在创业成长过程中的突出表现，并以事实材料为佐证，切实做到有据可查。同时加强公开公示工作，用于招生使用的活动记录和事实材料必须进行公示，相关负责人须审核签字。

（二）开展实地考察并签订企业开发合同。对电子商务创业园合作的企业如广东中山市蓝狐品牌策划有限公司进行实地考察，根据考察情况形成初步的教学改进方案，并组织专家论证，与企业签订开发合同。企业和学校要在专业设置、师资队伍建设、实践教学、实训基地建设以及现代职业教育体系构建等方面形成良好的合作基础，开展针对性的对口共建活动，使学校在专业建设、师资素质和实践教学水平等方面得到提升。企业和学校协调配合、各司其职，以电子商务创业园为平台实现对网页制作与设计课程的带动作用。

（三）教学改进的实施。开展以“项目导入、任务驱动”教学法的网页制作与设计课程教学改进的同时组织开展优秀作品展评比竞赛活动，进一步加强学生技能的培养和全面提高学生的综合素质。鼓励学生参与电子商务创业园平台相关的活动，鼓励学生建立、开发工作室，可由教师牵头，组织学生参与，引入企业项目。在企业项目实施的过程中，学生可以了解、熟悉整个工艺流程、不同知识的用途以及操作过程中的注意事项。校企联合实践教学，让学生将理论和实践进行对接，使学生对所学专业有更深层次的认识，更加明白课堂教学的意义，激发学生学习专业的热情，这对于学科建设和学科发展具有积极的推动意义；同时，引导学生树立“学会认知，学会做事，学会共同生活，学会生存”的意识，使学生在创业时“走得出”，“站得住”，“干得好”。除此之外，在教学改进实施过程中，还应注意维护学生的权益。校企合作中涉及的实习生人数多，学生容易被企业当作“廉价劳动力”使用。保障政策的重点包括企事业单位不得向实习生收取实习费；不得安排实习生从事与所学专业无关的实习岗位；学生顶岗实习给企业带来效益的，企业应向学生发放实习津贴。

（四）完善项目。依照项目开发结果来完善教学改进方案，主要是硬件设施，从而逐步建立电子商务创业园平台带动下的网页制作与设计课程规律性体系，形成网页制作与设计课程的能力考核评价标准。按“理论教学项目化，实训环境真实化，素质培养职业化”的要求，开展实训基地建设。在基于工作过程的行动导向教学理论的指导下，以真实的网页制作与设计为蓝本，在企业项目实施中，建成比较完善的“做中学、学中做”教学场所。同时，对实训基地的功能进行综合论证，对原有的师资及企业职工培训、技能竞赛和教产研发服务三种功能的不足进行重点建设，主要针对软硬件投入建设。在项目完善过程中，按不同层次拆分工作内容，开发产教项目，以适合不同年级的教学；教师的教学以生产为主线，生产活动为载体，理论与实训一体。学生通过参与项目的活动，学做融合，实现工与学的对接，创新校企合作的模式，使得调整后的项目、人才规格和专业素质贴近行业、企业的现实要求。

总之，以电子商务创业园为平台推动网页制作与设计课程教学改进，始终将学生作为学习的主体，通过案例教学、任务驱动、项目教学法、小组合作与协作等方法开展教学活动，这对提高学生主动学习和解决问题的能力，提升学生的岗位职业技能，以及提升教师团队的教学水平具有重要的意义。

【参考文献】

[1]王敏.南通市职业学校首批“学生创业园”颁牌仪式暨南通中专创业教育推进会隆重举行[J].江苏科技信息：科技创业，2012（2）

[2]陈小燕，谢强，丁秋林.浅谈项目式教学在《网页设计与制作》中的应用[J].电脑学习，2010（1）

[3]彭学军.以创业为导向的《网页设计与制作》课程教学[J].职教论坛，2010（23）

[4]翁孝川.创业活动为契机 创新主题凝心气 实现学校跨越式发展[J].中等职业教育，2008（5）

篇2

【关键词】行动导向 能力培养 创新能力

一、引言

大家都知道，目前计算机专业的学生很难就业，究其原因主要是因为学生在校期间只是学习了一些专业理论知识，而在就业时，这些专业知识不能够应用到实际工作中，或者这些专业知识已经过时，不能适应市场的变化，这样就造成了就业难的问题。那么怎样才能解决这一

问题呢？下面就这些问题我从网页制作课程中得到一点点小的启发，简单地分析一下。

二、兴趣培养

第一堂课的设计。良好的开端对事情的成功起着重要的作用。所以新学期的第一堂网页制作课对我和同学们来说特别的重要。兵法上讲知己知彼，百战不殆。对于上课来说，也是如此，只有了解学生想学什么？兴趣是什么？才能设计好课程。可以采取课下对学生进行问卷调查的方式了解学生感兴趣的话题是什么？比如大多数学生想要一个自己喜欢的手机，而女生比较喜欢化妆品、服饰，男生则比较喜欢游戏、汽车等。根据这些调查的答案进行设计课程。所以第一堂网页制作课程我并不急于讲解专业知识，而是把学生分成几个小组，大家共同观看老师找的一些学生感兴趣的比较成熟的网站和一些不成熟的网站，像游戏网站、服饰网站、化妆品网站、手机网站、汽车网站等等。老师提出一些问题，如哪一个网页的页面更美？色彩的搭配更合理？主题更鲜明？功能更完备？布局更合理？然后每一组派出一个代表回答问题。这样，学生通过比较对网页设计这门课程就有一个感性的认识了，甚至有些学生有了新想法：我一定要好好学习专业知识，设计出自己喜欢的网页。

兴趣的培养是一个渐进的过程，在课程设计的过程中最大可能的融入学生感兴趣的话题，了解学生想要学的东西，然后把专业知识变通为学生感兴趣的知识。

三、自学能力的培养

中等职业的教学，不仅仅是教学生专业的技能，而且还应该培养学生的自学能力，社会在飞速发展，计算机专业知识更是如此，不断地更新换代，因此老师不可能把社会上所有的与专业相关的专业技能知识传授给学生，这样就要求老师培养学生的自学能力，也就是说老师要授学生以渔，而不是授之以鱼。因此，在中职学校教学中这种自学能力的培养迫在眉睫，势在必行。

所以，我在讲授网页制作课程中，先让学生设计自己的网站，题材不限，只要是积极向上就可以，然后关于网站设计过程中用到的素材让学生自己上网查找资料，同学们在查找资料的过程中可能会遇到这样或那样的问题，这样学生要解决这些问题就得问老师、同学或者上网查资料，通过这种方式学生提高了自学能力，同时学生也感觉到成就感。我在04计算机、05计算机、06计算机、07计算机班应用这种方式，教学取得了显著的成效，而且也提高了学生动手动脑的兴趣。

四、创新能力培养

培养创新人才，必须改革现有的教育模式，实施创新教育，实现教育创新，为学生提供一个宽松的，使其创新潜能得以激发、展现和生长的环境。在网络经济条件下，只有在学校和社会都为学生创设了适宜培养创新精神和创新能力的创新环境，充分发挥网络在信息传播和改变教育教学模式方面的作用，才能真正培养出社会所急需的创新人才。

同志在著名的《矛盾论》中指出“唯物辩证法认为外因是变化的条件，内因是变化的根据，外因通过内因而起作用。鸡蛋因得到适当的温度而变化为鸡子，但温度不能使石头变为鸡子，因为二者的根据是不同的。”从另一方面讲，即便是鸡蛋，如果没有适当的环境和温度也永远不可能变为鸡子。可见在内因一定的情况下外因起着决定的作用。我们都把学生看作“鸡蛋”（具有创新潜能的人才），而不是“石头” ，要使“鸡蛋”（学生）变成“鸡子”（创新人才），适宜的“孵化温度”也就是良好的创新环境的建设就是极为重要的了。良好的创新环境就是培养创新人才的“外因”。没有这些环境就很难或者说根本不可能培养出大批的创新人才。因此，我们通过改变教学模式，利用行动导向教学法，实施模块教学，努力营造一个良好的网页设计创新教育环境，使在校的“鸡蛋”都变成“鸡子。”

在讲授课程的过程中，积极引导学生利用以前所学的相关课程，不再局限于利用网络资源，例如在网页设计过程中，不再仅仅局限于在网上搜索图片，引导学生利用Photoshop修改图片,利用Flash制作动画，然后再在网页中体现。这样学生的创新意识能够得到挖掘。

五、知识的拓展

为了适应市场的需求，对于学生的教育，已经不能再局限于本课程的专业知识，而且应该让学生能够把知识进行拓展，在网页设计课程中，可以引导学生应用一些没有学过的软件，像一些图片浏览软件，Windows movie maker软件等等。这样培养学生认识新知识新事物的能力，使学生的综合能力得到提高。同时专业知识也能够得到拓展。

六、评价学生能力

通过老师的授课，学生的学习最后对学生的评价实施一个答辩式考察，也就是让学生演示作品，老师和其他同学提出问题，然后演示作品的同学对提出的问题作出解答。这样学生能够在展示自己的作品、对别人作品的评价中对网页制作有一个更高的认识。

七、结论

网页制作课程是一门实用性较强的课程，在该课程中进行教学模式的改变，能够更好地提高学生的自学能力、创新能力及综合素质的提高，对于就业也起着非常重要的作用。

参考文献:

篇3

关键词：中职；网页设计；学习积极性；学习兴趣；教学方法；学习效果

随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。

1分析学情，合理安排教学内容，激发学生学习兴趣

当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。

2结合实际，选择适合的教学方法，调动学生学习积极性

教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。

3科学考核，提升教学质量，保证学习效果

在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。

参考文献

[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.

[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.

篇4

关键词:网页制作 课程改革 项目教学 个性化教学

一、互联网行业的潜在需求

在互联网时代,新兴行业层出不穷,例如新媒体、电子商务等新型传播方式和商业交易模式,为经济发展注入了新的动力。而不少传统行业也逐渐淘汰落后产能,引进各种新型电子智能技术和设备,纷纷建设电子信息网络平台与管理系统,以实现高效便捷的管理,并且极大地提高了生产效率。

二、网页设计与制作课程的发展现状和培养目标

(一)网页设计与制作课程的发展现状

在以往的教学过程中,教师往往只是从课本知识入手,着重传授相关概念和理论,而对于软件的操作,采取“为教而教”的方式,对学生的培养重在使用,而非实用。如此教学的结果是,学生虽然掌握了基本的软件操作方法,却只是停留在“知其然而不知其所以然”的阶段,一旦面临企业或者用工单位指派的实际任务,就会陷入一筹莫展的境地。究其原因,仍然是老师的作用没有充分发挥,没有培养学生良好的设计和规划意识,致使学生没有建立起完整的作品概念,更不用说创新意识和能力的培养。因此,应当明确的是,课程内容的教授应是“设计”与“技术”并重,甚至将设计理念提到更加重要的位置,让学生真正意识到开发与设计的重要性,培养独立设计与制作的能力,达到作品所应有的功能和视觉效果。

(二)网页设计与制作课程的培养目标

新课程教学目标中明确规定,我们应该确立以学生为主体的意识,明确以培养学生的实际动手能力和操作技能为教学目标。这样才能保证教学的目的和意义的实现。

网页设计与制作课程的教学就是面向实际应用,解决实际问题的实践活动,在教学过程中,老师和学生都应该具备目标意识和创新意识,在软件和网络知识的运用过程中,在实际问题的解决和网页的设计操作中,提高学生的网页设计技能和综合素质。倡导运用不同方式和灵活运用各种工具、寻求最佳途径的轻松活泼的教学,让学生参与到教学活动中来,提高学生解决实际问题的能力,培养学生的创新能力、服务意识和团队合作精神。

三、新形势下课程改革的新思路

互联网行业是近年来发展最为迅速的行业,也是自身更迭和淘汰速度最快的行业。顺应知识爆炸时代的需求,互联网行业的特点就是新鲜、快速和海量信息,而作为互联网依托之一的网页自然也要跟随时代潮流而变。作为新时代的技能型行业,网页设计与制作要求将最新的知识和科技融汇进来,才能保证不被淘汰。

(一)项目开发教学

1.协调好理论课与实践课的关系

任何学科的教授都是理论与实践相统一的整体,任何一方都不可偏废。但是对于注重实际能力的设计与制作课程,可以将理论的传授更加实用化。

2.案例教学或项目式教学

以案例或项目开发为教学载体,既生动活泼,同时在潜意识中培养了学生解决问题的意识和能力。

(二)打造学生的展示平台

利用学校的资源优势,为学生打造一个成果展示平台,促进学生间的互动和交流。利用每堂课的任务教学或者教学实例,引导学生开动脑筋,去寻求最优解决方案,并且满足他们展示与交流的愿望,建立一个开放活跃的学术氛围。

四、结论

综上所述,网页的设计与制作本身就是生动而充满乐趣的课程,教学的目的就是要让学生真正在实践中运用相关的软件和技术知识,并且在运用和实践的过程中锻炼思维,提高解决实际问题的能力,从而顺利走上就业岗位,成为实用型的技术人才。

参考文献:

[1]杨森,刘潇潇.网页设计与制作课程教学改革的研究与探索[J].办公自动化杂志.2010.(03).

[2]磨曙明.网页设计与制作课程中项目教学法的运用[J].新课程.2010.(05).

[3]敖冰峰,乔阳.“项目教学法”在网页设计与制作中的应用[J].科技创新导报.2010.(17).

[4]蒋红,包松颖.高职网页设计与制作课程的教学思考[J].宁波教育学院学报.2010.(06).

篇5

关键词：翻转课堂；网页设计与制作；教学模式

一、翻转课堂教学模式的研究背景和意义

1．翻转课堂教学模式的研究背景翻转课堂译自“FlippedClassroom”，也可译为“颠倒课堂”。源于美国科罗拉多州林地公园高中的两位化学老师对传统教学模式的改革实践。随着翻转课堂教学模式在美国的推广和流行，其逐渐成为全球教育领域关注的一种新型教学模式。传统的教学模式是教学主要在课堂上完成。教师在课堂上讲解知识，演示案例或实验。学生听取讲授，完成相关的实践任务及课后练习。但由于课堂时间有限，这种教学模式基本上是以教师为主体，学生的学习较为被动。并且部分学生在学习前对新知识点的了解非常有限，甚至一无所知。经常是教师讲得激情四射，学生听得不知所云。教师在课堂上为完成相关的教学任务，变得没有时间及精力与学生进行更多的互动及反馈。翻转课堂教学模式是指重新调整课堂内外的时间，将学习的主动权从教师转变为学生。学生在课前的课余时间，根据教师的任务布置，先行自主学习视频教学资料或其他学习资料，对新知识进行一定的了解和思考。在课堂上教师用相对较短的时间，将知识点中的重点和难点进行讲解，然后布置相关的练习任务。在解决问题的过程中，学生可以与教师或同学进行研究与讨论，将课堂变为师生间答疑解惑的互动场所、知识应用的实践环节，给教师和学生更多的沟通和反馈时间。2．翻转课堂教学模式的应用优势“网页设计与制作”是计算机类专业的一门重要专业基础课程。课程特点是知识点较多，但易于自学，实践性较强。目前，大部分教师都采用“教学做一体”的方式进行教学。这种方式能让学生掌握网页制作的基本技能，但也存在一些问题：由于教学内容较多，所以课上讲授时间偏长，学生精力容易分散，教学效果难以达到预期；由于课堂时间有限，课上教学方法和内容统一，无法满足不同水平学生的学习需求；教师要将更多的精力用于讲授环节，对于学生在实际应用中所带来的疑惑，无暇进行回答和解决。传统的教学模式忽略了学生作为学习主体的地位，阻碍了教学效果的提升，不利于对学生自主学习主动性、积极性与创造性的培养。翻转课堂教学模式中的课堂内外教与学的变换及研讨式、项目驱动式学习模式都与该课程的强实践性要求极为符合。因此在“网页设计与制作”课程中应尝试使用翻转课堂教学模式进行改革，以弥补传统教学模式的不足。

二、翻转课堂在“网页设计与制作”课程中的应用

翻转课堂不是忽略或降低教师的作用，而是对教师提出了更高的要求。它要求教师在设计教学过程时，不再只注重课堂，而是要将课前、课中和课后有机地结合在一起，进行综合的考虑和协调，将一条学习的主线贯穿其中。下面对翻转课堂教学模式在“网页设计与制作”课程中的应用过程加以说明。1．教学资源的准备（1）教案设计编写。教师根据课程教学大纲中的教学目标编写教案，建立一个完整的教学过程的规划设计。明确整个教学过程的教学任务、教学案例、拓展练习等具体的实施内容。（2）视频资源制作。教师采用视频录制软件，制作教学视频。每个知识点可以录制2～3个时长为5～10分钟的教学视频。大致可以分为：知识点应用的导入、基本知识点的讲解、教学案例的演示等。（3）其他资源制作。根据教案和视频，可以制作如学习指导、参考案例、拓展任务、辅助资料等学习资源。（4）上传教学资源。教师将录制好的视频资源和其他辅助教学资料上传到校内的共享学习平台或班级QQ群中，供学生利用互联网络在课前进行下载学习。（5）问题汇总整理。学生在自主学习、完成参考案例和拓展任务时会出现各种各样的问题。教师通过学习平台或QQ群收集整理学生的问题和反馈意见，对于简单的问题在线即可解答，对于典型或困难的问题在后面的课堂教学中重点解决。2．教学任务的实施学生通过网络下载学习视频和资料，在课前完成新课程的学习环节。通过课前的学习，学生对新知识点有了一定的了解和掌握。学生在课前向教师提交完成的练习任务或存在的疑难问题。教师在课堂上根据汇总和整理的问题或任务完成的情况，结合具体的任务实例讲解本课程中的重点或难点。这个部分一般控制在20分钟左右。然后教师布置新的拓展任务，并将学生分为小组模式，以小组的方式完成拓展任务。在分组练习的过程中，教师可以进行充分的引导和问题的解答，使学生与学生、学生与教师之间对新问题进行深入的研讨。利用这个环节加深和巩固学生对知识点的掌握及在实际问题中的应用。在课程的最后，教师进行适当的总结，并布置课后任务和新的课前学习内容。3．教学评价的建立在课程前，教师根据学生完成的任务练习或所提出的问题，评定课前的学习情况。在课程中，教师根据学生完成拓展任务及小组中的表现，评定课中的学习情况。这部分评定可以包括：自我评价、小组互评和教师评定。在课程后，通过作业练习或阶段考核，评定知识的掌握情况。通过对课前独立学习能力、问题研究讨论能力、团队合作协调能力、任务完成公关能力等多方面的综合评价，来促进学生的学习主动性、独立性和创造性，重新引导学生成为学习的主体。

三、翻转课堂教学模式应用的总结

随着翻转课堂教学模式在“网页设计与制作”课程中的不断实践和调整，其对增强课程的教学效果还是起到了明显的作用。教师所制作和提供在共享平台上的教学资源可以长期存放，并方便学生随时观看学习。对于临时缺课的学生，教师可以利用资源供其学习。对于领悟接收能力较差的学生，可以利用教学资源，方便他们在课前课后进行反复观看学习。这样既完善了个体的学习需求，又可以节省公共的课堂时间，提高课堂整体的教学效率。在整个运作过程中，笔者感受最深的是如果希望取得良好的效果，教师所付出的时间和精力要远远多于传统的课程教学所花的时间和精力。教师需要有耐心、细心和恒心；要做到课程专业知识的精、深和广；要不断地调整、不断地反思、不断地应对各种情况；要充分释放学生自主学习的潜能，将学习的掌控权交给学生。教师在课堂上转变身份，变为学习的引导者、教学资料的提供者、问题的解答者。使学生从被动学习向主动学习良好转变。

参考文献：

［1］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32（19）：108－110．

［2］王娜．翻转课堂教学模式在高职网页设计与制作课程中的实践研究［J］．科教导刊（电子版），2015（10）：31．

［3］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10（29）：164－165．

［4］魏春艳．项目教学法在《网页设计与制作》课程中的应用［J］．电子世界，2013（8）：148．

篇6

中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。

“课程案例”的提出和设计

（一）“课程案例”这一新概念的提出

市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。

（二）围绕学生的兴趣进行“课程案例”的设计

学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。

再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习Photoshop、Flash、计算机网络基础等相关课程，所以，只要对网页素材的处理提出具体的要求，或对他们略加指导即能自行设计处理完成。对于该课程，虽然大部分学生浏览过很多网站内容，但并没有真正了解网站是怎么回事；对互联网世界充满兴趣和好奇，却还没有网页设计与制作的理论知识和实践技能，对网站常识还比较陌生。因此，在课程学习中，重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例，运用视、听的方法，帮助学生建立有关网页设计与制作的基本概念和基本知识，掌握建设网站的基本技能。

鉴于此，教师如何将Dreamweaver、HTML和CSS三部分内容有机结合，让学生通过课程学习，模仿再开发出一个比较完整的“班级网站”，着力培养学生的实际建站能力、设计开发能力，从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力，成为课程教学的重要目标。

“课程案例”教学方法的设计

教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件，网络是学生寻找素材资源和借鉴别人经验的空间，项目开发是他们学习的任务。

教学方法上，采用示范讲解、任务驱动的教学模式，从以下三个方面展开：

采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例，逐步讲解该“课程案例”，便于学生理解和进行模仿设计开发。

实施模块化教学方法 遵循学生“由浅入深，循序渐进，由感性到理性”的认识规律，把知识点组合后分模块渐进教学。教学过程讲练结合，以学生实践为主，完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作；以教师引导为辅，讲解设计与创作过程中遇到的新知识，组织学生完成能力拓展训练。

走四步教学流程，融“教、学、练”于一体 第一步，教师展示课程案例，演示创作过程，讲解涉及的知识点内容；第二步，下达任务，提出完成任务的具体要求和完成时间；第三步，学生模仿再设计再创作，完成任务；第四步，任务验收，学生自我评价，教师综合讲评。

“课程案例”的课堂教学

基于学生的现有知识技能，教师课程教学中重点讲授如何设计开发网站，在其他环节只扮演一个组织者和启迪者的角色，一步步引导学生完成本课程的目标，充分培养和发挥学生的自主设计能力、绘画能力和创新能力。

整个课程的课堂教学以“课程案例”为主线，设定以下几个教学模块。

模块一：学习有关网页的基本知识，介绍建设网站的工具等。

模块二：草拟“网站地图”，设计网站“模板页”。展示课程案例网站，分析班级网站的风格、页面的布局和包含的元素，先给学生一个真实的空间印象，之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容：包括考虑整个网站的 风格、主色调、页面布局、页面的大概内容等，每一个页面设计草拟在一张纸上，其实这就是网站地图了。做足了这个功课，日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计，提出设计制作“模板页”来生成其他页面。例如：把风格和内容相一致的部分（如班级广告图、班级徽标、导航条、版权信息等）设计出来，作成模板页保存下来，以备后面制作网站各页面时利用模板页生成，并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的，要结合着做。这个阶段都还是“纸上练兵”。

模块三：收集和创作素材。班级网站的素材主要来源于学生自己的学习生活，可以是活动的照片、活动记录，也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品，将这些素材分门别类放入建好的站点目录树中。

模块四：学习Dreamweaver，首先建立班级网站站点。

模块五：设计创建“模板页”。根据前期草拟的网站地图，利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多，关键是要“精”，用精心选择和创作的素材。提醒学生，模板上大块的空间要留出来给各页面添加相应的内容，这点至关重要。

模块六：利用模板生成网站各页面。模板设计成熟并制作出来后，就要根据模板上的导航设计生成相应的页面，并将各页面互相链接起来。

模块七：完善各页面内容。每一两次课完善一个页面的内容，直到网站中各页面内容全部添加完成。当然，课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以，收集素材这项工作是一直贯穿于整个网页设计过程中的。

模块八：应用一些网页特效的代码，如添加背景音乐、QQ互动、图片文字的滚动、表单等，让页面动起来，增加网页的吸引力和活力。

模块九：本地站点测试。

教学评价设计

评价方案 （1）学生自我评价：即每个学生对自己的评价。教师事先给出评价标准和具体要求，学生对照自己的学习态度、创作的作品，对自己给出合理评价。（2）模块作品评价：教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面，对每个学生进行评价。（3）期末考核：教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分，考核学生的实践与动手的综合能力，对学生进行合理的评价。

成绩评定 按出勤率、模块作品成绩、成熟作品成绩加权考核。

结语

在“网页设计与制作”课程案例的课堂教学中，笔者采用的是兴趣教学和让学生贴近实战的方法，以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例，“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平，“班级网站”这一课程案例便是好案例之一。此外，在教学过程中，笔者为学生提供了十分丰富的信息资源，教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。

参考文献：

[1]刘瑞新.网页设计与制作教程[M].北京：机械工业出版社，2010.

[2]唐乾林.网站界面设计案例教程[M].北京：机械工业出版社，2011.

[3]尚俊杰.网络程序设计——ASP[M].北京：清华大学出版社，北方交通大学出版社，2009.

篇7

关键词：网页设计与制作；翻转课堂；教学实践

网页设计与制作是计算机专业学生掌握网页制作的一项基础课程。本文以翻转课堂教学模式为指导，对网页设计与制作课程的教学设计与实践进行了探索。

一、翻转课堂的特点

与传统教学方式相比，翻转课堂具有如下特点。

1.便于各层次学生的学习。传统课堂“一对多”授课方式导致教师难以全面兼顾不同层次的学生。就学生实际水平而言，教学过程通常只对一部分学生有效，存在学生“吃不饱”或“吃不消”的问题。而翻转课堂将知识的初步学习安排在课外，学生可以自主学习，对于难以理解的知识点，能够通过反复观看视频掌握。如此一来，学生可以自主对学习进度进行安排，无“一言堂”“一刀切”等问题出现，实现了真正意义上的分层教学。

2.充分调动了学生的积极性。翻转课堂氛围宽松，学生可以利用视频资源进行预习，改变了传统预习过程的单调、呆板，生动的视频极大地激发了学生的兴趣。此外，翻转课堂还极大地丰富了教学内容，拓展了教学信息，学生可利用平台获取课外延伸知识，拓展了视野。

3.有利于培养学生自主学习能力。翻转课堂转变了“以教师为中心”的教学模式，充分发挥了学生的主观能动性，将知识初步学习阶段交给了学生自己，学生可以自行安排进度、选取所要学习的知识点，对学习实践进行管理，这样可以培养其自主学习能力。

二、翻转课堂的教学设计思路与实践

教师应注重引入翻转课堂教学模式，在课前分发诸如教学视频、学习手册等材料，安排学生先自主学习，明确学习难点与疑点；在课堂上通过组织学生讨论、老师答疑解惑、师生共同探究等一系列互动活动，解决学生所遇到的问题，提高他们的学习效果。

以动态网页设计为例。教师应借助于现代化信息技术，对构建网络化的动态网页过程进行设计。一方面，对课程教学资源库进行设计，主要涉及学生自学指导书、设计知识点图谱等内容。在知识点图谱中，要求各节点分别对应各个项目知识点、微课教学视频，以此帮助学生自主学习。另一方面，对检测学习效果的练习项目进行设计，要求其能使学生结合自学指导书、微频等自主解决，辅助其完成自主学习过程。

具体的实施过程主要包括课前知识点自主学习、课中答疑与测试练习、课后评价等内容。

1.课前知识点自主学习。在上课前，教师必须结合课程知识图谱，向大家布置相应的动态网页设计任务，指导大家到动态网页设计网络空间课堂，对所需要的自学指导资料、课程知识点图谱等进行下载，要求结合图谱找到相应的视频，辅助自我学习。为了检测学生的自主学习效果，教师设计类似的练习项目，让学生自主完成，明确自己的疑点难点问题。

2.课中答疑与测试练习。在课堂上，教师应明确知识点的重难点，结合学生学习过程中遇到的问题，分别进行答疑、解惑，指导大家通过小组合作互动讨论、自主学习、教师指导等方式对项目进行练习。同时，教师提出部分问题，使学生在制作过程中进行针对性的思考。

3.课后评价。课程结束后，需要对项目的练习效果进行评价。为检验其知识掌握情况，应对学生进行分组，以小组作为基本单位，使学生自行选取一个网站主题，对动态网页进行设计；在课程结束之后，不同小组成员对自己小组的设计作品进行汇报、展示，并对作品加以评价。

为检验学生学习效果，还可设计综合实训项目，将其分组，每组7～8人。结合学生情况，使其根据自我兴趣自由进行项目选择，通过制作班级网站，作为实训项目。各小组对网站所涉及的不同子主题网站进行设计，包括班级主页、文学、新闻、相册、留言等。

网页设计与制作课程不仅实践性强，而且极具创造性、时代性。应注重创新教学模式，积极引入翻转课堂等新型方法，指导学生完成项目全过程，提高学生积极性、创造性，提高教学实效性。

参考文献：

[1]郑丹青.项目教学法在动态网络设计课程中的教学应用[J].中央民族大学学报（自然科学版），2011，23（2）：267-270.

[2]钟晓流，宋述强，焦丽珍.信息化环境中基于翻转课堂理念的教学设计研究[J].开放教育研究，2013，19（1）：258-260.

篇8

关键词：网页制作；考核模式；网页设计与制作

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2017）02-0192-01

《网页设计与制作》是一门实践性、应用性很强的课程。教学的目标是掌握网站设计、开发和维护的基本知识和技能，同时培养学生解决具体问题的能力以及学生的协作精神和创新能力。教学的最终目标是让每个学生具备一定的网页设计与制作能力，并能提交具有一定技术含量和视觉效果的网页作品。

为了提高课程的教学效果，激励学生学习积极性，更加有效、准确地评价学习结果。我们针对《网页设计与制作》课程的特点，在课程考核模式上做了几点有效的探索和尝试。

1 过程化考核模式的应用

传统的考核方式是平时和期中简单考核，而期末一次卷面考试权重占到70%。从而导致学生平时不努力，期末考试前死记硬背临阵磨刀。学生为了考试过关最终沦为考试的机器和知识的被动接受者。这严重违背了《网页设计与制作》课程的教学目标，忽视了对学生的实践能力、知识运用能力以及创新能力的培养。

考核不仅要重视结果的评价，更要重视学生的学习过程，重视形成性评价。重视评价学生在遇到困难时所表现出来的态度，更要注重考察学生的创新意识、协作精神和实践能力。使考试不仅是体现成绩的手段，更是探求和掌握知识技能的思路与方法。为此，我们按教学内容把基本知识与技能的考核分四个阶段进行，第一阶段考核HTML部分，第二阶段考核CSS样式表部分，第三阶段考核使用DIV+CSS进行网页布局，第四阶段期末网页设计能力综合考核。将以前集中到期末的一次性知识与技能考核，分散到学期的不同阶段。重视过程性考核，及时反馈考核结果，可以充分调动学生的学习积极性、主动性。

2 “作品”考核模式的应用

《网页设计与制作》课程的教学目标是让学生能设计出有一定技术含量和视觉效果的网页作品，所以“作品”考核成为对学生考核的重中之重。采用“作品”考核方式，教师的作用不再是监督和管理考试过程，而是通过课堂讲授、给出项目设计要求、课间和课下指导及作品修改等手段，最大限度地给学生提供思考、设计和创造的时间和空间，从而将灌输知识的过程转变为引导学生自主学习，学会交流协作，从而使学生从认知、情感到行为等各个方面都积极主动地投入到网页设计学习的全过程。

教学实践中，我们将作品考核也分为三个阶段，教学进行三周后，要求学生提交首次作品，作品虽然简单但麻雀虽小五脏俱全，通过简单作品的制作，学生可以体验网页设计的主要过程。教师可挑选出部分优秀作品在课堂展示，从而达到激励学生的目的。第二次作品考核是期中作品的制作，学生3-4人为一小组、自由选题，完成从搜集、制作素材到设计网站主页面及二级页面等一系列实践环节，在完成作品的过程中，项目小组的同学需反复讨论甚至争论、辩论而达成一致，反复修改项目作品，通过网络或找教师咨询寻求答案。学生涉及的知识已经远远超出课本讲授的内容，知识面得到了有效地扩展，学生学习的主动性得到了有效提升。第三次作品考核是实训周综合实训。从创作真实网站作品角度出发，分组完成指定选题网站制作的全过程。这也是对所学课程进行一次全面的综合训练。并且培养学生的团队协作精神、独立撰写实训报告等科技文件的基本能力以及自主学习和创新等综合能力。学生最终成绩的计算公式为：

学生成绩 =（前三次知识技能考核+两次作品考核+出勤+作业）30%+（期末知识技能考核60%+期末作品考核40%）*70%。

3 自评、互评与教师评价相结合的考核评价模式

考核不应成为教学目的，而应成为激励学生学习的有效手段。教师应采用发展性的教学评价，用发展的眼光看待每一个学生，增强他们的自信心。对学生作品开展学生自评、互评和教师评价相结合的教学评价。具体做法为：教师设计网页作品考核评价表，并将电子表格分发给每个学生；学生先进行自我评价；然后通过极域等多媒体软件将网页作品展示，并让学生对作品进行设计说明与阐述。让全体学生都担任评委对作品进行评分，最终教师根据评价表，对学生进行阶段性的评价，提出自己的建议。整个评价活动应贯穿整个学期，教师可以关注学生的差异，促进学生的全面发展。通过对学生的作品进行展示，学生们在评价别人作品优劣的同时，也收获了知识、知道了自己的不足。因为作品展示的激励，使学生们在学习过程中均表现出明显的努力。

4 信息化教学手段在课程考核中的应用

过程化考核对提高学生学习主动性、提高教学效果是有目共睹的，但在实施过程中会使教师的工作量会增加若干倍，出题、阅卷、登分等工作会花费大量的时间，这就使很多教师对过程化考核望而却步。为此，我系教师自主开发了一个考试应用软件，教师登录后可在后台将平时积累的试题导入题库，系统可自动生存试卷。考试时学生登录网络即可下载试卷、做题、最后提交，系统可对选择题、填空题等客观题自动评分（不包括主观题），自动生成学生成绩表。由于信息化教学手段的应用，使得过程化考核得以实施。当然考试应用软件在不断改进中，题库也在不喑涫低晟浦小

5 结语

经过多年的教学探索与实践，我们深深地感到课程考核不应拘泥于最后的试卷考试形式。课程评价也不仅仅是课程学习的结果，更应成为激励、促进学生学习的手段。课程考核既要注重考察基本的理论知识和技能的掌握，又要从《网页设计与制作》课程的特点出发，使考核方式过程化、多样化。通过信息化教学手段的应用，可以大大减轻教师批阅试卷的工作量，使过程化考核得以真正的实施。通过分阶段的作品考核与展示，让学生在作品的创作过程中培养独立的学习能力、创新能力以及协作精神，更加全面的掌握所学知识的体系，取得更好的学习效果。

参考文献：

篇9

关键词:工作过程;教学改革;网页制作;教学方案

工作过程导向的教学思想和方法是在学习与借鉴德国“双元制”职业教育经验、改革我国职业教育的过程中,逐步在我国教育界受到重视。所谓“工作过程”,是指在企业里为完成一件工作任务并获得工作成果而进行的一个完整工序[1]。工作过程的核心是行动导向,强调学生是学习过程的中心,教师是学习过程的组织者与协调人,教师采取“资讯、计划、决策、实施、检查、评估”的整体行动,在教学中与学生互动,让学生通过“独立地获取信息、独立地制定计划、独立地实施计划、独立地评估计划”,使学生在实践中掌握职业技能、习得专业知识,从而构建属于自己的经验、知识或能力体系[2]。

以工作过程为导向构建教学内容和教学方法的具体思路是:根据确定的职业岗位,先分析其典型工作过程与工作任务,得出完成工作任务对应的职业要求,按照职业要求设计专业知识模块和项目案例,分解工作任务,形成教学情境。从而实现按照职业成长规律与学习规律将职业能力从简单到复杂,从单一到综合进行整合,归纳出相应的行动领域,再转换为学习领域。

1典型工作任务与职业能力分析

根据计算机类专业毕业生的就业调查情况,大多

数学生在中小型软件公司从事网站开发工作,其典型工作过程如图1所示:

图1Web网站开发工作过程

针对该工作过程进行分析,可以得出Web网站开发工程师岗位对应的典型工作任务有:网站的规划与策划、网页界面设计,网页布局,动画设计,Web后台与前台的整合,项目程序开发等。典型工作任务及其对应的职业能力如表1所示:

作者简介:刘万辉(1978-),男,河南巩义人,讲师,工程师,硕士,研究方向为计算机网络、多媒体与网页设计。获江苏省多媒体课件一等奖1项、二等奖1项,主编教材2部,参编教材2部,制作横向企、事业单位网站200余项。

表1典型工作任务与职业能力分析表

工作任务 职业能力

网站的规划与策划 网站的规划与策划能力

网页界面设计 网页色彩搭配与网站布局能力

利用Photoshop进行网站效果图的设计能力

利用Flash进行动画制作的能力

网页布局与编辑 符合Web2.0标准的XHTML代码编辑能力

利用DIV+CSS实现网页布局能力

利用JavaScript实现DOM操作的能力

表格与框架的布局能力

CSS样式表的运用能力

Web前台与后台的代码融合 CMS系统地搜索能力

CMS系统的使用能力

项目程序开发 使用ADO访问数据库的能力

利用Session、Cookie等实现页面间传值、身份验证、权限管理的能力

利用Web控件实现业务逻辑的能力

利用Asp实现简单的MIS系统地的能力

以上这些能力目标,在教学领域中主要对应的是网页设计与制作中应完成的教学任务。但目前高职院校的网页设计与制作教学中均存在很多问题,制约和影响了能力目标的实现。问题之一:双师师资不足,教师能够正常讲授课程但是没有项目开发的工程经验;问题之二:教师选用的案例过于简单,脱离实际工作过程。问题三:教学过程中无法体现关键知识点的前后连续性,这样的案例无法满足实际工作要求,也无法激发学生的学习兴趣。

2将项目资源转化为教学资源的教学情境

设计

要解决教学中存在的一系列问题,顺利实现“网页制作与网站设计”课程的教学目标,首要解决的问题就是如何将项目资源转化为教学资源。在目前高职院校中,每年都有一定的数字化建设项目,各处室网站改版,例如专题学习网站,同时在网络上也很容易找到一些网站外包项目,在社会上也很容易找到一些

横向的网站项目。从中可见,并不缺乏真实的网站项目,但是,如何将这些项目资源转化为教学资源,是一个需要反复实践的课题。本人从2004年开始,以我院创新实验室的近200多名学生作为试点,先后开发了企事业单位网站近200个,开发教学专题网站30多个,几年来,这些项目都以不同程度的在向教学资源的转化,从而对教学形成了良性的循环,每届毕业的学生都能够从中受益。为了更好的指导教学,将项目资源转化为教学资源,我们构造了以网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML语言基础、网页布局与编辑、模板与库的应用、层叠样式表CSS、DIV+CSS网页布局、静态网站动态化、动态程序开发、综合教学案例、项目开发实训14个模块为主教学单元,然后将教学内容进行了重构,整理成5个典型的工作情境,编写了基于工作过程的《网页设计与制作教程》,教材内容体系清晰,教学模块符合岗位需求。表2是结合我院实际情况,制定的关于网页设计与制作的整体教学情境。

表2“网页设计与制作”教学情境设计

学习情境 子情境设计

情境1:教学成果申报网站建设 项目基础与流程设计、效果图设计与切片、网站的后期编辑、网站的与测试

情境2:书法家庄辉个人网站建设 网站项目策划、主页效果图设计与制作、模板页效果图的设计与制作、网站切片与导出、网站动画的设计、网站的后期编辑、HTML学习、CSS样式表的应用、项目完善

情境3:英语等级考试专题学习网站建设 项目前期组织工作、效果图的设计与切片与动画设计、网页的后期编辑、代码融合

情境4:软件项目化综合实训精品课程网站 项目前期策划、效果图的设计与切片与动画设计、DIV+CSS布局网站、使用模板与库完善网站

情境5:班级通讯录管理系统的实现 前期策划与效果图的设计、框架布局图形网站、登录系统的实现、通用查询系统的实现、通讯录管理系统的实现

学习情境是学习领域教学内容的具体化。表2中学习情境的设计思路是:按照Web网站项目开发实际工作过程,将典型的工作任务融入到为这5个工作情境中,这些工作情境从个体上看,都代表了某一类网站;从整体上看,则是难度逐步加深,推动了工作进度,最终完成5种类型的网站项目、网页设计与制作的理论知识点技能要求,分布在这些工作情境之中,它和传统教学顺序完全不同,教学内容设计完全取决于实际开发需要,从而大大激发了学生的兴趣,达到了“学中做、做中学”的效果,学生的学习主观能动性得到了发挥。

3教学模式与教学过程的设计

教学模式采用工作流程模块化,模块内容案例

化,课程考核过程化,理论实践一体化的教学模式,充分实现教学做一体化的教学体系。

工作流程模块化:根据课程培养目标,遵循基于工作过程的课程开发与设计理论,听取IT专家以及历届毕业生的意见,重组教学内容。

模块内容案例化:每一模块下都设立了相应实践教学的教学案例,供学生学习参考。

课程考核过程化:采用形成性过程考核的方式,形成了以能力培养为目的的考核方式。

理论实践一体化:通过理论实践一体化的教学模式,使理论与实践有机融合,教学做合一,不但培养了学生的专业能力,还充分培养了学生的方法能力、社会能力和职业素养。

以项目驱动为主线,遵循教育教学规律,由简单到复杂,实现教学目标。如图2所示:

完善的、科学的、规范的、立体化的课程资源

图2教学模式的设计

教学内容与教学模式确定后,教学过程的实施,首先进行项目分组,然后给各组下发任务单,采用项目资讯、计划与决策、项目实施、项目检查与评价四

步教学法。整个教学过程采用过程考核。

4教学的考核方式

考核方式如表3所示。

表3“网页设计与制作”教学考核方法

考评

方式 过程考评(项目考评) 期末考评

(项目考评)

素质考评 工单考评 实操考评

10分 20分 30分 40分

考评

实施 由指导教师根据学生表现集中考评 由主讲教师根据学生完成的工单情况考评 有指导教师对学生进行项目操作考评 按照教考分离的原则,由学校教务处组织考评

考评

标准 根据遵循实验室规则,能够团结同学,配合小组工作任务等情况打分(10分) 预习内容(10分)

项目操作过程有计划与实施记录(10分) 任务方案正确(10分)

操作过程正确(10分)

任务完成良好(10分) 建议采用项目考试,已完成真实项目的能力来考核

注:1.造成设备损坏的项目计0分。

2.课程结合学习过程可以采用以项目代考、以奖代考、以认证代考。

5对教师的要求

要实施上述教学模式,对教师的能力有以下几点要求:

(1) 具有独立开发中型商业网站的的水平和能力;

(2) 具备一定的项目设计能力和项目组织经验;

(3) 课内实践部分指导教师必须具备现场实际工作经历2年以上;

(4) 具备设计基于行动导向的教学法的设计应用能力;

(5) 能采用先进的教学方法,具有比较强的驾驭课堂的能力;

(6) 具有良好的职业道德和责任心。

6教学效果和体会

在经过2006级学生小班化试点后,我们在2007级计算机软件技术专业学生中应用了基于工作过程导向的,将真实项目资源转化为教学资源的任务驱动教学方法,实践证明,在实际教学过程中,学生能够主动发现问题,并积极主动去解决问题,特别是由于所有的情境都基于同一项目,学生在做后面的实训时,经常能发现以前作业的不足之处,从而主动将业

余时间用来做网站项目,部分同学甚至在学期末将本学期20个工作任务全部重做了一遍,大多数学生具备了学习的主动性和能动性,明确了知识模块的联系和课程的学习目标,为后继课程的学习打下了坚实的基础。

当然,衡量教学效果最重要的是学生的就业质量和可持续发展能力。目前,2006级小班化试点的学生已经走上工作岗位,截至到2009年6月底,两个班级就业率达到95%以上,对口就业率达到70%以上。其中上海壹择软件公司分3批招收了4名学生,南京乐天堂科技有限公司分2批招收了5名学生,苏州电信软件开发中心也分2批招收了4名学生,苏州宏拓科技有限公司也分2批招收了5名同学,学生质量得到了用人单位的肯定。

在实践过程中,发现存在如下问题与不足:由于整个教学情境在逻辑上前后联系,对于动手慢的同学前一个任务没有完成,就失去了实现当前任务的基础。针对这一问题,在下一步工作中,需加强过程管理和课余辅导,鼓励同学间相互帮助与沟通,先进带动后进;另外,需强化基础图象处理训练与审美训练,培养良好的界面设计能力,提高网站设计能力。

作为江苏省首批示范性高等职业建设院校之一,我院积极学习国内外先进的教学模式和教育思想,根据专业和课程的具体情况,努力探索适合自己的教学改革之路。以工作过程为导向,将真实项目资源转化为教学资源,调动学生的主观能动性,在教师引导下来实施教学进程,是培养学生理论知识、实践技能和学习能力的重要手段,是能力本位教学模式的体现。而这种教育模式也对教师的教学水平、责任意识、实践经验等提出了更高的要求。开发多种类型的课程模式,不断深化高职教学改革,提高教学质量和就业质量,是一线教师义不容辞和长期艰巨的任务。

参考文献:

[1] 马英. 工作过程导向的高职机械制图教学探索[J]. 工程图学学报,2008,29(4):137-141.

[2] 姜大源. “行为”、“活动”、与“行动”辩――“行动导向”教学管见[J]. 职教通讯,2003(1):42-43.

[3] 赵志群. 职业教育与培训新概念[M]. 北京:科学出版社,2003:97.

Teaching Research and Practice on Webpage Design and Making Course Based on Working Process

LIU Wan-hui, SONG Gui-ling

(Huaian College of Information Technology, Huaian 223003, China)

篇10

关键词：“高职网页设计与制作”；微课；课程教学；存在问题；实际应用

中图分类号：G642文献标识码：A文章编号：1009-3044（2017）30-0199-02

《网页设计与制作》课程在高职计算机类专业领域是必修课程，它的理论与实践应用结合性强且注重基础知识内容发挥，在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来，像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中，改善了教学过程与教学质量效果。

1微课在《网页设计与制作》课程教学中的应用现状及存在问题

微课在当前的教育领域应用广泛，它极强的信息处理能力与知识传播扩展能力都受到各级教育体系的青睐。在高职院校的计算机类专业领域中，运用微课这一新媒体开展授课过程已经成为潮流，它深入探索了当前学科教育的教学思路与教学模式，在不断发展进步的同时也面临着诸多困境。

1.1应用现状

微课作为当前一种创新的教学手段已经被引入到高职院校当中。以学校中计算机专业领域的《网页设计与制作》课程为例，它就首先在高职院校内部建立了教学资源平台，营造现代化教学环境，并以微课作为切入点来推动教学改革进程，某些学校也推出了像“一师一优课、一课一名师”的教育活动。《网页设计与制作》课程本身是具备专业性、复杂性和综合性特征的，它所谈到的“设计”主要对应于艺术层面，而“制作”则与技术层面相对应，所以可以将其称为是一门技术综合艺术的复合型学科。在具体的《网页设计与制作》操作过程中，应该将每一个知识操作点都作为微课视频来制作，即通过微课视频形式来导入课程案例，并整合知识点，深化教学课程的系统性、规范性和完整性。

1.2存在的问题

当然，在《网页设计与制作》课程中引入微课教学模式，它也存在一定现实问题，这些问题或来自于教学本身，也来自于学生和学校，具体来讲可以总结归纳3点内容。

首先在教学方面，《网页设计与制作》课程本身在学术性质方面存在复杂性，即它所涉及的知识点体系规模非常庞大且复杂，可能学生在短时间内无法理解和熟练掌握这些知识点。举例来说，它就涉及Css语言、Html语言、Dreamweaver、Photoshop软件等等。教师在教学过程中要教会学生有关“Photoshop的图像与图形基础处理”技术，也要综合多种软件来教会学生在实际设计操作过程中的软件应用功能转换能力。但实际上，由于知识体系太过庞大和复杂，高职生很可能无法做到多点知识技巧兼顾，也常常会出现顾此失彼的情况。

其次在学生方面，客观讲高职生的文化与专业能力都存在严重的参差不齐，相比于普通高校学生有一定差距，这是我国职业教育领域所一直存在的弊端问题，难以回避。高职生整体素质偏差，特别是基础教育功底薄弱，没有良好的学习习惯，在课堂学习过程中也表现出定力和认知能力不足的严重缺陷，这也一定程度上影响了微课在《网页设计与制作》实际教学过程中的技术运用和作用发挥。

最后是学校方面，许多高职院校在信息技术教学领域的应用研究并不到位，甚至还存在软硬件及师资水平滞后问题。再一点师资力量的薄弱也影响了像微课这样的新媒体技术在实际课程教学过程中的有效功能发挥。实际上有些教师在教学过程中根本不会利用微课技术，其所设计的教学方案还仅仅停留在课件制作表层层面，不能基于信息技术深入教学辅助过程，无法有效发挥微课在高职院校《网页设计与制作》课程中的实际作用，导致微课应用前景并不理想[1]。

2微课融入《网页设计与制作》课程教学中的意义

微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。

从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。

从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。

第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。

第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。

第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。

3微课在《网页设计与制作》课程教学中的实际应用

基于微课教学模式的《网页设计与制作》课程教学应该首先强调多元化元素的优先整合，例如将网页中有关文本、图片、文字、段落、表格等等基本元素捏合起来，然后再进行相应的教学知识点延展，配合文字、图片、声音和动画素材来在网页设计中展开应用实践过程，在动手动脑制作过程中激发他们的设计学习兴趣，促成探究式深入学习过程。

本文以《江南水乡》的网页设计与制作教学为例，教师先要教会学生如何创建网页，包括对文本信息的插入与文本内容的设置，以及表格布局网页的基本方法技巧，最终独立制作完成简单的文字网页与网页背景，为整个教学过程奠定基础。如上文所述，该课程就运用到了自主探究式教学模式，教师会为学生创设情境，然后要求学生进行自主探究，在探究过程中发现新知，最后渐渐掌握知识技能，实现教学设计与应用过程的程程递进。在该过程中，教师需要引导学生去不断深入探究，并辅助他们发现问题，同时寻求问题解决的有效途径。

3.1知识提取

在《网页设计与制作》这一课中，对《江南水乡》的内容设计之前要进行相关知识要点梳理和提取，提取那些典型的、适合于微课开发的重要知识点。在教学环节，教师要为学生创设情境，激发他们了解江南水乡的学习兴趣，通过播放多媒体课件（约3分钟）来让学生了解江南风光的同时，也明确该微课设计脚本中所涉及的关键知识内容，例如许多文人墨客在江南美景下所勾勒的绘画、所创作的诗篇等等，先从人文角度让学生总结归纳关键知识内容，进一步了解江南。

第二步，教师要为学生引入与网页制作相关的更多网页页面设计理论知识，比如对江南水乡素材的选择、文字信息与图片信息的提取与展示、视频音频文件的使用、包括动画素材的点缀等等。教师要在知识提取过程中教会学生如何将如此之多的媒体信息资源都插入到网页中，促成网页设计与制作过程。举例来说，像图片插入，它就包含了菜单插入法、代码以及快捷键（Ctrl+Alt+I），教师要让学生去逐一探究这些图片插入方法，并能够灵活运用于实际操作过程当中。同理，插入音乐与插入flash动画也要基于该探究式教学方法来引导学生循序渐进，最终达成知识提取目标，让学生明确自己所学习的知识内容。上述知识提取是基于需求分析与任务驱动来展开的，它们对于学生深入学习《网页设计与制作》具有关键意义。

3.2教学过程设计

该教学过程设计的重点在于如何正确插入图片、视频音频文件，并了解该插入设计方法的基本功能属性，特别是在插入flash动画的透明属性设置。另外，教师也要教授学生更多元素的插入方法及相应属性，并教会他们如何表格布局，将网页设计得更美观，并能够灵活运用这些网页设计制作技巧。

在实际的教学过程设计中，教师会首先个创设情境，引入本课的主要教学内容，即《江南水乡》的网页设计与制作，为学生列出微课学习任务列表，为学生播放微课内容。微课播放完毕后，教师就会再次引导学生思考各类网页设计与制作过程中的重要元素及它们的使用方法，提出问题任务，让学生或独立或小组合作完成任务，快速推进教学进程。

3.3教学总结

最后教师要进行教学点评总结，先要展示学生的《江南水乡》网页设计制作成品，并要求学生进行作品汇报，随后由师生共同讨论评价该作品中的优缺点。在汇报总结过程中，制作者也应该总结自己在设计制作过程中所遇到的各种问题，与大家共同分享制作过程经验与难点，这样更能提高师生对自身作品的关注度，并在总结评价过程中总结经验教训，为下一次更好的作品设计制作奠定经验基础。

将微课引入高职网页设计与制作课程就是希望利用它信息碎片化的知識点推广应用特色来锻炼学生对知识点的快速掌握与提炼运用能力，转变他们传统的计算机专业课程学习方式，为他们营造基于新媒体环境的新学习空间环境并创新学习手段，实现对整个学科教育体系的全面革新。

作者：支馨悦

参考文献： 

[1] 赵永红.高职院校微课教学策略探究[J].中小企业管理与科技，2014（5）：263-264，265.