《网页设计》项目课程课例开发实践

《网页设计》项目课程课例开发实践摘要：专业课项目课程课例的研制与实施是促进职业学校专业教师加强教学研究、提高中职专业课教学质量的有效举措。

结合组织和参与网页设计项目课程课例开发的实践体会，对该项目课程课例开发以及教学实施作全面的回顾与思考。

关键词：项目课程；课例开发；教学实施
项目课例的开发有助于教师对教学客体——教学内容有更深刻的认识。

长期以来，职业学校的教师均是高校生一毕业马上进入职校，没有企业工作背景，虽然工作后有下企业实践的任务，但由于不能做到脱产且实践时间短暂，教师下企业实践往往流于形式，因此，他们所掌握的是学科性的专业知识和能力，与企业实际脱轨，教给学生的也是按照学科体系安排的知识和能力。

通过市场调研，可让教师知道企业需要什么、实际在做什么，而后进行项目课例开发，从而对教学内容有更深刻的认识。

项目课例的开发将使教学内容更加贴近学生未来的工作实际，这样培养出来的学生才是企业所需要的人才；项目课例的开发有助于教师教学，采用项目化、基于工作任务形式、以工作过程为导向的教学，能极大地提高学生学习的积极性，增强学生的各项能力。

《网页设计》是计算机网络技术专业核心课程，是学习网页设计与制作技能的主干课程，本课程侧重于学习静态网页的设计与制作，是后续动态网页设计课程的重要基础。

作为省课题《项目课程课例开发与实施研究》的子任务，网页设计项目课程开发从2010年6月正式启动，作为该门课程的任课老师，我参与了课程项目开发、课例开发以及教学实施反馈等环节，在即将结题之时，对网页设计项目课程课例开发实践作一些总结和思考。

一、项目开发
在市场调研的基础上，我们首先进行了课程项目开发，分为以下项目：“奥运网站”的制作、“盛世北京”栏目的制作、“风俗北京”栏目的制作、“帝都北京”栏目的制作、“畅游北京”栏目的制作、“艺术北京”栏目的制作、“问卷北京”栏目的制作、“中秋网站”的制作、“计算机网站”的制作。

二、课例开发——“奥运网站”的制作
在项目开发的基础上，我们又进行了课例设计，九个项目对应九个课例，完全按照江苏省职业学校专业项目课程课例框架要求进行：①确定学习项目；②介绍课例背景；③设定学习目标；④描述学习任务；⑤组织学习内容；⑥创设教学情境；⑦准备教学资源；
⑧实施教学过程；⑨设计教学评价。

下面就以我开发的课例“‘奥运网站’的制作”来谈一谈该项目课程课例设计的过程及要点。

（一）确定学习项目
项目名称：“奥运网站”的制作。

（二）介绍课例背景
本课例作为《网页设计》项目课程的前奏课例，设计意图是让学生这些初学对象在课程刚开始能对网页制作有一个总体认识和
了解，让学生先制作一个简单的网站——“奥运网站”，树立学生学习的信心，并培养学生的学习兴趣，从而为后续网站制作技术与制作技巧的具体讲解做好辅垫，让学生对网站制作有一定的感性认知，对这门课有总括的概念。

避免一开始就讲一门课的概述，使学生出现云里雾里，摸不着头脑的情况。

（三）设定学习目标
依据本项目的内容特点、课程标准的要求，设定如下学习目标：认识网页、网站、站点、首页概念，学会创建站点并用表格布局制作页面，能制作简单调查网页，从而了解网页的制作过程，培养良好的合作意识与团队精神，增强自主学习能力。

（四）描述学习任务
制订计划：讨论奥运网站六张页面的共同点，再确定各阶段的工作任务。

讨论决策：确定本项目实施中被采用的网站页面布局，并讲解网页、网站、站点的概念。

合作实施：奥运网站布局设计与制作；首页、奥运火炬、历任主席、历届会标页面的制作；奥运寄语、北京奥运页面的制作。

调试检查：看页面链接是否有错误；图片及文字排版是否整齐美观。

交流评估：评价项目作品完成质量。

（五）组织学习内容
将项目分解为几个较小的、循序渐进的任务，通过教师引导和
示范、学生讨论练习的方法，实现做中学、学中做的目标。

本项目分成四个子任务：任务一：网站的认识、奥运网站布局设计与制作；任务二：首页、奥运火炬页面的制作；任务三：历任主席、历届会标两页面的制作；任务四：奥运寄语、北京奥运两页面的制作。

