网页与WEB课件制作基础教程 (2010 年度畅销榜NO.58072 )

这是一本关于网页和网络课件制作的力作，它凝聚了作者长期从事网页与课件制作的心血，以及在丰富的教学实践中所获得的经验和体会。本书采用一课一课的面对面的教学方式，循序渐进。全书共分10个部分，每一部分3课，总共30课。既适合普及网页制作基本教学，又透彻阐述网络课件制作的要领。本教程从模仿一个实际网页制作开始，让读者初步了解Dreamweaver MX、Flash MX和Fireworks MX的应用。然后系统地讲述Fireworks MX的环境以及绘制图形、批处理等基本操作，最后制作交互效果和Gif动画。对于Flash MX，从静态Flash入手，逐步掌握基本动画的制作并专门讲解典型的Flash动画。在Dreamweaver MX的学习中，从了解站点到制作框架页面，掌握Dreamweaver行为，应用CSS样式以及巧妙设置时间线，一步步地引领你熟练掌握Dreamweaver MX的各种操作。所谓网络课件，应该是充分应用交互技术，且满足某一课程要求的网页。本书从学习HTML语言基础和Flash的基本交互功能入手，学习JavaScript，深入Flash的Action Script，了解Flash和HTML的通信，直到综合应用HTML、JavaScript和Flash的Action Script编制完整的、全交互式的课件。每一课都以丰富多彩的案例贯穿，案例及所有源代码皆包括在随书附带的光盘中。\r\n\r\n 本书适合广大学生和教师以及各类网页设计与开发人员阅读，特别适合多媒体网页制作课程的教学。\r\n
\r\n

