基于目标导向的Internet与网页设计课程教学改革研究

陈明晶　金晓彤

摘要：Internet与网页设计是一门适应面广、实践性强的计算机应用课程。文章介绍一种以实践成果为导向的课程教学方法，通过合理的案例将教学内容有效组织，搭建一体化实践平台来发布学生的作品，并对课程考核方式进行改革，最终达到改善教学效果的目的。

关键词：Internet；网页设计；教学改革；目标导向

0 引言

在Internet广泛应用的今天，网页不仅仅是一种传播信息的载体，已经成为向外界宣传个人或单位形象、开展一系列活动的平台，因此，网页设计已不单单是各种素材的简单拼凑，更应该是一种融入某种思想的设计活动。为适应社会的需要，Internet与网页设计在各高校已成为信息技术类专业的必修课和其他各专业的选修课。与其他程序设计类课程不同的是，该课程的核心内容较为分散，且主要技术也在不断地发展，传统的按知识点组织内容、案例验证法的教学形式，无法让学生全面了解一个网站制作的全过程，因此已不能适应新形势的需要。针对该课程当前存在的问题，结合课程的教学目标和相关专业的培养方案，浙江财经大学信息学院Internet与网页设计课程教学团队就该课程的教学改革进行了积极的探索。

1 教学需求分析

1.1 课程教学内容

Internet与网页设计课程教学以HTML和CSS为蓝本，全面介绍与Web及网页设计制作有关的知识，向学生阐明与互联网相关的一些基本概念及Web的基本工作机制，并使学生具有解决一般网页制作问题的能力。与此同时，通过对Web网页制作技术、制作工具及互联网常用工具的学习使用，使学生对于建立Web站点所涉及的相关知识有一个全面的了解。

通过该课程的学习，学生能够掌握互联网相关概念及一些互联网基本工具的使用；能够熟练地使用网页设计软件、HTML语言及CSS语言，了解动态网页的工作原理，掌握Web应用环境的构建技术；了解Web站点注册、发布、建设、管理、推广的整个过程。通过该课程的学习，能建立一个某种功能的Web站点，并进行简单的维护、管理工作。

1.2 在专业培养方案中的地位

课程的教学工作主要分为两部分：面向信息类专业的必修课和面向其他专业的选修课，对于信息类专业而言，基于Web的应用与开发是专业方向中的一个重要分支。而在诸多Web技术课程中，Internet与网页设计课程无疑是其他课程的基础，也是学生最早接触的，因此，作为Web技术的基础和主框架，课程的教学效果直接影响着后续课程。对于其他专业，Web对专业发展的影响也不可忽视，掌握网页设计知识也是势在必行。

1.3 课程能力需求

课程涉及多方面知识和技术。对于不同专业而言，学生需要掌握不同的重点，以便与本专业的知识体系相结合，形成一定的职业技能。主要专业对课程的能力需求见表1。

基于以上分析，课程在教学内容、方法以及考核方式上都进行了改革，以满足不同专业、不同层次的需求。

2 教学改革总体思路

课程的教学要确立以练带学、先模仿后创新的基本思路，少理论多实践、灵活控制教学进度。每个知识点要给学生留足探索的空间，以提高学生的理解和自学能力；采用过程控制代替结果控制，既能让学生体验网页设计的全程，又能有效防止期末突击、作业抄袭等不合理现象；通过课程的开放式平台，将学生的课程设计作业发布在Internet上，并设置好评度和访问量排行榜，以提高学生的参与积极性，并从学习和实践中找到成就感；将网站创新作为课程评价的重要指标，培养学生的独立创新意识；利用一体化实践平台，将课程的案例和课程设计作品与后续课程对接，帮助学生完成一系列Web开发技术的积累，同时意识到网页设计在Web开发中的基础作用。

3 教学内容改革

3.1 教学环节设计

现代社会对网页需求的变化促使网页设计已成为一门由设计与计算机技术组成的交叉学科。传统的教学内容按照网页设计相关语言（HTML、CSS和JavaScript等）的知识点进行组织，并且通过在网页制作软件中操作来进行讲解，导致各个知识点分散，忽略了贯穿全局的线索。因此，课程对教学内容和教学环节进行全新的设计，在顺利导入课程内容之后，进行网站规划和页面效果设计，以此为蓝图构建网站框架，并在后续的学习中不断完善网站功能，最终形成完整的作品。课程具体教学环节设计见表2。

3.2 教学案例设计

在不同的教学阶段，采用不同案例进行教学。

（1）导入阶段以个人简介网页为例，采用表格布局，使用设计视图进行网页设计，注重Dreamweaver菜单和面板的操作，强调网站视觉的整体性，不关注HTML和CSS代码的规范性。学生也可以模板教学案例完成阶段作品，目的是让学生快速掌握Dreamweaver的操作并且通过阶段成果找到成就感。

（2）设计阶段以企业网站为例，采用时下流行的DIV+CSS布局，尽量使用代码视图进行网页设计，强调代码的规范性和兼容性，同时也要求作品有一定的创新性，体现出网站特有的设计思路，提高网站的质量。

4 教学手段和方法改革

4.1 教学实践平台

课程的教学实践平台依托学校网络资源，面向全校学生提供课程教学资源、在线教程、交流论坛及相关信息。平台主要分为两部分：课程网站和学生个人主页空间。

1）课程网站。

课程网站是以本课程教学资源为中心的网站系统，在线展示所有教学内容和操作手册，帮助学生自学，同时还提供大量的相关学习材料、视频资料等外部资源，以及课程内容讨论区，为有兴趣深入学习的学生创造更多的发展空间。主要功能模块如图1所示。

2）学生个人主页空间。

平台以教学班为单位，为学生提供个人主页空间，学生只要将最终的课程设计网站源代码上传到服务器，即可在线预览。系统也会将每个班级的优秀作品滚动展示在课程平台首页。endprint