《网页设计》完整课件 网页设计4.ppt

第四讲 Dreanweaver MX网页设计基础及基本操作与文字编辑
主要内容：
一、Dreamweaver MX简介
二、Dreamweaver MX工作界面
三、Dreamweaver MX基本操作与文字编辑
四、
五、本节小结
六、作业
1
Dreamweaver MX简介
Dreamweaver MX是Macromedia公司推出的最新版本的优秀的可视化、功能强大的所见即所得的网页制作工具，一直以来它是专业人事的首选。因为它不但能够完成一般网页编辑器所能完成的工作，而且还能制作出许多需要通过编程才能达到的效果。而对于广大的爱好者来说，该软件功能强大、界面友好、操作方便、容易掌握。只要熟练掌握该软件的使用，便能够制作出相当高水平的网页。
2
必须注意：
Dreamweaver和现在市场上使用的其它的网页制作软件如Frontpage, 微软的Word等在风格上有所不同， Dreamweaver采用的是Macromedia浮动面板的设计风格，对于初学者来说，可能会感到不适应。但当你习惯了其操作方法后，就会发现Dreamweaver的直观性和高效性是Frontpage和其它软件所无法比拟的。更多的体会可能只能靠我们同学学习、掌握、熟练使用该软件以后…留给同学们自己总结了。
3
Dreamweaver MX 工作界面介绍
当我们第一次启动Dreamweaver MX软件时，会弹出一个工作界面选择窗口：
4
可以让用户根据自己的需要设置，可选择的界面包括“Dreamweaver MX工作区”和“Dreamweaver 4工作区”。
（也就是说，Dreamweaver MX提供了有二种工作界面的风格：）
第一种：将全部元素置于一个窗口的集成布局风格，即“Dreamweaver MX工作区”。请看下图示例：
5
对象面板
属性面板
标题栏
主菜单
中间空白的就是网页
编辑区（文档窗口）
状态栏
面板组
站点面板
Dreamweaver MX工作界面
6
第二种：非常类似于Dreamweaver 4的浮动布局风格，即“Dreamweaver 4工作区”。请看下图示例：
7
提示：如果不是第一次使用Dreamweaver MX，如何可以重新设置自己的需要的界面？
也就是说：
选择一种工作区后要切换到另一个工作区该怎么办？
操作方法是：
1、选择Dreamweaver MX中的菜单“编辑”→“参数选择”命令，会弹出“参数选择”对话框：
8
参数选择对话框
可以修改工作区的风格
9
2、在“参数选择”对话框中的左侧的“分类”列表中选择“常规”类。
3、单击“更改工作区”按钮。
4、选择一种工作区布局，然后单击“确定”按钮。此时系统会出现一条警告信息，通知您重新启动Dreamweaver后将出现新的布局。
5、退出Dreamweaver MX，并重新启动它，就换了一种工作界面。
10