每个任务实现不同的技能目标和相关知识点。

（六）创设教学情境
创设自主的学习情境。

比如，学会上网查阅资料对于学生的后续自主学习能力的提高有重要作用。

创设交流的学习情境：教师提出一些教学问题，通过学生的交流，解决学生制作过程中存在的问题，并减轻教师的辅导任务。

（七）准备教学资源
包括时间资源、信息资源、环境资源，教师要准备充分。

（八）实施教学过程
教学步骤1：新项目的引入。

创设项目的问题情境：现在大部分企业都有自己的网站，用来展示和宣传自己。

如果我们走上工作岗位，企业要求我们针对某一个主题做一个小型网站，那我们该怎么办呢？
教学步骤2：展示学习目标（看网页样张）。

将本网站各个页面向学生展示，并展示学习目标。

教学步骤3：指出本项目的学习过程（放幻灯片）：分析项目控制要求，站点的创建，奥运网站布局设计与制作，首页和奥运火炬
页面的制作，历任主席和历届会标页面的制作，奥运寄语和北京奥运页面的制作，拓展与延伸。

教学步骤4：分析项目控制要求（教师引领，学生分析）。

任务要求介绍：设计制作一个关于奥运主题的小网站，包括六个页面；任务要求分析：首先创建站点，接着设计网页布局，然后分别制作六张网页，这样我们就完成了这个小网站的制作。

教学步骤5：站点的创建。

知识讲解：网站、站点、首页的概念；教师示范：站点的创建及注意事项。

教学步骤6：奥运网站布局设计与制作。

提出问题：网站的六个页面，它们的共同之处是什么？不同之处在哪里？接着学生讨论，然后得出答案：“共同之处：六张页面的头部及底部是相同的；不同之处：中间部分不一样”。

教师进而引导：既然六张页面的头部及底部是相同的，不妨先将相同的这部分制作好，并复制多份，再分别制作中间不同的部分。

（教学步骤7到9是有关六张页面的制作，可通过教师提出问题、学生讨论、教师示范讲解、学生练习、教师辅导的方式来完成，限于篇幅关系，不展开详细描述，详情可查看本校精品课程网站。

）教学步骤5到9是教学过程实施中的重点，也是课例设计的重点，教师应精心设计，这里要说明几点：
（1）任务驱动。

项目教学是让学生在围绕某个项目完成具体工作任务的过程中，掌握相关的知识及技能，体验完成任务的艰辛与
乐趣。

很显然，为完成整个项目而依次展开的一系列任务构成了项目教学整个实施过程中的一条主线。

我们要注意：①合理进行项目分解与任务编排。

教学任务以工作任务为基础而确定，各教学任务之间应当呈一定的序列关系；各教学任务的容量以及完成时间应适当，以便于学生能够完成。

②遵循从项目活动展开中来寻求学习内容，要根据“做”的需要来选择“学”的内容。

（2）做学结合。

在教学过程的设计与实施中，可通过创设问题情境、提出问题的方式，让学生在解决问题的过程中，掌握相应的知识和技能，体现做中学、学中做、做中教，体现做、学、教一体的教学思想。

（九）设计教学评价
对学生所完成的项目进行质量评价，具体评价方式如下表：
三、课例实施的反思
课程项目及课例开发的最终目的是要应用于教学，在教学过程中会经常发现问题，通过解决问题可对课程项目和课例不断进行完善和补充。

本课程在本学期刚开展，通过前一段时间的教学，证明该项目及课例的实施具有可行性，但也发现一些问题。

比如：第二个网站“北京印象”容量很大，教师在素材的准备上（名称和存放）一定要做到分门别类，图片尽量压缩成最小，这样学生每次上课时下载和上传就比较快。

另外，在网页的制作中，教师要有预见性，能预见到后续所涉及的操作。

例如，“盛世北京”栏目“天安门广
场民族柱首试彩灯”网页中的标题和图片，教师要能预见到后面要对其设置滤镜效果，因此在插入时必须分别放置在单元格中，而不可混在一起。

在后续教学中，我们会针对出现的问题进一步完善项目及课例，以更好地服务于教学。

参考文献：
[1]刘兵兵.专业课项目课程课例研制与实施的几个注意点 [j].江苏教育，2010（27）.
[2]钱理文.项目课程开发及其对高职教育内涵提升的实践意义[j].宁波城市职业技术学院学报，2008（3）.
（作者单位江苏省无锡立信中等专业学校）。