初步认识 Dreamweaver MX
2008-05-01 23:55:55.0

Dreamweaver的启动
  Dreamweaver的安装过程非常简单,一但成功安装后,就可以在开始菜单找到Dreamweaver的选项,当然你可以把快捷方式放在桌面,然后双击启动。

  DreamweaverMX的工作界面有两种:DreamweaverMX界面和Dreamweaver4。0界面,两者外观不同,可在参数选项中切换工作界面。

Dreamweaver的各个窗口

第一次启动Dreamweaver,首先看到的是Dreamweaver的编辑窗口,千万别给上面密密麻麻的浮动窗口吓倒,其实常用的,就以下几个:

  ① 主菜单:在这里可以找到编辑窗口的的绝大部分功能;
  ② 工具栏:是Dreamweaver4的新增功能;
  ③ 对象面板(Objects):在网页编辑的过程中,通过单击对象面板的按钮来为网页添加相应的元素,如图片、表格、层、Flash。我们称这些元素为为对象。单击对象面板上的向下箭头,能插入其他类型的对象,如特殊字符(Characters)、表单(Froms)等。

④ 属性面板:用于显示所选中的网页元素的属性,并可在属性面板上修改。选择不同的网页元素,属性面板所显示的内容也有所不同,例如图片和表格所显示的属性是不一样的。此外,点击属性面板右下角的小三角可以根据使用的需要,缩小或展开属性面板,建议一般情况下都设置为展开模式。
  ⑤ 面板组(又称可停靠浮动面板):Dreamweaver 还有很多很多其他的浮动面板,我们可以根据自己的喜好,将不同的浮动面板重新组合,这就是所谓的面板组。在Photoshop中,也有类似的概念。
  ⑥ 快速启动栏(又称启动面板):用于显示或隐藏响应的浮动面板。启动面板与右下角的微型启动栏 一一对应;其中

是切换到站点管理器, 是切换到行为面板, 是查看网页源代码。
  ⑦ 编辑区域:以"所见即所得"的方式显示被编辑网页内容:

  【提示1】如果屏幕上的浮动面板位置过于凌乱,甚至超出了桌面范围而不便操作的时候(在改变了显示器的分辨率后尤其容易出现这种情况),可以选取主菜单中的"Window > Arrange Panels"自动重排浮动面板。

  【提示2】以下是几个常用的浮动面板的快速打开和关闭的热键,好好记住,因为将会再制作过程中被频繁地使用:

属性面板(Properties):Crtl+F3

样式面板(CSS Styles):Shift+F11

行为面板(Behaviors):Shift+F3

对象面板(Objects):Crtl+F2

启动面板(Launcher)

站点管理窗口(Site Files)

时间线面板(Timelines)

HTML源码面板(Code Inspector)

其它面板
 站点地图管理器(Site Map)
 资源面板(Assets)
 图层面板(Layers)
 框架面板(Frames)
 CSS样式面板(CSS Styles)
 模板面板(Templates)
 历史面板(History)
 库面板(Library)
 HTML风格面板(HTML Styles)
 参考面板(Reference)


文章评论
[以下网友留言只代表其个人观点,不代表中华网的观点或立场]
发表评论
昵 称:
主 页:
内 容:
表 情: