【面向艺术类本科生的《网页设计》课程教学与实】 艺术类本科生

面向艺术类本科生的《网页设计》课程教学与实

从2010年开始，我校为艺术类本科生开设了《网页设计》课程作为在 计算机基础课程体系中的主选课程。作为新开设的课程，教学内容单一，无法覆 盖课程的全部知识体系;教学内容以知识点堆砌为主，缺乏在设计方法上的提炼 和升华，无法满足艺术类本科生计算机创意能力培养的需要;除了一些配合知识 点的小型课堂练习外，没有为学生提供以创意为核心的综合性实践环节，无法为 学生的未来专业学习和职业成长提供帮助;没有对学习效果和能力做出全面和客 观评价的有效方式[1]。这些问题亟待在教学研究和实践中加以解决。

为此，本课程以“面向艺术类学科，面向艺术类本科生”为理念，以“引导创 意，面向应用，促进融合”为教改原则[2]，利用综合技术和手段，引导艺术类学 生进行计算机艺术创意;改善教学内容和教学方法，实现面向应用的理念;加强对 艺术类学生的工程概念和流程的传授，使学生感受到工程与艺术融合的魅力。

一、课程内容与实践 本课程在教学内容与方法、教学实践环节和教学评价等方面做了深入 而系统的研究，取得了很好的效果。

1.教学内容。教学以课堂案例为载体，利用多媒体课件和软件操作完成。

课程案例贯穿于整个教学过程，每个案例对应重要的知识点。在案例讲解后，通 过课堂练习和课后练习巩固所学的知识。整个教学过程分为四个阶段：第一，课 堂案例导入与讲解阶段。首先，教师展示案例最终结果，并进行简单分析，指出 案例所用的知识点。然后，采用案例驱动的教学模式，逐步展开，推演出案例最 终结果。教师可根据案例难易程度和知识点重要性，在案例推演过程中，对相应 部分进行深入剖析和阐述。

第二，知识点的深入和扩展分析阶段。针对案例中重要的知识点，通过小 型辅助案例进行分析和扩展。要求学生在课堂练习和课后学习中，根据各自的想象去拓展该案例，为后续自主命题设计与实践打下良好基础。第三，课堂练习实 施阶段。

教师给出实现练习案例的具体要求，让学生结合课堂案例的实现方式，独 立完成一个或几个课堂练习。针对本章节所涉及的案例和课堂练习，以及相关知 识点，设计与制作方法，创意效果进行总结，完成教学任务。第四，目标设定及 发展阶段。在课程的最后阶段，也是教学实践阶段，要求每位学生独立完成网站 的设计与制作。教师为网站设定技术框架和规模，学生自主选题，收集与整理素 材，并在规定的时间内完成从创意、设计和制作的全部工作。

在这个过程中，学生设定自己的目标，支配自己的时间，主导自己的 创作过程。教师可以有针对性地对学生的技术问题给予个性化的指导和帮助，对 内容设定，创意设计给予点评，引导学生达到最终目标。

2.教学方法和手段。在教学过程中，根据课程特点和学生认知特点，采用 多种教学方法和手段，与教学内容构成一个有机整体。第一，案例驱动教学。在 教学中，将案例与教学主题紧密结合，穿插教学的全过程。根据教学主题和案例 特点，将案例分成了课堂精讲型、课堂演示型和课后练习型等，三种类型相互配 合，相互协调，形成了张弛有度的教学节奏和良好教学效果。

第二，目标驱动教学。在教学实践活动中，目标驱动教学采用学生自主选 题、独立设计制作来实现。教师设定技术框架，留给学生充分的空间和时间，学 生根据选题，进行创意、设计和制作。教师担当技术支持和评价任务，学生是主 导者和实践者。学生完成了从知识学习者向作品创意者、设计者和制作者的转变。

3.实践教学。实践教学活动旨在最大限度地为学生营造自由创作空间，激 发学生的创意灵感，发掘学生的创意潜能。本课程教学实践由“设定要求，自主 选题，自由创意，开发制作”四个部分组成。第一，设定要求。设定要求包括创 意要求和技术框架。创意要求主要体现在创意原则上，作品必须是原创设计。技 术框架包括两个方面：一是根据本课程知识体系，提出设计制作网站的技术方法， 给出可替代的技术方法，给学生提供多项选择。二是规定网站的规模。对于学习 过更多相关知识的学生，可以不局限于这个技术框架，鼓励学生积极尝试新方法 和手段。

