“信息发布与网页设计”课程建设

王树西

(对外经济贸易大学信息学院，北京100029)

1　课程概述

“信息发布与网页设计”是对外经济贸易大学信息学院开设的一门全校公共选修课，面向全校本科生开设。这门课程随着Internet应用的普及而诞生，是一门实用性、操作性较强的课程，具有较强的实用价值。

本课程以Web页设计制作、网站建设为主要内容，介绍Internet上信息发布的主要方法和手段，讲授HTML语言基本语法规则，各标记的功能；Web页制作工具软件Dreamweaver MX、动画制作工具软件Flash MX的使用等。通过本课程的学习，学生能独立完成具有交互功能的多媒体小型网站的建设。

通过本课程的学习，学生可以掌握网页制作、Flash二维动画制作的相关知识，掌握网站制作软件Dreamweaver、Fireworks的操作方法，对信息发布与网页设计有一个整体的认识，提高学生的计算机动手实践能力。

很多学生反映，通过学习本课程，可以设计、制作属于自己的网站，很有成就感，而且将来工作内容也可能涉及网页设计的相关内容，学习本课程为将来的工作打下一定的基础，提高学生的创新能力。

本课程可操作性强，学习过程，也就是网页制作、Flash动画制作非常直观，效果立竿见影，简单有趣，使得学生很有成就感，所以每年都有大量的学生选修这门课程。

本课程的成绩评定方法如下：平时作业占15%；阶段测试占10%；考勤占5%；期末综合作业占70%。所谓的期末综合作业，是让学生根据要求，做出一个网站，里面包括HTML、Dreamweaver、Fireworks、Flash的相关知识点，当然，这里有学生很大的自我发挥的空间。

本课程学时为34学时，学分为2学分。

2　课程建设的历程

本课程由曹建老师组建的课题组进行建设，于2001年左右开始课程建设，至今课程建设已经有了10多年的时间。先后有曹建老师、李降龙老师、华迎老师、黄浩老师、王树西老师、王晓波老师参与课程建设。现在课程建设已经趋于成熟，课程体系已经基本完善，学生对这门课程的评价也较高。

本课程建设主要围绕如下几个方面：(1)教学内容；(2)教学方法；(3)教师培训。

在教学内容方面，课程建设之初，主要讲授如下内容：Internet相关知识、HTML相关知识、Dreamweaver软件操作方法、Fireworks软件操作方法、Flash二维动画制作方法。这样教学内容过多，无法深入讲授，学生难以接受，教学效果也不好。

随着课程建设的深入，由于学生很早就接触Internet，对Internet较为熟悉，所以切除了“Internet相关知识”这一块内容，只是在讲授过程中简单介绍，不作为一个专门的章节进行讲授。

在2009年左右，经过课程组的集体讨论，决定将“HTML相关知识”这个章节，融合到“Dreamweaver软件操作方法”讲授过程中。这是因为，“HTML相关知识”不是授课的重点，而且知识点繁杂，单独作为一个章节，会冲散课程的重点。将HTML的相关知识融入到Dreamweaver软件操作方法的讲授过程中，一边操作Dreamweaver软件，一边讲授相关的HTML语法，简单直接，可以马上看到实际的操作结果，学生易于接受，会达到事半功倍的学习效果。

到现在为止，本课程已经基本成熟，课程体系已经较为稳定，那就是：以Dreamweaver软件操作为中心，围绕这个中心，以案例操作为教学方法，融合Internet相关知识、HTML相关知识、Fireworks软件操作。Flash软件操作单独作为一个章节进行讲解。

3　课程教学方法

本课程采取案例教学的方法。也就是通过讲解案例，让学生掌握知识点。大多数案例(知识点)通过“讲述→演示→练习”的教学方法进行讲解，今年来，随着课程建设的深入，某些案例(知识点)也采取“提出问题→老师领着学生一步步解决问题”的教学方法进行讲解。

学习就是一个重复练习的过程。根据我们的教学经验，一般来说，只有通过2～3遍的反复讲解，学生才能够真正掌握一个案例(知识点)，仅仅讲解一次，学生往往难以掌握案例(知识点)。所以，在教学过程中，对于较为难以掌握的案例(知识点)，教师往往反复讲解，直到学生真正掌握为止。

在教学过程中，Dreamweaver软件操作、Flash动画制作是两个教学模块。在“Dreamweaver软件操作”教学模块，我们准备了大约25个案例，基本上每节课(2个课时)讲解2～3个案例，每个案例都是反复讲解。在“Flash动画制作”教学模块，我们准备了大约20个案例，基本上每节课(2个课时)讲解4个案例。所谓的案例，类似于作业，也就是提出需求的问题，并领着学生完成。为了让学生喜闻乐见，在实际教学过程中，我们大量采用最流行的音乐、图片，用于教学过程中。

教学实践证明，案例教学、反复讲解的教学方法，效果很好，很受学生欢迎，达到较好的教学效果。(www.daowen.com)

