机械工程控制基础网络课程建设技巧

摘 要：根据机械工程控制基础课程的培养目标和教学要求，结合网站开发软件Dreamweaver的特点，探讨在机械工程控制基础网络课程建设过程中文档、图片和表格的处理方法和技巧，探索充实美观地展示教学文档、课件、课堂录像等内容的方法和途径，通过不断地更新、优化和完善网络课程教学内容，实现了在线教学和资源共享。

关键词：机械工程控制基础；网络课程；技巧

随着多媒体技术的迅速发展和计算机网络的普及，计算机辅助教学技术被广泛用于各类教学中，将传统教学与网络化学习有机结合起来，有利于促进网络课程的发展。本文基于机械工程控制基础课程的培养目标和教学要求，充分利用Dreamweaver软件的技术特点[1-3]，建设机械工程控制基础网络课程，向学生提供更全面、广泛的网络教学内容，帮助学生更好地理解和吸收新知识，获得最佳教学效果。

1 网络课程开发工具

本文采用Macromedia Dreamweaver8.0，Adobe Photoshop8.0，Macromedia Flash8.0三种软件建设机械工程控制基础网络课程。

Dreamweaver软件是Macromedia公司开发的一款专业网页制作软件，它具有很强的可视化特性，用户无需编写任何代码，即可创建出比较简单基础的网页，制作效果可以方便地通过IE浏览器浏览。同时，Dreamweaver软件还提供纯粹的代码编辑环境，包括html，CCS，JavaScript，Asp等语言代码编辑工具箱参考资源，用户可以创建完全属于自己的对象和命令，并编写代码扩充功能等[4]。

Photoshop软件是Adobe公司开发的图形图像处理软件，具有多种文字效果和各种滤镜。

Flash软件是Macromedia公司开发的平面动画制作软件，可以产生多幅连续运动的动画，非常适合演练一些原理性的教学内容。用Flash制作的动画体积小，在网络上可边下载边播放，还可以加入声音，增加表现力。Flas能够被多种浏览器所接受，非常适合演示各种教学平面动画。

2 网络课程框架

利用Dreamweaver表格功能把机械工程控制基础网络课程界面分成3个板块（如图1所示）[5]。第一个板块是不随连接变动的LOGO。LOGO主要包括山东建筑大学校徽标志、动态的精品课程和机械工程控制基础字幕、时间和日期、欢迎语、菜单栏，其中菜单栏包括首页、申报表、课程介绍、教学队伍、课程建设、理论教学、实践教学。第二个板块是随着用户点击不同菜单内容时变动的动态版面，版面上显示不同菜单内容的具体介绍。第三个板块是在每个动态版面都会有的固定下载板块，包括教学录像、CAI课件、电子教案、实验指导书和网络答疑。

3 网络课程建设技巧

3.1 图片的制作

图片能使页面内容更加丰富美观，而且还能表达出文字不能表达的效果，所以图片是机械工程控制基础网络课程制作的必备素材之一。图片主要应用于展示菜单、图标、背景以及课件的内容，包括GIF，JPG，PNG格式。其中GIF格式能支持256色，适合显示色调不连续或有大面积单一颜色的图像；JPG格式支持24位真彩色，适宜表达网页中色彩的浓淡，并且在压缩时能达到图像品质和文件大小的平衡；PNG格式在使用时能进行无损压缩，使图片不失真。网络课程中涉及的图片是用Photoshop制作的，通过用Photoshop工具中的一些命令如剪切、图片效果、文字编辑和滤镜等完成。很多图片可以利用现在发达的网络进行收集，然后经过Photoshop工具进行美化处理，以达到自己想要的效果。

3.2 动画的制作

网页上的LOGO为动画，它以动态的方式显示，使整个网站充满着生机和活力。动画的格式为SWF。SWF是一种支持矢量和点阵图形的动画文件格式，具有缩放不失真、文件体积小等特点。它采用流媒体技术，可以一边下载一边播放，目前被广泛应用于网页设计，最大的特点是因其为矢量图，放大后不会失真。这个动画主要用网页三剑客之一的Flash软件制作。

文本是网页是上不可或缺的元素。在Dreamweaver的文本编辑环境中，一般的文本编辑非常简单，大部分操作和平常的文本编辑工具相同，可直接在文本编辑框中编辑。很多文本内容也可以在Word中编辑后，转换成网页文本。笔者介绍几个文本编辑技巧：

