第四讲 Dreamweaver MX网页设计基础及 基本操作与文字编辑 主要内容: Dreamweaver MX简介 Dreamweaver mX工作界面 Dreamweaver m基本操作与文字编辑 四、 Dreamweaver MX制作网页实例 五、本节小 、作业
第四讲 Dreanweaver MX网页设计基础及 基本操作与文字编辑 主要内容： 一、Dreamweaver MX简介 二、Dreamweaver MX工作界面 三、Dreamweaver MX基本操作与文字编辑 四、 Dreamweaver MX制作网页实例 五、本节小结 六、作业
Dreamweaver MX简介 Dreamweaver mX是 Macromedia公司 推出的最新版本的优秀的可视化、功能 强大的所见即所得的网页制作工具 直以来它是专业人事的首选。因为它不 但能够完成一般网页编辑器所能完成的 工作,而且还能制作出许多需要通过编 程才能达到的效果。而对于广大的爱好 者来说,该软件功能强大、界面友好 操作方便、容易掌握。只要熟练掌握该 软件的使用,便能够制作出相当高水平 的网页
Dreamweaver MX简介 Dreamweaver MX是Macromedia公司 推出的最新版本的优秀的可视化、功能 强大的所见即所得的网页制作工具，一 直以来它是专业人事的首选。因为它不 但能够完成一般网页编辑器所能完成的 工作，而且还能制作出许多需要通过编 程才能达到的效果。而对于广大的爱好 者来说，该软件功能强大、界面友好、 操作方便、容易掌握。只要熟练掌握该 软件的使用，便能够制作出相当高水平 的网页
必须注意: Dreamweaver和现在市场上使用的其它的网 页制作软件如 Frontpage,微软的Word等在风 格上有所不同, Dreamweaver米用的是 Macromedia浮动面板的设计风格,对于初 学者来说,可能会感到不适应。但当你习 惯了其操作方法后,就会发现 Dreamweaver 的直观性和高效性是 Frontpage和其它软件 所无法比拟的。更多的体会可能只能靠我 们同学学习、掌握、熟练使用该软件以 后..留给同学们自己总结了
必须注意： Dreamweaver和现在市场上使用的其它的网 页制作软件如Frontpage, 微软的Word等在风 格上有所不同， Dreamweaver采用的是 Macromedia浮动面板的设计风格，对于初 学者来说，可能会感到不适应。但当你习 惯了其操作方法后，就会发现Dreamweaver 的直观性和高效性是Frontpage和其它软件 所无法比拟的。更多的体会可能只能靠我 们同学学习、掌握、熟练使用该软件以 后…留给同学们自己总结了
Dreamweaver MX工作界面介绍 当我们第一次启动 Dreamweaver MX软件时,会 弹出一个工作界面选择窗口: 工作区设置 请选择您最喜欢的工作区布局。随后可以在参数选择中切换布局 厂 a C Dreamweaver M工作区① DReamweaver4工作区) 厂 HomeSite/代码编写者样式Q 确定-
Dreamweaver MX 工作界面介绍 当我们第一次启动Dreamweaver MX软件时，会 弹出一个工作界面选择窗口：
可以让用户根据自己的需要设置,可选 择的界面包括“ Dreamweaver mX工作区” 和“ Dreamweaver4工作区”。 (也就是说, Dreamweaver MX提供了有 二种工作界面的风格: 第一种:将全部元素置于一个窗口的集 成布局风格,即“ Dreamweaver mX工作 区”。请看下图示例:
可以让用户根据自己的需要设置，可选 择的界面包括“Dreamweaver MX工作区” 和“Dreamweaver 4工作区” 。 （也就是说，Dreamweaver MX提供了有 二种工作界面的风格：） 第一种：将全部元素置于一个窗口的集 成布局风格，即“Dreamweaver MX工作 区”。请看下图示例：
Macromedia Dreamweaver MX 文件(编辑E查看)插入D修改的文本①命令Q站点(S窗口业帮助 v插入常用布局文本表格框架表单模板宇符媒体度文件头脚本应用程序 设计 区闺母图回回回 代码 应用程序面板组 剑國主菜单—94 文件 无标文档(htd1) D×贴点资源 文件编辑、视图-站点 对象面板 标题栏 站点面板、° 体本地视图 站点-chm 中间空白的就是网页 a 1.五tm aa BG.GI 状态栏 编辑区(文档窗口) HUAH江.TXT 日期:2003-8-149:19大小:KB 答案 属性面板 学习 Macromedia dreamweaver MX 新功能 自述文件 567x289-1K/1秒 教程 屈性 格式吧)无 A默认字体 大小无 B對要新面顿 单击更新以连接到 链接 目标c)到坦 acromedia. com并获取最新的内 列表项目 更新 Dreamweaver MX工作界面 开始⑧ J民国函号125
对象面板 属性面板 标题栏 主菜单 中间空白的就是网页 编辑区（文档窗口） 状态栏 面板组 站点面板 Dreamweaver MX工作界面
e无标题文裆( Untitled-1)- Macromedia Dreamweaver MX 文件()编辑巨查看(插入(修改M文本命令()站点(S)窗口(帮助H 腰标题:无标题文档 .③.c<?》. 常用 设计 代码 第二种:非常类似于 应用程序 文 Dream weaver4的浮动布局 答 件案 学习 Macromedia dre arnwea 风格,即“ Dream weaver4 新功能 =工作区”。请看下图示例: 自述文件 教程 更新面板 单击更新以连接到 mac ro me dia. con并获取最新白 布局 容 更新 视图 格式c)无-A默认字体 大小无团重到 链接① 佛目标①)「国目与兰 列表项目
第二种：非常类似于 Dreamweaver 4的浮动布局 风格，即“Dreamweaver 4 工作区”。请看下图示例：
提示:如果不是第一次使用 Dreamweaver MX,如何可以重新设置自己的需要的界 面 也就是说: 选择一种工作区后要切换到另一个工作区 该怎么办? 操作方法是: 选择 Dreamweaver mX中的菜单“编 辑”→“参数选择”命令,会弹出“参 数选择”对话框:
提示：如果不是第一次使用Dreamweaver MX，如何可以重新设置自己的需要的界 面？ 也就是说： 选择一种工作区后要切换到另一个工作区 该怎么办？ 操作方法是： 1、选择Dreamweaver MX中的菜单“编 辑” → “参数选择”命令，会弹出“参 数选择”对话框：
参数选择 分类 常规 标记色彩 文档选项:厂启动时只显示站点窗口) 不可见元索 在新窗口中打开文件) 布局视图 V打开只读文件时发出警告 代码改写 移动文件时更新链接〔):提示 代码颜色 更改工作区C) 可以修 浦助功能 改工作 快速标签编辑器 面板 编辑选项:N插入对象时显示对话框〔〕 区的风 文件类型/编辑器 ⅳ快速表格编辑延迟更新)〔) 格 允许行内双字节输入) 在浏览器中预览 站点 标题后切换到普通段落〔A) 状态栏 厂允许多个连续的空格 用和代替>和<>①U 历史步骤最多次数0:0 插入面板):仅图标 拼写字典):「英语〔美国) 参数选择对话框 L确定取消帮助00
参数选择对话框 可以修 改工作 区的风 格
2、在“参数选择”对话框中的左侧的 “分类”列表中选择“常规”类 3、单击“更改工作区”按钮。 4、选择一种工作区布局,然后单击“确 定”按钮。此时系统会出现一条警告信 息,通知您重新启动 I Dreamweaver后将出 现新的布局。 5、退出 Dreamweaver mX,并重新启动 它,就换了一种工作界面
2、在“参数选择”对话框中的左侧的 “分类”列表中选择“常规”类。 3、单击“更改工作区”按钮。 4、选择一种工作区布局，然后单击“确 定”按钮。此时系统会出现一条警告信 息，通知您重新启动Dreamweaver后将出 现新的布局。 5、退出Dreamweaver MX，并重新启动 它，就换了一种工作界面