基于Web20技术项目教学法在高职网页设计和制作课程教学中探索和实践

1、基于web 2. 0技术项目教学法在高职网页设计和制作课程教学中探索和实践摘要：本文针对在高职网页设计与制作教学中采 用传统教学方法存在的一些问题，提出了基于web 2.0技术 的项目教学法教学模式的内涵，对网页设计与制作课程 进行了教学实践改革设计，并以子项目的实施过程为例进行 详细讲解，最后指出该种教学方法在具体实施中需改进之 处。对于在高职网页设计与制作教学中开展基于web 2. 0 技术的项目教学法具有重要的实际参考价值。关键词：高职；web 2.0；项目教学法中图分类号：tp393. 092-4网页设计与制作是高职高专计算机专业的一门操作 性和实践性较强的课程，以专业培养目标和专业教

2、学计划为 依据，遵循适用、实用、会用、通用的原则，系统讲授网页 设计与制作的相关技术。笔者在最初教授这门课时，采用传 统教学方法进行教授，但发现学生学完本课程后，对所学的 理论知识掌握尚可，但在实践过程中往往出现不知所学知识 点如何运用的情况。这与高职高专培养应用型人才的目标相 背离，同时无疑对学生后期就业等都会产生很大的影响。在 以往的课程教学效果评估中，我们发现主要存在以下三个问 题：(1) 沿袭传统的按章节来组织内容，缺失了对整体布 局网站的职业能力的培养，学生只会照搬实例，不能融会贯 通，无法把知识点串接以及组合起来布局综合型的网站。究 其原因在于学生缺失了对整个网站布局和规划等综合能

3、力 的训练，而这些技能往往是从事这一职业最关键的能力。(2) 教学过程以讲解理论为主、上机实践为辅，学生 很难接受这种“满堂灌”的方式，上机实践也只是为了验证 理论知识或加强对理论知识的熟悉程度，很难适应当今社会 对应用型人才的要求。(3) 学生在课下碰到网页设计与制作的相关问题时， 很少去和同学们或者教师交流，这与缺乏交流平台以及缺乏 团队合作意识有关，导致问题不能及时解决，逐渐将问题堆 积。鉴于上述现状，为提高课程的教学效果，充分调动学生 学习本课程的积极性，加强培养学生网页设计与制作的实践 能力，我在近两年网页设计与制作课程的实际教学过程 中，尝试进行了基于web 2.0技术的项目教学法

4、教学模式的 探索与实践。1基于web 2.0技术的项目教学法的内涵项目教学法是教师以研究某种或多种学科的概念和原 理为中心，以完成具体的任务为目的，在真实的社会实践中 借助多种资源开展探究活动，并在一定时间内解决一系列相 关联问题的教学方法。但是由于教师知识范围的局限，其所 设计资源并不一定能满足学生的学习需要。web 2.0能轻易 帮助我们解决这个问题，因其开放性和协作性的特点，给学 习者参与进行资源的完善和共建提供了方便，可以发挥群体 的优势，实现学习活动中问题的解决，并在问题解决的过程 中学会协作，学会学习。基于web 2.0技术的项目教学法为学习者提供了开放式 的学习，提供的资源是开放

5、的，可以修改、增加、共建。这 样的项目教学法可以通过wiki、博客技术手段来实现，学习 者通过博客或wiki来发布自己项目主题、项目计划、阶段 性成果等相关内容，借助sns、tag聚集对项目主题感兴趣 的人，让学生及时捕捉到其他学生最新的项目信息及项目成 果，从而及时分析项目成果，来进行开展深入研究。因此基 于web 2. 0技术的项目教学法是基于开放式特征的研究性学 习。2高职网页设计与制作教学实践改革设计本研究中，首先设计一个学生熟悉并易于接受的整体项 目，然后将上述整体项目分解成若干子模块，再将子模块分 解成子项目，直到每个子项目可通过各个知识点来解决。本课程选取的整体项目是“建立一个学

6、校的网站”，将 其分解成了七个子模块：创建学校介绍页面、学校各部门介 绍页面、制作网站的留言板页面、制作网站的首页或引导页、 站点上传与发布、使用css进行网页布局、制作网站的创建 流程。下面以第二个项目'学校各部门介绍页面”的实现为 例说明。(1) 根据教学目标和教学内容，创设情境根据教学目标，学生学完本门课程后，应能熟练掌握网 页设计与制作中的各种操作技术，具备开发、维护小型网站 的知识和能力。因此教师在授课之前，先在wiki上提出教 学要求，发布教学内容提纲，激发学生思考。在wiki页面 上把搜集的一些有着生动文字、精美图片、动听音乐以及有 趣动画的网页给学生们欣赏，使学生对本门

7、课程产生浓厚兴 趣。(2) 根据情境分解目标，确定项目我们利用'学校各部门介绍页面的实现”子项目让同 学们逐步掌握为网页添加各种链接、创建导航条、利用层的 嵌套与重叠顺序设置层的属性等知识点，并将其进一步分解 成七个子项目，逐一对应以上各知识点。子项目的具体要求 如下所述。 子项目一：学校部门介绍与素材资料的准备。具体描述：搜集学校介绍和各部门的文字、图片、表格 等资料素材。项目重点：资料搜集的方法及提炼。 子项目二：制作“友情链接”。具体描述：为网页添加文本链接、图像链接、e-mai 1链 接、锚点链接、空链接和脚本链接。项目重点：不同链接的添加方法。 子项目三：创建导航条。具体描述