4　课程教学要求

HTML部分：记事本编辑、保存HTML文件的方法；常用标记、属性的使用；路径的正确应用；以盘符为基础的根文件夹路径；以相对文件夹为基础的相对文件路径(便于移动)。

Dreamweaver部分：站点的创建；文字、表格、图片的基本操作；层的应用；框架的应用。

Flash部分：行为补间；动画补间；元件：图形、按钮、电影剪辑。

课程作业，是创建一个网站。创建网站的步骤：仔细阅读、理解要求，主题；表现什么；怎么表现；准备素材：文字、声音、图片，并用不同的文件夹，按类存放；布局设计、实施、检查；

Dreamweaver部分的具体教学要求：掌握HTML；掌握CSS样式；查看源代码；Dreamweaver中的编码；使用代码提示加入背景音乐；快速创建网页；使用标签选择器插入浮动框架；插入HTML注释；“行为”面板；事件；动作；播放声音；打开浏览器窗口；弹出信息；调用JavaScript；改变属性；交换图像；检查浏览器；检查表单；控制Shockwave或Flash；转到URL；设置导航条图像；跳转菜单；弹出式菜单；Dreamweaver中站点的创建、修改与删除；HTML代码的使用；网页中的链接；利用表格进行网页的页面布局。

Flash部分的具体教学要求：掌握：动画基础知识及创造流程、Flash文件的基本操作；动画基础知识及创造流程；绘制直线、椭圆、矩形和多边形；掌握：绘图工具、选取工具和图形编辑工具；使用钢笔工具绘制直线和曲线；使用刷子和铅笔工具；掌握：与颜色相关的控件和工具使用；混色器与颜色样本面板的使用；使用文本工具(新文本框特性)掌握：文本的建立和编辑；动态和输入文本的基本用法；可创建的三种文本类型；文本的建立和编辑；将文本转换成形状；文本的扭曲变形；给文本添加超级链接；掌握：对象的变形处理；图形的排列和对齐；掌握：图形元件、影片剪辑元件、按钮元件和库的使用方法；元件的创建；元件的三种类型；编辑元件；库的基本概念与操作；掌握：基本的动画创建方法；帧和关键帧的使用；逐帧动画、移动帧、复制帧和粘贴帧；逐帧动画间动画的多种变化形式，使用缓入/缓出曲线来更有效率地创作动画；创建补间动画；引导层动画的编辑、遮罩动画；使用形状变形提示；掌握：在Flash影片和按钮中插入声音；编辑声音属性；播放和停止声音的行为；通过组件控制MP3播放；使用行为控制嵌入式视频；掌握：使用ActionScript程序控制影片和实现交互；使用ActionScript控制影片剪辑；测试和播放Flash影片；掌握：Flash的测试、导出和发布，以及发布设置。

5　课程期末作业

期末作业，是教学过程的重要一环。要求利用本课程所学知识制作个人网站，主题明确，结构合理，色彩搭配协调，具有一定交互功能。包含自己设计和制作的与网页主题内容一致的网站相册、Flash动画等。HTML部分中记事本编辑、保存HTML文件的方法、常用标记、属性的使用、路径的正确应用、以盘符为基础的根文件夹路径、以相对文件夹为基础的相对文件路径(便于移动)，要求独立完成小型、交互网站的设计、制作和维护。

教学实践证明，课程期末作业，学生往往需要花费很多的时间去完成，这也是提升学生能力的重要一环。学生反映，经过期末作业的“洗礼”，所学过的本课程知识可以得到融会贯通，看到自己做成的网站，很有成就感。

6　课程下一步建设的设想

本课程仍然不够成熟，还需要投入巨大的精力进行建设。下面是课程下一步建设的设想。

(1)突出教学重点，压缩教学内容

本课程的教学时间有限，而教学内容过多。为了突出教学重点，准备压缩教学内容。具体设想进一步压缩Flash的教学内容，对Flash教学内容进行大量的删减。

(2)建议不建设教学案例

案例以课堂作业的形式给出，通过案例讲解知识点。使得案例更加简洁，更能够体现知识点的需求。

(3)领着学生做期末作业

期末作业是教学过程的重要一环。在做期末作业的时候，有的学生感到无从入手，产生畏难情绪，甚至有些学生花钱让别人替做。这很不好。老师领着学生一起做期末作业，一方面打消学生的畏难情绪，而且有利于学生对课程的整体把握，有利于学生对所学知识的融会贯通，当然，这里面有学生很大的自我发挥的空间，应该充分调动学生的创新积极性。

参考文献

[1]郭锂，柯铭健.网页设计与制作.高等教育出版社，2010(7).

[2]何秀芳.中文版Dreamweaver CS6/Flash CS6/Photoshop CS6网页设计基础培训教程.人民邮电出版社，2013(2).

[3]林福宗.多媒体技术教程.清华大学出版社，2009(1).