（1）文字既可以通过可视化窗口输入，也可以在代码窗口的相应代码中输入。

（2）在Dreamweaver中输入多个空格。平时输入的空格是半角字符，在Dreamweaver中只能输入一个半角空格，要想输入多个空格只要输入全角空格就可以了。输入全角空格的方法是：打开中文输入法，按Shift+Space切换到全角状态，这时输入的就是全角空格。

（3）Dreamweaver不支持首行缩进的直接设置，需要输入空格来实现这个效果。而输入多个空格时系统会忽略成一个空格，要想达到需要的效果，可通过“插入/字符”面板中“不换行空格”实现，也可以直接在代码视图中输入“ ”实现。

（4）上下标设置。在网页中，如果要输入m2和x1等带上下标的文字，可以通过HTML中表示上下标的标签来实现。表示上标， 是下标的标签，这些标签既可以手工加进代码中，也可以用输入框加入。例如：m2的代码为m2；x1的代码为x 1。

3.4 表格凸起特效的制作

网络课程需要有凸起特效的表格，在制作时要有间距边框，要有明暗的边框颜色，在实现边框明暗时，要使暗边框改成亮ordercolordark="#CCCCCC"，亮边框改成暗ordercolorlight="#666666"。

3.5 浮动框架的建立

浮动框架是一种特殊的框架技术。在网络课程中利用浮动框架，可以比普通框架更加简易地控制网页内容，在LOGO和菜单都不变的情况下，可以使页面内容发生变化，单击菜单可以在浮动框架中显示相应的内容，这样其他不变的页面内容就不用重复加载，使整个网站页面流畅。在Dreamweaver8.0可视化编辑界面中没有建立浮动框架的命令按钮，所以要在视图代码框中进行代码的编辑。浮动框架建立代码如下：

3.6 时间日期的实时更新

网络课程的时间日期主要有年月日、时分秒及星期，这些时间随本地计算机系统实时更新，这一动态时间的实现是通过在Dreamweaver的视图代码中编写Javascript语言代码实现的，具体的语言代码如下：

3.7 文字和图片的滚动制作

（1）文字的滚动。机械工程控制基础课程网站的欢迎问候语“欢迎光临机械工程控制基础”是滚动的，具体实现技巧是在Dreamweaver的视图代码中编写代码，其中scrollamount="3"是表示文字滚动的速度，在没有标明方向的情况下，默认的方向是向左滚动，具体代码如下：

欢迎光临机械工程控制基础

（2）图片的滚动。网站首页是与机械工程控制基础课程有关的一些学术活动和奖励图片，需要滚动展示。要求图片向上滚动，当鼠标滑过时滚动图像停止，当鼠标移走后继续滚动。这些图片经过表格的排版美化，然后在Dreamweaver的视图代码中编写Javascript语言代码实现滚动效果。

3.8 把表格做成细的水平线

在论文课程网页上，水平线的使用可以使页面内容更有层次感。在Dreamweaver可视化的窗口中使用命令“插入/HTML/水平线”可以直接添加水平线，但是这样直接插入的水平线有时不能达到想要的效果，如直接插的水平线与上面的内容间距太大，本文用表格水平线来实现理想的展示效果。

在要加入水平线的地方插入一行一列的表格，表格的边框等都设为零，具体代码如下：

4 结束语

本文基于机械工程控制基础课程的内容，利用Macromedia Dreamweaver8.0，Adobe Photoshop8.0，Macromedia Flash8.0三种软件的制作特点和技巧，建设机械工程控制基础网络课程，获得充实美观的课程网络页面，但也存在不少烦琐之处，将在今后网络课程建设中不断完善。

参考文献

[1] 周改云，高敬礼.《Dreamweaver网页设计与制作》教学模式研究[J].电脑知识与技术，2011，7（8）：1850-1852.

[2] 戚爽.“Dreamweaver网页制作”课程的教学研究[J].长春理工大学学报，2010，5（12）：169-170.

[3] 彭页.用Dreamweaver进行网络课程设计的几点技巧[J].中国医学教育技术，2006，20（1）：73-74.

[4] 唐武生，刘晓杰，李险峰.《食品加工机械与设备》网络课程的建设与研究[J].长春大学学报，2007，17（5）：77-79.

[5] 罗忠，郝丽娜，刘士卿.以Blackboard为平台的机械工程控制基础网络课程建设与实践[J].教学研究，2010，33（3）：51-54.