（电路与系统专业论文）基于Dreamweaver的远程网络技术研究[电路与系统专业优秀论文].pdf

西北工业大学硕士研究生论文 a b s t r a c t a b s t r a c t u t i l i z i n g c o m p u t e r t o a u x i l i a r y t e a c h i n g h a s b e c o m e a n e f f e c t i v e t r y i n g w h i c h c a n r e f o r m t h e e d u c a t i o n a l m e t h o d , i m p r o v e t e a c h i n g q u a l i t y , e x p l o r e a t h o u g h t o f t e a c h i n g.i t i s a d e v e l o p i n g d i r e c t i o n o f e d u c a t i o n i n t h e f u t u r e even more. t h i s t e x t m a i n l y t e l l s u s h o w t o p r o d u c e a n d p u b l i s h t h e w e b p a g e s w h i c h c a n s u i t t h e w e b t e a c h i n g b y d r a w i n g t h e s u p p o r t f r o m t h e s o f t w a r e d r e a m w e a v e r s u n i q u e a d v a n t a g e i n m a k i n g w e b p a g e s . a n d t h e n m i x i t w i t h t h e s o f t w a r e f i r e w o r k s , f l a s h a n d t h e d r e a m w e a v e r s p e c u l i a r p l u g - i n p a c k a g e i n o r d e r t o r e a c h a b e t t e r t e a c h i n g r e s u l t . i t n o t o n l y h a s s o m e m o s t b a s i c t e a c h i n g m e t h o d , b u t a l s o h a s t h e m u l t i m e d i a t e a c h i n g w a y , s u c h a s p i c t u r e s , f l a s h a n i m a t i o n , a u d i o f r e q u e n c y , v i d e o f r e q u e n c y a n d s o o n. i t c a n c r e a t e a t e a c h i n g e n v i r o n m e n t v i v i d l y a n d d r a m a t i c a l l y f u l l o f p i c t u r e s a n d t e x t s , a u d i o a n d v i d e o . i n a d d i t i o n u t i l i z e t h e e x t e n d i b l e a p p l i c a t i o n s o f t w a r e c o u r s e b u l i d e r f o r d r e a m w e a v e r t o e s t a b l i s h a n o n - l i n e s e l f - t e s t f o r s t u d y i n g o n n e t w h i c h h a v e c e r t a i n m u t u a l p e r f o r m a n c e s s e s . i t c a n m a k e t h e l e a r n e r u n d e r s t a n d o n e s o w n s t u d y c o n d i t i o n . g o o n a n d t e s t t h e w e b s i t e , u s e t h e s p r e a d f u n c t i o n o f f t p t o r e a l i z i n g n e t w o r k t e a c h i n g . k e y w o r d s : l o n g - d i s t a n c e e d u c a t i o n , m u l t i m e d i a , p l u g - i n p a c k a g e , w e b s i t e 西北工业大学硕士研究生论文 第二章 网 页 元素的 编辑 第二章网页元素的编辑 2 . 1 插入图 像 在网页中插入图像之前，先讲述一下网页中常用的图文件格式。 1 .图 像的形式 g i f 和j p e g 是最常用的图 文件格式， 它们有一些共同的 特点， 如都是 属于 压缩的图 文件格式，文件的信息量很小，适用于网络传输;另外，它们还适用于各种平台， 如 w i n d o w s , m a c i n t o c h和 u n i x等，因 此大部分浏览器都把它们当作标准规格。 此外， d r e a m w e a v e r , m i c r o s o f t i n t e r n e t e x p l o r e r 4 . 0 及其后续 版本， n e t s c a p e n a v i g a t o r 4 . 0 及其后续版本都支持p n g 图 像。 一般说来， j p e g 对于照片级质量和连续色调的图像而言是比 较优秀的 格式，而g i f 在非 连续色调的图 像或具有大面积平面色彩的图像方面比 较出 色。 p n g 格式则是g i f图 像的自 由替代物，包括对索引色彩，灰度和真彩色的支持。 g i f 文 件采用l o s s l e s s( 非失 真) 的 压缩方式， 在压缩图 文件的 过 程中，图 形的 像 素信息不会被牺牲掉， 被牺牲的 是图 形的 颜色。因 此， g i f 图 文件最多只能保存2 5 6 色。 j p e g 图 文件采用l o s s y( 失真) 的 压缩方式， 因 为 在图 文件的 压缩过程中，图 形的 像素 信息 会被减去一些， 因 此图 形 会失 真， 但j p e g 图 文件的 颜色不 会失 真， 可 支持到全彩的 1 6 . 7 百万色 ( 2 4 b i t 颜色) 。 p n g 是m a c r o m e d i a f i r e w o r k s 的 默 认 文件 格 式。 下面介绍如何使用以上的文件格式: . 若需要图片保存为透明的背景， 选择g i f 图文件格式。 . 若希望图片在显示时能以 交错图出 现， 选择g i f 图文件格式。 . 颜色不多，线条清楚的图， 如小图 标， 卡通图 案，g i f 图 文件格式较合适。 . 全彩的连续色调，没有明显边缘的图，则适合用j p e g 图文件格式显示。 以 上只是一些小规则， 并不 是 硬性规定， 在实际 应用中， 可 按实际 情况自 由 选择合 适的图文件格式。 把这几种图 文件格式他f 门 显示同 一图 像的大小做了 一下比 较， 如图2 - 1 所示 从这可以 看出 来，对简单的电 路图来说， 他们所显示出来的图像分别不大。可他们 的大小就相差甚远了，所以在整个的远程教育网的制作过程中，一般采用的图像格式为 g i f ， 只有对 有些色彩要求严 格的图 像才采 用其他两 种方式。 2 . 如 何插入图 像: 1 ) 把光标定位在要插入图 像的位置处。 2 ) 单击 【 标准】 对象面版中的里 图 标， 弹出【 选择图 像源】 对话框， 如图2 - 2 所 不 。 西北工业大学硕士研究生论文 第三章 d r e a m w e a v e r 4 . 0 的插件 第三章d r e a m w e a v e r 4 . 0 的插件 d r e a m w e a v e r 的插件安装方便、使用简单，可以用其制作更丰富多彩的网页。 d r e a m w e a v e r 中常 用的 插件有o b j e c t s , b e h a v i o r s , i n s p e c t o r s , c o m m a n d s 四 类，当 然 这些是常用的， 还有一些如t e m p l a t e s , q u e r i e s 等类型的插件， 很少用， 而且这样的 插 件也 不是很多。 下面具体介绍一 下常 用的四 类 插件的安 装路径、 使 用方法和其它有关的 信息。 3 . 1 插件的 类型 1 . o b j e c t s 插件 这是四 类插件中 最常用的， 数量也最多， 可以 在网 上很轻松地找到。 d r e a m w e a v e r 的插件一般都被制作成以z i p 为后缀名的压缩文件， 放在网 上供下载， 插件的安装非常有规律， 只要将插件解压 ( 用w i n z i p 等解压工具) 到相对应的目 录之下 就可以了，不必再作任何其它的设置，然后启动d r e a m w e a v e r 应用程序，就可以 使用。 1 ) 安 装路径: 假定d r e a m w e a v e r 安 装在c : p r o g r a m f i l e s 目 录下 ( 其它 种类插件安 装也 如此假 定) ， 那么o b j e c t s 插件的 安装路径就是:c : p r o g r a m f i l e s m a c r o m e d i a d r e a m - w e a v e r 2 c o n f i g u r a t i o n o b j e c t s . 2 ) 使用方法: 安装后， 可以 在菜单【 插入】 最下面发现刚安装的 o b j e c t s插件，当 然了， 在对象 面 板o b j e c t s 上也能找 到， 而且更为 直观。 o b j e c t s 插件可以 在网 页中 插入一个对象， 不必 再去书写 那些繁琐的s c r i p t 或 h t m l 代码。 2 . b e h a v i o r s插件 1 ) 安装路径: 将 插件解压至: c : p r o g r a m f i l e s m a c r o m e d i a d r e a m w e a v e r 2 c o n f i g u r a t i o n b e h a v i o r s a c t i o n s 目 录下。 2 ) 使用方法: 安装后，b e h a v i o r s 插件位于d w 的b e h a v i o r 框的 “ + 菜单里，单击 “ +， 即可找 到。其用法基本与其它 b e h a v i o r 用法一样。 3 . i n s p e c t o r s 插件 此类插件不太多。 1 ) 安装路径: 将 插 件 解 压 至: c : p r o g r a m f i l e s m a c r o m e d i a d r e a m w e a v e r 2 c o n f i g u r a t i o n i n s p e c t o r s 目 录 下. 2 ) 使用方法: 西北工业大学硕士研究生论文第六章 插入媒体 第六章插入媒体 d r e a m w e a v e r可以轻松快捷地将声音和电 影添加到网站中。可以结合并编辑诸如 j a v a a p p l e t , q u i c k t i m e , f l a s h 电 影， s h o c k w a v e 电 影 和m p 3 音 频 文 件 这 样的 媒 体 文 件 和 对 象。 要 想 往 页 面中 插 入一 个j a v a a p p l e t , s h o c k w a v e 电 影， f l a s h 电 影， a c t i v e x 控件或其他的音频和视频对象， 做下列操作之一: .在想插入对象的位置放置插入点， 在对象面板上点击适当的按钮。 .直接从对象面板中 将适当的按钮拖放到文档中 想让对象出 现的地方。 在想插入对象的地方放置插入点， 然后从【 插入/ 媒体】 或 【 插入交互图像】 子菜单 中选择合适的对象。 每个对象面板按钮都会插入必要的h t m l 源代码以 便让对象在页面上出 现， 可以 通过 使用特性检查员 来指定源文 件， 尺寸以 及其他的一些参数。 6 . 1 使用集成 在d r e a m w e a v e r 中的f l a s h m a c r o m e d i a的 f l a s h技术是首选的矢量图形和动画解决方案。在将要使用 d r e a m w e a v e r 中 可用的f l a s h 命令之前，了 解一下三种不同的f l a s h 文件。 f l a s h 源文 件( . f l a ) - f l a s h 程序为 每一个f l a s h t - 程创建的 源文件。 这种 类型的 文件只能在f l a s h 中打开，不能在d r e a m w e a v e r 或浏览器中打开。可以 在f l a s h 中打开 f l a s h 源文件， 并由 这个源文件生成可以 在浏览器中 用的s w f 或s lf r 文件。 f l a s h电 影文 件 ( . s w f ) -f l a s h 电 影文 件是一 个. f l a 文 件的 压缩版本并为在网 上 查看进行了 优化。 这种能 在浏览器中 播放并 在d r e a m w e a v e r 中 预览， 但不能 在f l a s h 中 被编辑。 f l a s h 发生器 模板 ( . s w t ) -f l a s h 发生器 模板文件可以 修改 和替换f l a s h 电 影文 件中的 信息。 这种文件被用于f l a s h 按钮对象， 它可以 让使用者使用自 己的文本和链接 来修改模版以向自己 的文档中 插入自 定义的s w f 文件。 可在 d r e a m w e a v e r c o n f i g u r a t i o n f l a s h o b j e c t s 文件夹中的f l a s h b u t t o n 和 f l a s h t e x t 文件夹中找到这些模板文件。 如果使用f l a s h 来设计发生器模 板文件， 可以 将设计 好的 模板分发 给w e b 开 发团队 的 其 他成员。团 对成员可以 将这些模 板文件分别 保存在 d r e a m w e a v e r c o n f i g u r a t i o n f l a s h o b j e c t s 】 文件夹中的f l a s h b u t t o n 和 f l a s h t e x t 文件夹中，并通过f l a s h 按钮和文本对象来访问它们。 6 . 2 插入f l a s h 电影 m a c r o m e d i a 的f l a s h 技术是发送及传递基于矢量的图形和动画的第一 解决方案。 可以 选择是用n e t s c a p e n a v i g a t o r 插件还是一个a c t i v e x 控件来作为f l a s h 的播放器。 该播放器现在己 经被内 建于最新版本的n e t s c a p e n a v i g a t o r , m i c r o s o f t w i n d o w s 和 西北工业大学硕士研究生论文第六章 插入媒体 a m e r i c a o n l i n e 中。 6 . 3 插入g e n e r a t o r( 发生 器) 对象 m a c r o m e d i a g e n e r a t o r 为动态的w e b 内容提供了一种方法。我可以使用f l a s h 5 来 创建g e n e r a t o r 文件， 并方便地运用免费的g e n e r a t o r 写 作模板， 最后生成的g e n e r a t o r 文件就可以 通过一个运行g e n e r a t o r 服务器软件的w e b 服务器来提供服务。可以将一个 g e n e r a t o r 对象插入到一个d r e a m w e a v e r 文档中。 6 . 4 插入s h o c k w a v e 电影 s h o c k w a v e 是m a c r o m e d i a 的 一 个 标 准， 专 用 于w e b 上的 交 互 式 多 媒 体 。 它 是 一 种 压 缩格 式， 可以 让在m a c r o m e d i a d i r e c t o r 中 创建的 媒体文件快速被下 载并由 最流行的 浏览器来播放。 可以 选择用n e t c s a p e n a v i g a t o r 插件还是一个a c t i v e x 控件来播放s h o c k w a v e 电 影。 当插入一个s h o c k w a v e 电影时， d r e a m w e a v e r 会同时使用o b j e c t 标签和e m b e d 标签， 以求在所有浏览器中都有好的效果。 6 . 5 插入n e t s c a p e n a v i g a t o r 插件 插件增强了n e t s c a p e n a v i g a t o r 功能， 它提供了 欣赏多 种 格式的 多 媒体内 容的 途径。 当 为n a v i g a t o r 插件创建内 容后， 可以 使用d r e a m w e a v e r 将该内 容插入到h t m l 文档中。 d r e a m w e a v e r 使 用e m b e d 标 签 标 识 该 内 容 文 件 。 6 . 6 插入a c t i v e x 控件 a c t i v e x 控件是可以 再次使 用的 组件， 它如同 缩小 化的 应用 程序，能 够产生象浏览 器 插件一样的 效果。 a c t i v e x 控件在w i n d o w s 系统中的i n t e r n e t e x p l o r e r 中 运行， 但 不能 在m a c i n t o s h 系统中 或n e t s c a p e n a v i g a t o r 中 运行。 d r e a m w e a v e r 中的a c t i v e x 对 象允 许在访问 者的 浏览器中 为a c t i v e x 控件提供属性和参数。 d r e a m w e a v e r 使用o b j e c t 标签来标识网 页中a c t i v e x 控件出 现的 位置， 并为 该 a c t i v e x 控件 提 供 参 数。 6 . 7 插入j a v a a p p l e t j a v a 是一种与 平台 无关的 程序开发语言， 它能写出 可以 嵌入到页面中的轻量级的 应 用程序，j a v a a p p l e t . 在创建了 一 个j a v a a p p l e t 以 后， 可以 使用d r e a m w e a v e r 将这 个a p p l e t 嵌入到一 个h t m l 文档中。 d r e a m w e a v e r 使用a p p l e t 标签标记对a p p l e t 文件的应用。 在了 解j a v a a p p l e t 的 优缺点的基础上要慎重使用它. j a v a a p p l e t 的 优点: 因 为j a v a 设计上的 平台 无关 性， 使得j a v a a p p l e t 可以 在所有装有j a v a 虚 拟机的 计 算机系统中 很好的 工作。 这极 大保证了 页面能 够在i e 和n e t s c a p e 以 及运行 6 2 西北t业大学硕十研究生论文第六章 插入媒体 于其他平台上的多种浏览器之间保持良 好的兼容性。同时由于j a v a良 好的安全性，使 用j a v a a p p l e t t 匕 a c t i v e x 或 任 何 其 他 插 件 都 具 有 更 高 的 安 全 性。 j a v a a p p l e t 听起来还很不错。 但是，只要有可能就绝对不要使用j a v a a p p l e t . 因 为j a v a a p p l e t 有一个致命缺点 就是 速度。 正因 为j a v a 是被设 计为与 平台 无关的， 因此，当一个程序员编译j a v a 时，并不像别的语言那样，被编译成针对某种特定平台 的机器码，而是被编译成与平台无关的通用的二进制代码。这样导致的使用j a v a a p p l e t 速度慢。 因 此在可用可不用j a v a a p p l e t 时， 尽 量不要使 用j a v a a p p l e t . 6 . 8 将声音添加到页面 目 前有几种不同的声音格式文件在w e b 上使用。 在决定要采用何种声音格式和以 何 种方法将声音添加到页面之前，需要考虑几个问题:添加声音的目的是什么，添加声音 文件的大小，声音的质量以及浏览器之间的差异。 以 下列出了 最常使用的音频文件格式以 及它们在w e b 设计上的 优势和劣势。 二m i d i 或. m i d ( m u s i c a l i n s t r u m e n t d i g i t a l i n t e r f a c e ) - 用于 器乐m i d i 文件 格式。 这种格式被绝大多数浏览器支持且不需要任何插件。 尽管它的声音质量是很好的， 但依赖于用户的声卡可能会发生改变。 一个很小的m i d i 文件就可以 提供一个相当长时间 的声音剪辑， m 工 d i 文件不能被录制， 而只能由 安装有特殊硬件和软件的计算机来合成。 二w a v ( w a v e f o r m e x t e n s i o n ) - 波形格式文 件有很好的 声 音质量，同 时 也被绝大多 数浏览器所支持也不需要任何插件。能够从c d ， 磁带，麦克风等设备上录制波形格式文 件。 然而，波形格式文件臃肿的体积严重限制了能够在网页上使用的声音剪辑长度。 二a i f ( a u d i o i n t e r c h a n g e f i l e f o r m a t ) - 音 频 交 换 文 件 格 式。 类 似 于w a v 格 式。 同 样有很好的声音质量，能 够被绝大多 数的浏览器播放且不需要任何插件。 能够从c d , 磁带， 麦克风等设备上录制音频交换格式文件。 。 然而， 该音频格式文件同 样具有的 臃肿 体积严重地限制了能够在网页上使用的声音剪辑长度。 二m p 3 ( m p e g - a u d i o l a y e r - 3 ) 一 种有效的 音频格式文件的 压缩格式。 它以 牺牲些 微音质的代价换取大幅度的音频文件体积的骤减。如果压缩比例适当， 压缩后的声音质 量仍 然是很好的， 几乎可以 和c d 的音质想抗衡。 流式技术可以 让用户不必等到整个文件 全部被下载后才能听到声音，而是可以 边下载边听。但不管怎么说，这种格式文件的大 小 仍然比r e a l a u d i 。 格式文件要大些。 要播放m p 3 文件， 用户们要必须下载并安装诸如 q u i c k t i m e , w i n d o w s m e d i a p l a y e r 或r e a l p l a y e r 这 样的 应用 程序 或插件才能使用。 二r a , . r a m , . r p m 或r e a l a u d i o 一 这 些 格 式 的 音 频 文 件 有 非 常 高 的 压 缩比 ， 生 成 的文件比m p 3 更小。 流式技术可以 让用户不必等到整个文件全部被下载后才能听到声音， 而是可以 边下载边听。 这种格式的声音质量比m p 3 文件稍差些。但新的播放器和编码器 正在进一步提高音质。 6 3 西北工业大学硕士研究生论文 小结 小结 本文主要讲述了 如何制作 电 路基础这门 课的网 上教育课件，这与其它课程的 教 学软件有明 显区别的。 电 路基础 这门 课的网 络教学有其自 身区别于其他课程的 特点， 所以 在制作其课件时必须遵循一个原则，就是在讲解其内 容的 基础上， 要用多 种媒体手 段来对其中的具体部分加以 更充分的补充， 使学生自 创 哆 更好的 理解。另外这门 课的图和 公 式比 较多， 要注意图 和其它 文件 ( 如音频， 视频) 等的大小， 必要时要 对其进 行压缩， 以 避免传输速度过慢而影响到整个学习过程。 教育网页的制作有别于其他网页的制作， 有其自 身的 特点， 在制作过程中 应充分考虑到这些， 要站在不同的角度来考虑问 题， 尤 其是要站 在学习 者的 角度冲 汉 寸 整个网 站的内 容以 及学习 方式进行审 视，以 便达到 更好的 效果。 总之，网 络教育是非常方便的，由 于网 络教育的 特点及网 上课件设置的科学性， 学 生只要具备主动学习的 愿望和基本的 上网知识和上网条 件，就可以实现随时随地的 通过 点 击网 上 课件完 成课程的学习， 通过网 络向 教师提交作 业， 就疑难问 题与 教师和同 学 在 网上通过收发e - m a i l 进行交流， 通过e - m a i l 将作业交到远程教育中心相应的服务器。 使得学生可以 在任何时间、 任何地点使用电 脑学习任何课 程。 尤其是在2 0 0 3 年春季一场 大的 流行病 “ 非典” 到来之时，网 络教育就更显示出其独特的优越性，不必大家都坐在 一起， 只需有台可以 上网的电 脑， 就可以 在任何地方进行学习。 在网络教学中， 学生重 复学习 和彩 眠学习完全由自 己 掌握，网 络教育以 其个性化教学为因材施教提供了 很大的 方便。 作为 现有教育 制度的 补充和新的 改 进，网 络教育将对人 们未来的 学习 方式 和生活 状况产生极大的冲击。 他所提供的方便的学习 环境、 丰富的教学内 容、个性化的 教学方 式将为刻门 带来一个终身教育、 全民 教育的时4 弋 。 总的说， 远程教育授课手段非常灵活， 它代表了未来教育的发展方向。 西北工业大学硕十研究生论文参 考 文 献 参 考 文 献 1 刘涛 徐冉 d r e a m w e a v e r 4 . 0 网页设计人民邮电出 版社 2 0 0 1 2 1田守瑞， 刘炸 高洁 d r e a m w e a v e r 4 . 0 精彩网页制作 3 1白 振刚常征 d r e a m w e a v e r 4 . 0网页制作教程 清华大学出版社 2 0 0 1 . 6 清华大学出版社2 0 0 1 4 陈俊良 徐卫强 文件传输 ( f t p )使用指南南京大学出 版社 1 9 9 7 . 1 0 王圣强刘鑫元 f i r e w o r k s 4 金典教程人民邮电出版社2 0 0 1 . 8 李鹰罗翔 f i r e w o r k s 4 入门与提高清华大学出