第8章多媒体网页设计与制作2解说.doc

第8章多媒体网页设计与制作 8.1AdobeDreamweaverCS5的安装与启动 8.1.1AdobeDreamweaverCS5的安装 1.程序安装步骤 （1）打开文件安装包，出现Adobe安装程序窗口，如图8-1所示。 图81初始化安装程序窗口 （2）在如图8-2所示安装程序的欢迎使用界面中，点击“显示语言”下拉列表，选择“简体中文”，然后选择“接受”按钮进行程序的安装。 图82语言选择与软件许可协议窗口 （3）进入输入序列号界面，输入正确的序列号，点击“下一步”按钮继续进行程序的安装，如图8-3所示。 图83输入产品序列号 （4）在安装选项界面中，点击“位置”选项后的文件浏览按钮，选择好程序安装的位置并单击“安装”按钮，如图8-4所示。 图84安装进度窗口 （5）点击“完成”按钮完成软件的安装，如图8-5所示。 图85完成软件安装 8.1.2AdobeDreamweaverCS5程序的启动与关闭 1.AdobeDreamweaverCS5的启动 （1）用户可以通过双击桌面上的快捷键图标，或者选择“开始|程序|AdobeDreamweaverCS5”启动软件，如图8-6所示。 图86程序启动界面 （2）选择菜单“文件|新建|创建”，创建一个新的文件。（如图8-7所示） 图87在新建文档窗口中选择页面类型及其设置 2.关闭程序 文档编辑完成后，可以通过以下四种方法进行程序的关闭。 （1）单击文件右上角的关闭按钮。 （2）选择菜单“文件|退出”。 （3）双击文件左上角的图标。 （4） 8.2AdobeDreamweaverCS5工作界面 启动AdobeDreamweaverCS5，新建或打开一个文档，进入DreamweaverCS5的工作界面。DreamweaverCS5提供了一个将全部元素集成在一个窗口中显示的布局方式，如图8-8所示。 图88DreamweaverCS5工作界面 1.标题栏 AdobeDreamweaverCS5与其他应用程序一样，标题栏显示了软件图标及其他一些应用程序的控件按钮，包含了“CSLive服务”和工作区切换器，通过它用户可以根据自己的习惯方式选择相应的布局方式。 2.菜单栏 AdobeDreamweaverCS5的菜单共有10个，即文件、编辑、、插入、修改、、命令、站点、窗口和帮助。 文件：用来管理。例如新建、打开、保存、导入、输出打印等。 编辑：用来编辑。例如剪切、复制、粘贴、查找、替换参数设置等。 查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入：用来插入各种元素，例如图片、多媒体组件表格超链接等。 修改：具有对页面元素修改的功能，例如表格插入单元格拆分、合并对对象等。 ：等。 命令：所有的附加命令项 （8）站点：用来创建和管理站点 （9）窗口：用来显示和隐藏控制面板以及文档窗口切换 （10）帮助：联机帮助功能。 “插入面板组”集成了所有可以在网页应用的对象。插入面板组”其实就是图化了的插入令，通过一个个的按钮，可以很图像、声音、多媒体动画、表格框架、表单、Flash和ActiveX等网页元素。 “文档显示文档进行 “设计图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境 “代码视图是一个用于编写和编辑HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境 “代码和设计视图设计图代码视图可以在单个窗口中同时看到同一文档的代码和 在DreamweaverCS5版本中新增了“实时视图”“实时代码”视图的功能。“实时视图”“设计”视图类似，“实时视图” “实时代码”视图显示浏览器用于执行该页面的实际代码，当用户在“实时视图”中与该页面进行交互时，它可以动态实时显示实际代码。“实时代码”视图不可编辑。 5.标签选择器 显示环绕当前选定内容的标签层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。 6.状态栏 状态栏提供与当前编辑文档有关的其它信息。在状态栏中系统提供了选取工具、放大工具、文档窗口的显示比例、文档大小和下载时间以及当前文档的编码方式等。 7.属性检查器 属性检查器用来显示和编辑当前选定页面元素（如文本）的常用属性。的内容选定的元素会有所不同。并不是将所有的属性加载在上，而是根据选择的对象来动态显示属性 8.面板组 面板组是由一个或者是多个标签组组合到一起的，如果想用某一个标签组，点击该标签组即可，用户可以通过窗口选项来选择需要的标签并显示到操作界面中，也可以根据自己的习惯将常用的标签组合到一块。 8.3站点的创建与管理 8.3.1站点的概念 在Dreamweaver中，术语“站点”指属于某个Web站点的文档的本地或远程存储位置。Dreamweaver站点提供一种组织所有与