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

　　《网页设计》是我校为艺术类本科生开设的计算机应用基础类课程。本文总结了多年来《网页设计》课程的教学与实践，从教学内容，教学方式和手段，实践教学，教学评价，教材编写，多媒体和网络资源建设等方面，全面地阐述了《网页设计》课程的教学模式和体系，为今后计算机应用基础教学改革、提高艺术类本科生教育教学质量奠定基础。

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

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

　　一、课程内容与实践

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

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

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

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

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

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

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

第三，多媒体教学。丰富的多媒体素材为课堂教学提供了有效的支持。课件中内容全面准确、教学素材丰富;教师利用多媒体课件和系统操作，达到了相得益彰的教学效果。第四，利用网络平台开展教学。多媒体教学课件、电子教案、案例、教学大纲、教学日历、案例素材和效果等资料放在网络教学平台上供学生们下载和浏览。通过网络提供更多的课外资源，扩充了学生学习空间和互动方式，取得了良好的教学效果。

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

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

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

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

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

　　二、课程资源建设

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

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

　　2.多媒体资源与网站。为配合教师课堂授课，提供了每个章节的电子教案，全部教学案例素材和效果，练习案例素材和效果;为满足学生课下学习需要，录制了全部课堂教学案例的教学视频，形成了完整的多媒体教学资源。本课程还开发了网页设计精品课网站，向学生提供全天候的互动式学习平台。网站提供了全部多媒体教学资源，以及学生自主学习的各种资源，如技术专栏、参考资料、在线测试、在线问答、电子书下载、优秀网站赏析和软件下载等;搭建了学生网站作品的展示栏目，将综合教学实践环节中学生制作的全优作品进行实景演示。

　　三、结论

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

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

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

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