第五章dreamweavermx的应用.pptVIP

第六章 Dreamweaver MX的应用 第六章 Dreamweaver MX的应用 学习目标：通过本章的学习，使学生能够掌握用Deamweaver MX制作图文并茂、生动形象的网页，并可以运用Deamweaver中的相关技术根据自己的特长、兴趣制作主题站点并进行管理。 学习重点：编辑网页的基本操作；用时间轴创建动画。 学习难点：图层概念的理解及灵活运用；站点规划和管理的思想。 学习方式：讲授上机结合 学习时间： 24学时 §6.1 Deamweaver的概述 ?一、概述 Dreamweaver是Macromedia公司推出的主页编辑工具。它是一个所见即所得的网页编辑器，支持当前流行的DHTML和CSS标准，能够快速、高效的创建极具表现力和动感效果的网页，使得网页创作过程变得简单。Dreamweaver是一个集网页创作和站点管理两大利器于一身的创作工具。 Dreamweaver和Macormedia公司的另两款软件Firworks和Flash能够很好地兼容，分别控制了Web制作、Web图形处理和矢量动画这三个主要的网络创作领域，被称为网页制作的三大法宝。 二、Dreamweaver MX的启动与删除 1.启动 1）标准的启动方式 “开始” →“程序/Macromedia/ Macromedia Dreamweaver MX” 2）通过桌面快捷方式 3）直接载入需要编辑的文档 选中要编辑的文件图标 →单击鼠标右键 → 选择“使用Dreamweaver MX编辑” 2.删除 “开始” →“设置/控制面板” →“添加/删除程序” →选择Macromedia Dreamweaver MX →单击“更改/删除”按钮 三、Dreamweaver MX的工作界面 1.标题栏：主要显示的有Dreamweaver标记、应用程序的名称、当前正在编辑文档的标题和 名称、最小化按钮、最大化/还原按钮和关闭按钮。 2.菜单栏：文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助 3.工具栏：提供了常用的菜单命令按钮。 4.文档窗口：主要的工作窗口，基本可以显示页面在浏览器中的最终显示效果。 文档窗口的标题栏显示当前编辑文档的标题，并且在后面的括号中显示文档的文件名及所在的目录。同时，如果文档在上一次保存后又经过编辑而没有存盘，则会显示一个星号，提示用户当前文档有过修改。 5.状态栏：显示当前编辑文档的其它一些信息 1）文件选择：DW中使用多文档界面布局，只要在状态栏中点击需要编辑的文档，即可激活选择的文档 2）标记选择器：显示当前选择文本或对象的父标记。单击任意一个标记，就可以高亮显示文档窗口中对应的内容。 3）文档窗口尺寸设置：设置当前文档窗口的大小。 4）文件大小显示和预计下载时间。 5）快速启动栏：快速启动相应的任务或显示/隐藏相应的浮动面板 6.插入面板：在文档窗口中创建各种类型元素的重要工具，使用该面板可以很方便地插入表格、层和图像等。 插入面板共有普通、布局、文本、表格、框架、表单、模板、字符、媒体、文件头、脚本、应用程序12组，每组中有不同类型的对象。 7.属性面板：用于检查和修改当前页面中被选定的元素的各种属性。 面板的内容是动态变化的，随当前选择对象的不同而变化，因为不同类型的对象拥有不同的属性。 8.浮动面板：浮动面板是Dreamweaver的特色之一，使用浮动面板可以简化操作界面，节约编辑空间。默认情况下，常用的浮动面板以面板组的形式分类固定在屏幕右侧，用户可以随意将某个面板拖出面板组，也可以调整面板组中各类面板的顺序。 打开“窗口”菜单，选择相应的菜单项，即可显示相应的浮动面板。被显示的浮动面板左端带有“√”，再次选择则隐藏该面板。 四、Dreamweaver MX的文件操作 1.新建网页文件 “文件” →“新建” →选择需要创建的文件格式 →单击“创建” 2.打开文件 1）直接打开文件 “文件” →“打开” 2）打开框架中的文件 “文件” →“在框架中打开” 3.保存文件 1）“文件” →“保存” 2）如果需要保存的网页中带有框架，则选择“文件” →“保存全部” §6.2 站点的设置 Dreamweaver MX的站点操作: 一. 定义 1.“站点” →“新建站点”：采用向导方式定义本地站点； 2.定义站点名称； 3.选择站点所采用的服务器技术； 4.要求用户指定站点文件存放位置； 5.用户指定如何与远程站点连接（无）； 6.在“高级”选项卡中进行更多选项和参数的配置（可以跳过）； 7.完成本地站点的定义； 二.打开 “站点” →“站点文件” 三. 修改 “站点” →“编辑站点” →选择要编辑的站点名称 →单击“编辑” →在对话框中对站点