《网页设计技术教程》第8章 Dreamweaver MX概述

Dreamweaver MX概述 章要点 Dreamweaver MX功能介绍 Dreamweaver MX操作界面 Dreamweaver mX操作面板 回 Dreamweaver MX参数设置

第8章 Dreamweaver MX概述 本章要点：  Dreamweaver MX功能介绍  Dreamweaver MX操作界面  Dreamweaver MX操作面板  Dreamweaver MX参数设置

1 Dreamweaver mx功能简介 ● (1) Macromedia mx采用了以往人们熟 悉的标签式的浮动面板,但多个组合在 冷起面板可停靠并根据需要可折叠或扩展。 如下图所示: 应用程序 站点套 件、编辑、视图站点 个人网站 「本地视 t

8.1 Dreamweaver MX功能简介  （1）Macromedia MX采用了以往人们熟 悉的标签式的浮动面板，但多个组合在一 起面板可停靠并根据需要可折叠或扩展。 如下图所示 ：

(2)在 Dreamweaver mX中可以使用多文 档界面布局,把 Dreamweaver mX的相关 窗口集成为一个窗口停靠在任务栏中,如 下图所示就是多文档窗口 dia Dreamweaver MX-[无标题文( myweb/nde) - ax 文件(E编辑(E)查看(插入(D修改(M)文本(D命令()站点(5)窗口()帮助t 标题:无标题文档 .③.C《》(. ←撕入常用(布局父本表格架表单模板宇符媒体文件头脚本应用程序 页面1页面2的 测动态文本 fhfhw

 （2）在Dreamweaver MX中可以使用多文 档界面布局，把Dreamweaver MX的相关 窗口集成为一个窗口停靠在任务栏中，如 下图所示就是多文档窗口

(3)在新建文档时,可以利用 Dreamweaver mX预定义的、具有专业 水准的页面布局和脚本,从头开始一个 新的设计。在新建文档对话框中选择预 定义的布局设计,创建自己的新文档 如下图所示 新建文档 常规 模板1 式表 □表单:Aia1 □表单: Times paragraph paragraph paragraph p 口表单: Verdana 表单:有辅助功能的 口基本: Times a bullet 页面设计 td. select one t a bullet 页面设计〔有辅助功能的〕 链接效果 口完整设计:Aia,盛 完整设计: Georgi a 口完整设计: Verdana big small 有辅助功 自文本:Aia1 文 口文本: Verdana 数x正择杀要 创建G文档①C模板① 帮助Q 参数选择① 获取更多内容 创建T)」「取消c

（3）在新建文档时，可以利用 Dreamweaver MX预定义的、具有专业 水准的页面布局和脚本，从头开始一个 新的设计。在新建文档对话框中选择预 定义的布局设计，创建自己的新文档。 如下图所示

◆(4) Dreamweaver mX中首次使用了编 码提示如图: v代码检查器 55 56 57sub i9K>2 table y p;nbsp;最nb 60>tbody D是nbD是nbD是nbSg 61 K》 textarea 62 k>tfoot rect" coord3="193,52,278,202"href=" K》 thead >title < area shape="poly" coord3="179,85,210,69,233,94

 （4）Dreamweaver MX中首次使用了编 码提示 如图：

(5) Dreamweaver mx的体贴设计让我 们能够像在一般的文字处理软件中编辑 排版一样,轻按空格键就能实现首行缩 进。 ◆(6) Dreamweaver mX增强了模板功能, 允许设置高级的规则,以便让编制网页 的人在不损坏站点设计的情况下输入内 容。 ◆(7)增强的表格编辑和操作功能 (8)在 Dreamweave mx中可以创建层 叠式的弹出菜单,此功能以前仅在 Fireworks中提供

 （5）Dreamweaver MX的体贴设计让我 们能够像在一般的文字处理软件中编辑 排版一样，轻按空格键就能实现首行缩 进。  （6）Dreamweaver MX增强了模板功能， 允许设置高级的规则，以便让编制网页 的人在不损坏站点设计的情况下输入内 容。  （7）增强的表格编辑和操作功能 。  （8）在Dreamweave MX中可以创建层 叠式的弹出菜单，此功能以前仅在 Fireworks中提供

8.2 Dreamweaver mx操作界面 8.2.1 Dreamweaver mX工作环境 在 Windows系统中运行 Dreamweaver MX时,它提供了两种可供选择的工作区 布局:一种是MX操作界面,将全部元素 人集成于一个窗口中的布局:另一种是非常 类似于 Dreamweaver4的浮动面板操作界面 布局

8.2 Dreamweaver MX操作界面  8.2.1 Dreamweaver MX工作环境 在Windows系统中运行Dreamweaver MX时，它提供了两种可供选择的工作区 布局：一种是MX操作界面，将全部元素 集成于一个窗口中的布局；另一种是非常 类似于Dreamweaver 4的浮动面板操作界面 布局

822 Dreamweaver mx面板 ◆在集成 Dreamweaver mX工作区中,全 部窗口和面板都被集成到一个应用程序 窗口中。各个部分如图: 标准工具栏 面板组 文本(D城点)D帮物 插入面板 表单积符安 应用程序 D无标成文(和d1 视阳。站点 文档工具栏 文档窗口 index 标签选择器 s14x284平/1秒 属性面板

8.2.2 Dreamweaver MX面板  在集成Dreamweaver MX工作区中，全 部窗口和面板都被集成到一个应用程序 窗口中。各个部分如图：

◆1.文档窗口 Dream weaver mX的文档窗口的作用是显示当 前文档。可以按照需要选择任意一种视图 可以通过在文档工具栏点击相应的按钮在三 种视图中进行切换。如图 圆影 代码视图设计视图 代码视图和设计视图

 1．文档窗口 Dreamweaver MX的文档窗口的作用是显示当 前文档。可以按照需要选择任意一种视图。 可以通过在文档工具栏点击相应的按钮在三 种视图中进行切换。如图 :

◆2.插入面板 “插入”面板一般停靠于文档窗口上边,紧 靠标准工具栏。通过选择菜单命令【窗口】 →【插入】,可以切换“插入”面板的显示 与隐藏。另外通过单击“插入”面板标题左 上角的展开箭头和折叠箭头,可以将“插入” 面板展开或折叠。如图 a目国09

 2．插入面板 “插入”面板一般停靠于文档窗口上边，紧 靠标准工具栏。通过选择菜单命令【窗口】 →【插入】，可以切换“插入”面板的显示 与隐藏。另外通过单击“插入”面板标题左 上角的展开箭头和折叠箭头，可以将“插入” 面板展开或折叠。如图 :