第一部分 引 例 \r\n\r\n 第1课 画一幅网页 \r\n\r\n 1.1 准备工作 \r\n\r\n 1.1.1 制作工具 \r\n\r\n 1.1.2 初始化 \r\n\r\n 1.2 画页面的横幅（banner） \r\n\r\n 1.3 画页面主体部分的外框 \r\n\r\n 1.4 画页面主体部分的内容 \r\n\r\n \r\n\r\n 第2课 将一幅画变成一张网页 \r\n\r\n 2.1 为制作翻转按钮做准备 \r\n\r\n 2.2 在Fireworks MX中切片 \r\n\r\n 2.3 导出HTML文件 \r\n\r\n 2.4 用Dreamweaver清理Fireworks生成的 \r\n\r\n 页面 \r\n\r\n \r\n\r\n 第3课 网页中的动画 \r\n\r\n 3.1 为动画准备素材 \r\n\r\n 3.2 使用Flash MX 制作简单动画 \r\n\r\n 3.3 将Flash插入页面 \r\n\r\n 3.4 另外一种做法 \r\n\r\n 第二部分 可爱的Fireworks \r\n\r\n 第4课 Fireworks MX简介 \r\n\r\n 4.1 操作文档 \r\n\r\n 4.1.1 创建. 打开文件 \r\n\r\n 4.1.2 导入和导出文件 \r\n\r\n 4.1.3 两种格式 \r\n\r\n 4.2 Fireworks 工作环境和面板 \r\n\r\n 4.2.1 '工具'面板 \r\n\r\n 4.2.2 属性检查器 \r\n\r\n 4.2.3 其他面板 \r\n\r\n 4.2.4 “主要和修改”工具栏 \r\n\r\n 4.2.5 小型启动器 \r\n\r\n 4.2.6 浏览和查看文档 \r\n\r\n 4.3 调整画布 \r\n\r\n 4.3.1 更改画布大小 \r\n\r\n 4.3.2 修改图像大小 \r\n\r\n 4.3.3 更改画布颜色 \r\n\r\n 4.3.4 旋转. 修剪和符合画布 \r\n\r\n 4.3.5 修剪文档 \r\n\r\n \r\n\r\n 第5课 Fireworks MX的基本操作 \r\n\r\n 5.1 绘制矢量对象 \r\n\r\n 5.1.1 绘制基本形状 \r\n\r\n 5.1.2 绘制路径 \r\n\r\n 5.1.3 调整路径 \r\n\r\n 5.1.4 编辑路径 \r\n\r\n 5.2 使用位图 \r\n\r\n 5.2.1 修饰位图 \r\n\r\n 5.2.2 调整位图颜色和色调 \r\n\r\n 5.3 笔触和填充 \r\n\r\n 5.3.1 采集颜色 \r\n\r\n 5.3.2 使用笔触 \r\n\r\n 5.3.3 使用填充 \r\n\r\n 5.4 处理文本 \r\n\r\n 5.5 使用效果 \r\n\r\n \r\n\r\n 第6课 Fireworks的对象管理与批处理 \r\n\r\n 6.1 图层的管理 \r\n\r\n 6.1.1 新建层 \r\n\r\n 6.1.2 更改图层名称 \r\n\r\n 6.1.3 移动层 \r\n\r\n 6.1.4 删除层 \r\n\r\n 6.1.5 复制层 \r\n\r\n 6.1.6 共享层 \r\n\r\n 6.2 元件和实体 \r\n\r\n 6.2.1 元件 \r\n\r\n 6.2.2 实体 \r\n\r\n 6.2.3 删除元件 \r\n\r\n 6.2.4 复制元件 \r\n\r\n 6.3 对象管理 \r\n\r\n 6.3.1 组合对象 \r\n\r\n 6.3.2 对象的变形 \r\n\r\n 6.4 批处理 \r\n\r\n 第三部分 美妙的Flash \r\n\r\n 第7课 Flash MX的工作环境和面板 \r\n\r\n 7.1 Flash用户界面 \r\n\r\n 7.1.1 绘图工具面板 \r\n\r\n 7.1.2 时间轴 \r\n\r\n 7.2 浮动面板 \r\n\r\n 7.2.1 “对齐”浮动面板 \r\n\r\n 7.2.2 “调色板”面板 \r\n\r\n 7.2.3 “颜色样本”面板 \r\n\r\n 7.2.4 “变形”面板 \r\n\r\n 7.3 操作Flash文档 \r\n\r\n 7.3.1 创建文档及其定义文档属性 \r\n\r\n 7.3.2 元件与实体 \r\n\r\n 7.3.3 库 \r\n\r\n 7.3.4 导入与导出 \r\n\r\n \r\n\r\n 第8课 Flash绘图及其基本动画制作 \r\n\r\n 8.1 绘制图形 \r\n\r\n 8.2 Flash绘图的一些特点 \r\n\r\n 8.2.1 对象的选取 \r\n\r\n 8.2.2 Flash的分'段'特色 \r\n\r\n 8.3 动画制作基础 \r\n\r\n 8.3.1 逐帧动画 \r\n\r\n 8.3.2 运动渐变（Motion Tweening） \r\n\r\n 8.3.3 形状渐变（Shape Tweening） \r\n\r\n 8.3.4 运动引导 \r\n\r\n 8.3.5 遮照动画 \r\n\r\n \r\n\r\n 第9课 Flash简单案例 \r\n\r\n 9.1 旋转动画 \r\n\r\n 9.2 发光动画. 水纹和水泡效果 \r\n\r\n 9.3 图片的虚实变换. 跑动的文字和简单 \r\n\r\n 课件 \r\n\r\n 9.4 在Microsoft PowerPoint中插入Flash \r\n\r\n 9.4.1 其他窗口播放法 \r\n\r\n 9.4.2 同一窗口播放法 \r\n\r\n 第四部分 基本的Dreamweaver \r\n\r\n 第10课 熟悉环境和建立站点 \r\n\r\n 10.1 Dreamweaver MX的工作环境 \r\n\r\n 10.1.1 文档窗口 \r\n\r\n 10.1.2 可停靠浮动面板 \r\n\r\n 10.1.3 '插入”面板组 \r\n\r\n 10.1.4 属性检查器 \r\n\r\n 10.1.5 菜单栏 \r\n\r\n 10.1.6 状态栏 \r\n\r\n 10.2 建立站点 \r\n\r\n 10.3 小试“参数选择”对话框 \r\n\r\n \r\n\r\n 第11课 常用工具及其使用方法 \r\n\r\n 11.1 插入标题和文本 \r\n\r\n 11.2 “常用”面板上的按钮 \r\n\r\n 11.3 其他面板按钮 \r\n\r\n 11.3.1 “字符”面板 \r\n\r\n 11.3.2 '媒体'面板 \r\n\r\n \r\n\r\n 第12课 页面的规划和布局 \r\n\r\n 12.1 准备素材 \r\n\r\n 12.2 用Dreamweaver MX布局 \r\n\r\n 12.2.1 打开站点 \r\n\r\n 12.2.2 载入草图 \r\n\r\n 12.2.3 修改页面属性 \r\n\r\n 12.2.4 使用“布局”选项卡 \r\n\r\n 12.3 插入元素和处理页面 \r\n\r\n 12.3.1 插入Fireworks HTML \r\n\r\n 12.3.2 给单元格添加背景色 \r\n\r\n 12.3.3 图像占位符的使用 \r\n\r\n 12.4 简单设置文本格式 \r\n\r\n 12.4.1 项目列表和编号列表 \r\n\r\n 12.4.2 缩进文本 \r\n\r\n 第五部分 初识HTML \r\n\r\n 第13课 基本结构和文本标签 \r\n\r\n 13.1 基本结构和组成标签 \r\n\r\n 13.1.1 搭建HTML构架 \r\n\r\n 13.1.2 文字处理标签 \r\n\r\n 13.2 常用标签 \r\n\r\n 13.2.1 文本标签 \r\n\r\n \r\n\r\n 第14课 图像标签及其属性和块级元素 \r\n\r\n 14.1 图像标签及其属性 \r\n\r\n 14.1.1 SRC属性 \r\n\r\n 14.1.2 ALIGN属性 \r\n\r\n 14.1.3 宽高属性 \r\n\r\n 14.1.4 ALT属性 \r\n\r\n 14.1.5 确定图像的间距与边框 \r\n\r\n 14.2 DIV和SPAN标签 \r\n\r\n 14.2.1 DIV标签 \r\n\r\n 14.2.2 SPAN标签 \r\n\r\n 14.2.3 SPAN和DIV的不同 \r\n\r\n \r\n\r\n 第15课 列表元素和表格标签 \r\n\r\n 15.1 HTML的列表元素 \r\n\r\n 15.1.1 无序列表（Unordered List） \r\n\r\n 15.1.2 排序列表（Ordered List） \r\n\r\n 15.2 表格标签 \r\n\r\n 15.2.1 建立表格的四种标签 \r\n\r\n 15.2.2 标记的属性 \r\n\r\n 15.2.3 标记的属性 \r\n\r\n 15.2.4 标记的属性 \r\n\r\n 第六部分 走进HTML \r\n\r\n 第16课 超文本链接和常用组件介绍 \r\n\r\n 16.1 超文本链接 \r\n\r\n 16.1.1 相对路径与绝对路径 \r\n\r\n 16.1.2 超级链接的标记 \r\n\r\n 16.1.3 跳转到标记位置 \r\n\r\n 16.1.4 target属性 \r\n\r\n 16.2 常用组件 \r\n\r\n 16.2.1 Applet组件 \r\n\r\n 16.2.2 marquee组件 \r\n\r\n 16.2.3 Embed组件 \r\n\r\n 16.2.4 Object组件 \r\n\r\n 16.2.5 Map组件 \r\n\r\n 第17课 窗口框架 \r\n\r\n 17.1 窗口框架的基本结构 \r\n\r\n 17.2 设定画面的分割方式 \r\n\r\n 17.2.1 行分割 \r\n\r\n 17.2.2 列分割 \r\n\r\n 17.2.3 子窗口的设定 \r\n\r\n 17.2.4 控制窗口框架框线的frameborder属性 \r\n\r\n 17.2.5 多重的窗口框架 \r\n\r\n 17.3 target属性与框架的搭配 \r\n\r\n 17.4 嵌入式框架 \r\n\r\n \r\n\r\n 第18课 表单简介 \r\n\r\n 18.1 表单头及其属性 \r\n\r\n 18.2 BUTTON控件 \r\n\r\n 18.3 INPUT控件 \r\n\r\n 18.3.1 BUTTON按钮属性 \r\n\r\n 18.3.2 CHECKBOX复选框属性 \r\n\r\n 18.3.3 FILE文件框属性 \r\n\r\n 18.3.4 HIDDEN隐藏属性 \r\n\r\n 18.3.5 IMAGE影像属性 \r\n\r\n 18.3.6 TEXT文本属性 \r\n\r\n 18.3.7 PASSWORD密码属性 \r\n\r\n 18.3.8 RADIO单选按钮属性 \r\n\r\n 18.3.9 RESET重置属性 \r\n\r\n 18.3.10 submit递送属性 \r\n\r\n 18.4 其他控件 \r\n\r\n 18.4.1 SELECT控件 \r\n\r\n 18.4.2 TEXTAREA控件 \r\n\r\n 第七部分 深入Fireworks \r\n\r\n 第19课 Fireworks的gif动画 \r\n\r\n 19.1 帧与帧的操作 \r\n\r\n 19.1.1 添加帧 \r\n\r\n 19.1.2 复制帧 \r\n\r\n 19.1.3 跨帧移动和复制帧中的对象 \r\n\r\n 19.1.4 帧的命名与延迟时间 \r\n\r\n 19.2 制作动画 \r\n\r\n 19.2.1 逐帧动画 \r\n\r\n 19.2.2 渐变动画 \r\n\r\n 第20课 Fireworks的交互效果 \r\n\r\n 20.1 按钮 \r\n\r\n 20.2 切片交互 \r\n\r\n \r\n\r\n 第21课 Fireworks应用 \r\n\r\n 21.1 实用教学框架的美工 \r\n\r\n 21.2 网络课程的首页 \r\n\r\n 第八部分 再探Flash \r\n\r\n 第22课 文本框. 按钮. 声音和 \r\n\r\n 影片剪辑 \r\n\r\n 22.1 文本框的使用 \r\n\r\n 22.2 制作交互式按钮 \r\n\r\n 22.3 声音的使用 \r\n\r\n 22.4 影片剪辑的使用 \r\n\r\n \r\n\r\n 第23课 Action Script初步 \r\n\r\n 23.1 基本概念 \r\n\r\n 23.1.1 对象和路径 \r\n\r\n 23.1.2 Action 动作 \r\n\r\n 23.2 影片控制语句 \r\n\r\n 23.3 影片剪辑的简单控制语句 \r\n\r\n \r\n\r\n 第24课 Action Script应用 \r\n\r\n 24.1 按钮与影片剪辑结合 \r\n\r\n 24.2 声音的使用 \r\n\r\n 24.2.1 声音开关按钮 \r\n\r\n 24.2.2 用显示条显示声音大小 \r\n\r\n 24.3 实用的数字时钟 \r\n\r\n 24.4 可控制的教学课件 \r\n\r\n 24.4.1 动态地画任意两点间的直线 \r\n\r\n 24.4.2 可控制的圆轮滚动 \r\n\r\n 24.4.3 完整小课件 \r\n\r\n 24.5 动态载入 \r\n\r\n 第九部分 实用Dreamweaver \r\n\r\n 第25课 框架 \r\n\r\n 25.1 创建框架 \r\n\r\n 25.2 编辑框架集页面 \r\n\r\n 25.2.1 手工调整框架页 \r\n\r\n 25.2.2 通过属性检查器设置框架页 \r\n\r\n 25.2.3 框架页面间的链接 \r\n\r\n 25.3 保存框架页面 \r\n\r\n 25.4 框架制作实例 \r\n\r\n \r\n\r\n 第26课 表单. 模板与CSS样式 \r\n\r\n 26.1 表单及其应用 \r\n\r\n 26.1.1 创建表单 \r\n\r\n 26.1.2 表单对象组件 \r\n\r\n 26.2 表单实例 \r\n\r\n 26.3 模板及其应用 \r\n\r\n 26.3.1 创建可编辑区域 \r\n\r\n 26.3.2 创建可选区域 \r\n\r\n 26.3.3 创建重复区域 \r\n\r\n 26.3.4 创建可编辑标记属性 \r\n\r\n 26.4 创建和编辑CSS样式表 \r\n\r\n 26.5 'CSS样式定义”的设置 \r\n\r\n 26.5.1 类型属性 \r\n\r\n 26.5.2 背景属性 \r\n\r\n 26.5.3 区块属性 \r\n\r\n 26.5.4 盒子属性 \r\n\r\n 26.5.5 边框属性 \r\n\r\n 26.5.6 列表属性 \r\n\r\n 26.5.7 定位属性 \r\n\r\n 26.5.8 扩展属性 \r\n\r\n 26.6 用CSS样式定义超级链接属性 \r\n\r\n \r\n\r\n 第27课 行为与时间轴 \r\n\r\n 27.1 行为面板及命令菜单 \r\n\r\n 27.2 添加行为实例 \r\n\r\n 27.3 时间轴及其应用 \r\n\r\n 第十部分 JavaScript编程基础 \r\n\r\n 第28课 JavaScript初步 \r\n\r\n 28.1 JavaScript概述 \r\n\r\n 28.2 JavaScript的语法基础 \r\n\r\n 28.2.1 变量 \r\n\r\n 28.2.2 数组 \r\n\r\n 28.2.3 算术运算符 \r\n\r\n 28.2.4 逻辑运算符 \r\n\r\n 28.2.5 字符串运算符 \r\n\r\n 28.2.6 运算符的优先级 \r\n\r\n 28.2.7 typeof操作符 \r\n\r\n 28.2.8 条件表达式 \r\n\r\n 28.2.9 条件语句 \r\n\r\n 28.2.10 循环语句 \r\n\r\n 28.2.11 注释语句 \r\n\r\n 28.2.12 JavaScript的函数 \r\n\r\n 28.3 JavaScript 全局函数 \r\n\r\n 28.3.1 escape（ ）和 unescape（ ） \r\n\r\n 函数 \r\n\r\n 28.3.2 eval（ ）函数 \r\n\r\n 28.3.3 parseFloat（ ）函数 \r\n\r\n 28.3.4 parseInt（ ）函数 \r\n\r\n 28.3.5 isNaN（ ）函数 \r\n\r\n \r\n\r\n 第29课 JavaScript的事件与对象 \r\n\r\n 29.1 JavaScript的事件 \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n 29.1.1 什么是事件 \r\n\r\n 29.1.2 处理JavaScript事件 \r\n\r\n 29.2 JavaScript对象 \r\n\r\n 29.2.1 内置对象 \r\n\r\n 29.3 浏览器对象 \r\n\r\n 29.3.1 window对象的方法 \r\n\r\n 29.3.2 location对象 \r\n\r\n 29.3.3 document对象 \r\n\r\n \r\n\r\n 第30课 JavaScript应用 \r\n\r\n 30.1 填空与选择 \r\n\r\n 30.1.1 填空 \r\n\r\n 30.1.2 单选题 \r\n\r\n 30.1.3 多选题 \r\n\r\n 30.2 动态导航 \r\n\r\n 30.3 Flash与HTML的通信 \r\n\r\n 30.4 一个随机抽取题目的简单加法 \r\n\r\n \r\n\r\n 参考文献 \r\n
\r\n

