IDreamweaver8.0多媒体网页制作教程.docVIP

第8章 多媒体网页制作 学习目标 1.了解Dreamweaver 8.0标准工作界面各个组成部分的名称和主要功能； 2.学会创建和管理本地站点的基本步骤和方法； 3.了解页面设置的主要内容和操作方法； 4.掌握利用表格进行页面布局的基本技能； 5.掌握向页面添加文本、图像、音频、视频的基本技能和不同方法，并能设置各种媒体的相关属性和常用参数； 6.掌握向页面插入Flash动画和Flash对象的基本方法，并能设置其相关属性和常用参数； 7.掌握向页面插入Shockwave动画、Java Applet应用小程序、ActiveX控件、插件、Flash元素的基本方法，并能设置它们的相关属性和常用参数。 随着多媒体技术和计算机网络技术的飞速发展，多媒体信息的呈现方式越来越趋于数字化、网络化和集成化。本章我们将通过一个实例，介绍利用Macromedia Dreamweaver 8.0软件将各种多媒体信息表达元素添加到Web页中的基本操作方法和步骤。 8.1 Dreamweaver 8.0的工作界面 启动Dreamweaver 8.0，新建或打开一个文档，进入Dreamweaver 8的工作界面。Dreamweaver 8.0提供了一个将全部元素集成在一个窗口中显示的布局方式，如图8-1所示。 它的工作界面包括：标题、菜单栏、插入面板组、文档工具栏、文档窗口、状态栏、属性面板和浮动面板组。 Dreamweaver 8.0的工作界面 1.标题栏 启动Macromedia Dreamweaver 8后，标题栏将显示文字Macromedia Dreamweaver 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。Dreamweaver 8.0的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。文件：用来管理文件。例如新建、打开、保存、导入、输出打印等。 编辑：用来编辑文本。例如剪切、复制、粘贴、查找、替换参数设置等。 查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入：用来插入各种元素，例如图片、多媒体组件表格超链接等。 修改：具有对页面元素修改的功能，例如表格插入单元格拆分、合并对对象等。 文本：等。 命令：所有的附加命令项站点：用来创建和管理站点窗口：用来显示和隐藏控制面板以及文档窗口切换帮助：联机帮助功能。 插入面板集成了所有可以在网页应用的对象包括插入菜单中的选项。插入面板组其实就是图化了的插入令，通过一个个的按钮，可以很容易的加入图像、声音、多媒体动画、表格图层、框架、表单、Flash和ActiveX等网页元素。工具栏中包含各种按钮，它们使可以在文档的不同视图间快速切换代码视图、设计视图、同时显示代码和设计视图的拆分视图。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。文档窗口显示文档进行Dreamweaver 8.0提供了三种不同风格的文档窗口显示模式，用户可以根据需要任选一种视图并且可以随时切换和刷新。其中“设计图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境代码视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境代码和设计视图设计图代码视图可以在单个窗口中同时看到同一文档的代码和。和编辑当前选定页面元素（如文本）的最常用属性。的内容选定的元素会有所不同。属性面板并不是将所有的属性加载在面板上，而是根据选择的对象来动态显示属性例如，当前选择了一幅图像，那么属性面板上就出现该图像的相关属性；如果选择了，那么属性面板会相应的变成的相关属性。状态栏文档其它有关信息。。其它面板可以称为浮动面板，这些面板根据功能被分成了若干组都编辑窗口之外窗口菜单中的命令。Dreamweaver站点提供一种组织所有与Web 站点关联文档的方法开发环境和所开发的Web站点类型部分组成本地文件夹。此文件夹可以位于本地计算机上，也可以位于网络服务器上Web 服务器的计算机上Web 服务器计算机上测试服务器文件夹是 Dreamweaver 处理动态页的文件夹。测试服务器动态内容生成和显示。Dreamweaver 8.0实际上为用户提供了两种站点的创建办法：一是根据向导创建；二是根据用户的实际需求进行高级设定创建。这里我们看一下根据向导创建一个本地站点的步骤： （1）单击“站点”菜单，选择“新建站点”，弹出站点定义对话框如图8-2所示。输入站点名称和地址后，单击“下一步”按钮。 （2）接下来将弹出如图8-3所示的对话框，提示选择当前编辑的站点是否需要各种服务器技术，如ASP、ASP.NET、JSP、PHP等。这里点击选择“否”，然后单击“下一步”。 图8-2定义网站名称 图8-3