网页艺术设计课程中项目化教学设计.docVIP

网页艺术设计课程中项目化教学设计 　　作者简介作者简介：李顺（ 1979-）,女，曲阜师范大学信息技术与传播学院讲师，研究方向为网页设计、网站开发；李晓飞（1978-），女，曲阜师范大学信息技术与传播学院副教授，研究方向为多媒体资源的设计与开发。1项目教学法概述 　　项目教学法，是以学习、研究某种或多种学科的概念和原理为中心，以制作作品并将作品推销给客户为目的，在真实世界中借助多种资源开展探究活动，并能够在一定时间内解决一系列相关问题的一种教学和学习模式。不难看出，项目教学法以“项目”为依托组织课程内容，其所涉内容可以是单一学科的也可以是跨学科的。项目教学法通过“项目”将理论知识和实践技能有机结合起来，以项目的完成、问题的解决为目标，以学生为主体开展学习活动，以培养学生自主学习能力、实际动手能力、解决问题能力以及创造能力为目的。 　　研究中我们发现，项目教学法并不适用于所有教学活动。项目教学法在纯粹的基础理论性课程中并不适合作为主要的教学方法和手段，在注重实践操作类课程中采用项目教学法较为有效。在长达两年的课题研究中，项目组成员先后在《网页艺术设计》、《动态网站开发与制作》、《计算机图文设计》、《Flash动画制作》、《三维动画制作》等课程中大量采用了项目教学法并取得了良好教学效果，大大提升了学习者的学习能力。 　　2教学内容分析 　　在《网页艺术设计》中采用项目教学法，要求教师创设真实的或接近真实的项目情境，学生在完成项目的过程中需体验项目需求分析、网站色彩设计、网页版式设计、使用Photoshop做页面效果图、Photoshop切片、网站搭建、页面具体实现、网站发布与维护等一系列完整的工作过程。项目所涉及的知识是跨学科的，具体包括网站的创建、发布与维护，网页色彩的搭配与设计、平面构图和网页版式设计等基础理论，Dreamweaver软件的基本操作，html、css、Javascript的使用和Photoshop的基本操作。 　　《网页艺术设计》是笔者学校广告学专业、数字媒体艺术专业、新闻学专业的必修课，通常在大二下学期或大三上学期开设，美术基础、计算机图文设计和多媒体画面艺术是其先修课。平面构图的基本理论、色彩搭配理论和Photoshop的基本操作在这些课程中都已涉及,这为学生顺利完成项目、解决问题提供了很大便利。在《网页艺术设计》中学生要掌握的主要内容就是Photoshop切片/网站的创建、发布与维护，html、css、Javascript的使用。《网页艺术设计》知识点虽多但难度较低，学生可以通过多种形式的自主性学习而获得，这正好与项目教学法对学生学习方式的要求相吻合。 　　3教学项目设计 　　在以往的《网页艺术设计》课程中，教学主要围绕网页色彩搭配与版式设计、网站创建、html、css、Javascript和Photoshop切片6大专题展开。在每个专题的教学中，都采用任务驱动的教学方式，通过一个个小的任务详尽演示每一个专题中的所有知识点，教学强调的是知识点的完整性与系统性，学生上机操作就是对课堂所学内容的机械重现。这种教学形式将教学内容割裂为若干专题分别讲授，不符合现实世界中的工作过程，学生看不到专题之间的联系，学习缺乏热情，学习效果欠佳。 　　项目教学法以学生为主体，让学习者完整地体验整个工作过程。学习者在项目需求分析的基础上，确定网站色彩与版式、网站主要模块，由美工使用Photoshop实现页面效果图，由具体制作人员创建站点，对效果图进行切片，使用切片得到素材和数据制作网页（具体包括使用html实现网页内容，使用css为页面添加样式，使用Javascript为页面添加动态效果），最后由专门人员实现网站的测试、发布和维护。 　　在实际教学过程中，我们将教学项目分为两类：经典验证性项目和综合设计项目。经典验证性项目由教师事先呈现网站原型，教师完整演示设计、制作网站的整个过程，在制作过程中讲解相关知识点，教师演示后由学生在机房独立完成。在这类项目中，学生个体身兼数职,在完成项目的过程中掌握相关主要知识点。表1列举出了课程开设中用到的4个经典验证性项目。综合设计项目由教师呈现若干网站主题，学生团队自主选择。团队成员在合理分工的基础上合作完成。表2列举出了综合设计项目中学生团队的若干网页效果截图。学习者在完成项目的过程中可随时利用教师提供的多种形式的学习资源进行自主学习和交流协作。 　　表1经典验证性项目 　　项目名称网页效果截图涉及主要知识点使用table定位，css做样式设计制作网站①表格的基本操作 　　②使用表格布局网页 　　③网页中文字、图片、无序列表的编辑 　　④使用css设置背景属性（背景颜色：background??color，背景图片background??image）使用di