面对当前社会对信息化教育的需要, 大力推动各级各类学校的网络教学迫在眉睫, 当务之急就是迅速提高教师的网页和网络课件制作水平. 为此, 我们编著本书.

本书采用一课一课的面对面的教学方式, 循序渐进. 全书共分10个部分, 每一部分有3课, 共30课. 既适合普及网页制作基本教学, 又透彻阐述网络课件制作的要领.

本书将网页制作工具的使用和网络编程相结合, 既介绍Dreamweaver MX. Flash MX和Fireworks MX的功能, 又细致地讲解它们的实际应用. 课程按Fireworks MX. Flash MX和Dreamweaver MX的顺序循环讲述.

本书分为普及篇和提高篇两篇.

普及篇包括第一部分. 第二部分. 第三部分. 第四部分. 第七部分和第九部分, 其特点如下.

1. 从模仿一个实际网页入手, 初步了解Dreamweaver MX. Flash MX和Fireworks MX的应用.

2. 系统地讲述Fireworks MX的环境以及绘制矢量图形. 处理位图和批处理等基本操作.

3. 熟悉Flash MX的操作界面, 明确概念, 从静态Flash入手, 逐步掌握立体效果. 镂空文字以及逐帧动画. 运动渐变动画. 形状渐变动画. 引导动画和遮蔽动画的制作.