第二，自主选题。在自主选择网站主题时，提倡学生面向学科应用，面向 实际需要进行选题。如服装服饰类，或者艺术设计类、媒体传播类等为网站主题。选题时，要考虑对网站内容的理解和把握程度，对相关文本、图形图像和媒体信 息的收集、归纳和整理的水平。第三，自由创意。艺术类本科生具有自主创意的 优势，要发掘学生的专业潜能，利用所学计算机技术把创意效果展现出来。做到 主题鲜明，内容完整，色彩搭配美观，页面构图简洁合理等。同时，考虑要创意 与网站主题的密切关系，将创意和内容统一起来。第四，开发制作。按照网站工 程设计制作的流程开展工作。

首先，对各种信息进行分类和整理，确定网站栏目和网页的数量。其次， 进行网站页面创意，把创意通过计算机网页设计技术表现出来。最后，通过技术 方法和手段，完成网站的设计和制作。通过开展教学实践环节，学生更全面系统 地掌握了课程内容和探究式的学习方法，焕发了主动学习的热情，提高了计算机 素养和综合应用能力。

4.教学评价。教学评价可以归纳为主观与客观的结合，过程与结果综 合。对课堂教学评价更多依赖于过程评价和客观评价，如通过查阅日常作业，可 以了解对案例中知识的理解;通过结业考试客观试题的评价，确定学生知识和技 巧的掌握。对教学实践环节评价由教师主观判断实现，考查学生的创意和实践应 用水平。

在教学实践环节中，制定了“网页设计与制作—实操要求及评分标准”， 规范教师对学生作品的评价，保证真实性和客观性。每个学生一个选题，一个网 站，一个评价考核结果，避免出现学生“搭便车”现象。

二、课程资源建设 1.教材。为贯彻本课程的教学理念和原则，确定“完善知识体系，引导艺 术创意，面向实际应用，促进艺工融合”为写作原则[3]，体现集创意、应用和工 程为一体，技能、知识与平台相融合的教学和实践模式。在教材案例选取上，案 例都具有良好的创意和应用背景，创意风格多样化，色彩、图案和布局的多种组 合;案例取材于多种行业和领域，覆盖面广。在讲解知识点时，着重提炼页面艺 术创意方法和技巧，做到方法多样，手段实用，效果良好。在教材内容选取上， 向网页设计与制作的最新技术看齐，全面引入CSS技术和CSS+Div布局技术，归 纳出“上中下”和“左中右”两种基本方式，并提供一个CSS+Div布局的商业网站设 计和制作过程。

在教材内容表现上，采用新颖、直观和多样化方法，突出教学重点和难点，引入“布局图”，帮助学生理解和把握页面布局，将表格布局、CSS+Div布局、框 架布局和AP Div布局等多种方式反复向学生讲授，实现学生掌握和灵活运用布局 技术的教学目标。在教材框架安排上，以知识演进为目标，以应用案例为载体， 采用可视化操作为主导，代码实现为从属的方式，既形象直观，又深入剖析技术 原理。以网站客户端技术为主体，以网站服务器技术为辅助，为学生全面理解网 站设计与制作技术打下坚实基础。

三、结论 本课程采用全新的理念和切实可行的教改原则，在教学模式与实践环 节中，在教材写作、多媒体和网站建设中加以贯彻和落实，突破了《网页设计》 课程建设的固有模式，取得了全方位的教学成果。

经过多年教学与实践，形成了完善和系统的网页设计教学体系和模式， 帮助学生构建完整的知识体系，掌握创意技能和技巧;借助于综合性教学实践环 节，极大提高了艺术类本科生的计算机创意和应用能力;以良好的评价体系保证 教学评价的有效性。

在教材编写中，进一步完善和固化教学和模式，教材不仅知识体系完 整、内容翔实，而且创意技能实用、面向实战，与多媒体素材和精品课网站构成 了立体化课程资源体系。

作者：修毅 刘正东 洪颖 邵熹雯 来源：教育教学论坛 2016年15 期