《网页设计与制作》电子第三章DreamweaverMX2004操作与应用解说.ppt

第二篇 Dreamweaver MX 2004 操作与应用 关于Dreamweaver MX 2004 Dreamweaver MX 2004是由Macromedia 最新开发的HTML编辑器，是建立Web 站点和应用程序的专业工具，可用于对Web站点、Web页和 Web应用程序进行设计、编码和开发。 本篇主要内容 Dreamweaver MX 2004软件的基本操作及软件的基本功能 CSS样式和模板在网页中的应用，以及使用Dreamweaver MX 2004创建它们的方法 Dreamweaver MX 2004时间轴和行为面板的用法 第三章 Dreamweaver MX 2004的基本操作 3.1 Dreamweaver MX 2004概述 Dreamweaver软件介绍 Dreamweaver软件的操作界面 站点操作 网页的基本操作 页面属性的设置 一. Dreamweaver软件介绍 1.动态跨浏览器验证 2.更强大的CSS支持 3.内建的图形编辑引擎 4.安全FTP 5.增强对当今技术的支持 6.无缝整合外部文件和代码 7.紧密整合MM的其他工具 8.基本支持改良 9.增强代码编写工具 10.改进的设计开放环境 二. Dreamweaver软件的操作界面 产品注册窗口 再继续添入用户信息，会打开起始页。 可以从起始页中打开最近使用的文档或创建新文档，还可以通过产品介绍或教程了解关于 Dreamweaver 的更多信息。 在起始页中选择“创建新项目”的一个选项就可打开“Dreamweaver MX 2004”操作界面 。 操作界面主要包括标题栏、菜单栏、插入栏、文档工具栏、文档窗口、浮动控制面板、状态栏等。 （7）命令 在“命令”菜单内，主要包括对Dreamweaver的设置进行修改的命令，例如：清理HTML、应用源格式、设置配色表、格式化表格、表格排序和编辑命令列表等。 （8）站点 在“站点”菜单内，包含了建立站点和编辑站点的各种菜单命令。 （9）窗口 在“窗口”菜单内，主要包括打开或关闭各种窗口的菜单命令。 （10）帮助 在该菜单内，包含了Dreamweaver的入门和教程、版本介绍等帮助信息。 2.“插入”栏 “插入”栏包含用于创建和插入对象（如表格、层和图像）的按钮。 某些类别具有带弹出菜单的按钮。从弹出菜单中选择一个选项时，该选项将成为该按钮的默认操作。 例如，如果从“图像”按钮的弹出菜单中选择“图像占位符”，下次单击“图像”按钮时，Dreamweaver 会插入一个图像占位符。 每当从弹出菜单中选择一个新选项时，该按钮的默认操作都会改变。 “常用”类别：可以创建和插入常用的对象，如图像和表格。 “布局”类别：可以插入表格、div 标签、层和框架。还可以从三个表格视图中进行选择“标准”（默认）、“扩展表格”和“布局”。 “表单”类别：包含用于创建表单和插入表单元素的按钮。 “文本”类别：可以插入各种文本格式设置标签和列表格式设置标签。 “HTML”类别：可以插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。 “服务器代码”类别：仅适用于使用特定服务器语言的页面，这些类别中的每一个都提供了服务器代码对象，可以将这些对象插入“代码”视图中。 “应用程序”类别：可以插入动态元素，如记录集、重复区域以及记录插入和更新表单。 “Flash 元素”类别：可以插入 Flash 元素。 “收藏”类别：可以将“插入”栏中最常用的按钮分组和组织到某一常用位置。 3.“文档”工具栏 文档工具栏包含按钮和弹出式菜单，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些常用操作 。它位于插入栏下方。 文档工具栏的功能 （1）单击“代码”按钮，当前窗口转变为“代码”视图方式，可以查看和编辑HTML源代码。 （2）单击“拆分”按钮，当前窗口转变为代码视图和设计视图共存方式，在窗口中同时显示源代码和页面效果。 （3）单击“设计”按钮，当前窗口转变为设计视图方式。 （4）单击“无标题文档”处，在该域中可修改当前文档的标题。 （6）单击“ ”按钮，可以对文件进行上传、下载等一系列操作。 （7）单击“ ”按钮，可以选择如下操作： 预览在iexplore：在浏览器中浏览当前文档。 编辑浏览器列表：选择此选项可打开“首选参数”对话框。通过它可以指定当前文档的浏览器。 “首选参数”对话框 （8）单击“ ”按钮，可在站点窗口中刷新文件列表。 （9）单击“ ”视图选项按钮，可隐藏和显示网页中的元素，如标尺、网格等。 显示标尺和网格也可通过“查看”菜单来设置。 a.显示