4. 从了解站点的概念到新建一个站点, 从学习在页面里插入超级链接到熟练掌握插入图片. 描绘层. Flash. 表格等Web元素, 从设置页面属性到掌握页面布局. 一步步地引领你掌握Dreamweaver MX的各种操作.

5. 应用Fireworks MX制作交互效果和Gif动画, 学习制作典型的Flash动画, 把Flash插入PowerPoint.

6. 制作框架页面. 掌握Dreamweaver行为. 灵活应用CSS样式以及巧妙设置时间线, 以达到不用编程完成简单动态页面的目的.

提高篇包括第五部分. 第六部分. 第八部分和第十部分, 其特点如下.

1. 学习HTML语言基础：掌握图像标签. 表格标签. 块标签. 表单. 跑马灯等组件, 以及其他各种标签的功能.

2. 从Flash的文本框. 按钮和影片剪辑入手, 学习Action Script. 明确对象. 属性. 方法和Flash路径的概念. 熟练掌握影片基本动作和影片剪辑的基本控制, 初步掌握Flash的交互功能.

3. 了解JavaScript的功能, 学习JavaScript语法基础：掌握JavaScript的变量. 数组. 语句. JavaScript函数的定义与引用, 以及JavaScript 全局函数.

4. 从一个Flash动画开始, 学习用Action Script控制帧播放. 通过案例讲述鼠标指针的隐藏和自定义鼠标指针. 从简单按钮的制作出发, 充分利用Action Script, 逐步掌握对Flash声音的控制. 掌握经典的画线技巧, 从而一步步地制作出一个有实际意义的交互课件.

5. 了解什么是事件, 处理JavaScript事件. 掌握内置对象和浏览器对象.

6. 介绍JavaScript在课件制作方面的实际应用：填充. 单选. 多选以及导航栏的制作, 详述Flash和HTML通信, 完成一个需要综合应用HTML. JavaScript和Flash的Action Script的完整的. 全交互式的课件.

另外, 每一课都有醒目的提示. 注意. 概念等标注, 有利于加深印象, 节约时间. 每一课都以丰富多彩的案例贯穿, 案例及所有源代码皆包括在随书附带的光盘中.

本书由王左辉和于红光编著. 王左辉负责全书的规划和编写, 于红光主要编写第13课至第18课和第28课, 并参编了第一部分的三课和第29课, 并且参加全书的校对. 在这里忠心地感谢崔鹏和马彪（参编第4课. 第19课）. 姚驰（参编第8课）. 卞步喜（参编第25课）和朱俊（参编第10课. 第11课和第22课）.

由于编者水平有限, 书中难免存在缺点和错误, 敬请批评指正.



作 者

2003年7月