8、：为网页添加导航条，利用插入图片和利用 “导航条”两种方式，学会使用热图链接。项目重点：创建导航条的方法。 子项目四：制作利用层布局的网页。具体描述：创建和选择层、改变层的重叠顺序，设置层 的属性，将层对齐到网格。项目重点：层的嵌套与重叠顺序、层的属性。 子项目五：制作框架网页。具体描述：认识创建和保存框架与框架集、框架和框架 集属性、插入预定义框架集和制作新的框架、在框架集中创 建链接。项目重点：区分框架与框架集、学会保存框架与框架集、 插入预定义框架集和制作新的框架。子项目六：创建库项目。具体描述：创建库项目、添加库项目、编辑库项目。 项目重点：创建与应用库项目。子项目七：利用模板创建出大

9、量的具有形同布局的页面。具体描述：创建模板、定义可编辑区域、使用模板创建 统一风格的网页、把模板应用与现有的文档、编辑模板文件、 管理模板。项目重点：创建、编辑、管理模板，使用模板创建统一 风格的网页。(3) 利用web 2.0技术提供资源、创建小组、小组协 作、完成项目教师需在wiki页面上向学生提供必要的资源与素材， 供学生们引用。此外，教师还需在学生着手开始实施项目之 前，为同学们讲授在实施项目过程中将用到的各基础知识， 并通过小的实例项目操作练习，加强学生对语法知识点的掌 握和训练，开阔学生编程的思路。在教师指导下，遵循差异性、公平性、交互性、协作性 原则，在适度自主组合基础上划分若干

10、个学习小组，每组5 至8人。教师要关注小组间成员的技术力量是否均衡，认知 能力是否均衡，学习方式是否均衡，比较可行的办法是先由 学生自愿组合，再由教师适度调整，在听取小组成员意见的 基础上指派一名小组协调员和一名技术辅导员。一旦小组成 员确定，学生必须注册成wiki成员，并由技术辅导员申请 维客小组，根据教师布置的任务创建条目，其他成员加入小 组进行讨论共同学习。学生借助网络主动搜集材料，应用如tag、sns、rss等 技术，web2. 0能“主动”为学生寻求合作的目标群，并“主 动”在各学生的wiki之间建立起连结，然后在wiki上创建 该问题的相关页面阐述各自的见解，并提供相关链接，通过

11、组内和组间的讨论、启发对该页面不断修改、完善。小组成 员可以邀请别组成员加入本小组，也可邀请游客加入本组， 其版面和word 一样，即可对本组的条目进行编辑、添加， 也可删除。教师通过wiki平台及时观察wiki条目的创作情况、资 源的整理和添加情况。同时教师也可以一个平等的学习伙伴 身份随时随地加入各学习小组，对学生在条目中表现出的学 习状况及时反馈和应对，时刻关注学习者的认知反应，必要 时对条目中明显的谬误直接做出修正，对反映出的共性问题 可在第一时间反馈至课堂教学环节中，指导学生更好地完成 项目。（4）成果上交，展示作品，交流评价学生以小组的形式完成项目后，上交成果。提交方式有 多种：直

12、接在wiki上供老师和学生查看；也可以提交给老 师，老师展示小组成员的作品。作品展示完后，开始对其进 行评价。评价的内容包括对学习者的评价、对教师的评价、 对教学内容的评价等，其中对学习者的评价是重点。评价形 式可以采取组间互评、组内互评、教师评价、自我评价等。 项目教学法的一个重要条件是小组成员的积极互助，每个成 员的成绩受制于小组的整体表现，每个成员的成绩应当以组 内互评为主，将小组成绩加权成员的贡献度，形成个体的最 终成绩。在设计评价量规时，评价指标包括网页内容（30分）、 技术（20分）、网页外观（20分）、协作（30分），总分100 分。3结束语基于web 2.0技术的项目教学法的开

13、展有利于激发学生 的学习兴趣，对学生掌握知识与培养能力有帮助，使学习变 得积极主动，能培养和锻炼学生的实践能力，有利于提高学 生的自主学习能力、个人知识建构能力、合作学习与交流的 能力。因此，在高职院校尝试基于web 2.0技术的的项目教 学法的教学方法与学习方法是有必要的，也是可行的。同时 在实施基于web 2.0技术的项目教学法的过程中需要加强对 师生进行web 2.0技术应用的培训、加强项目的选题与组织 管理以及完善学习资源库及课题资源库的建设，力求能够构 建出一种真正适应社会教育需求和学生学习需求的新的高 职人才培养模式及相应的教学模式与学习模式。参考文献：1 毛乐琦高职网页设计与制作课程项目化教学改 革实践j.计算机教学,2013 （23）： 113-114.2 饶志凌.web 2.0环境下髙职大学生网页设计与制 作构建个人ple的研究j.多媒体设计，2013（06）： 57-58.3 刘海琴，王江涛.项目化教学在高职网络数据库教学 中的实践与探索j 职业技术