《网页设计》完整课件 网页设计4(精品·公开课件).ppt

第四讲 Dreanweaver MX网页设计基础及基本操作与文字编辑 主要内容： 一、Dreamweaver MX简介 二、Dreamweaver MX工作界面 三、Dreamweaver MX基本操作与文字编辑 四、 Dreamweaver MX制作网页实例 五、本节小结 六、作业 Dreamweaver MX简介 Dreamweaver MX是Macromedia公司推出的最新版本的优秀的可视化、功能强大的所见即所得的网页制作工具，一直以来它是专业人事的首选。因为它不但能够完成一般网页编辑器所能完成的工作，而且还能制作出许多需要通过编程才能达到的效果。而对于广大的爱好者来说，该软件功能强大、界面友好、操作方便、容易掌握。只要熟练掌握该软件的使用，便能够制作出相当高水平的网页。 必须注意： Dreamweaver和现在市场上使用的其它的网页制作软件如Frontpage, 微软的Word等在风格上有所不同， Dreamweaver采用的是Macromedia浮动面板的设计风格，对于初学者来说，可能会感到不适应。但当你习惯了其操作方法后，就会发现Dreamweaver的直观性和高效性是Frontpage和其它软件所无法比拟的。更多的体会可能只能靠我们同学学习、掌握、熟练使用该软件以后…留给同学们自己总结了。 Dreamweaver MX 工作界面介绍 当我们第一次启动Dreamweaver MX软件时，会弹出一个工作界面选择窗口： 可以让用户根据自己的需要设置，可选择的界面包括“Dreamweaver MX工作区”和“Dreamweaver 4工作区”。 （也就是说，Dreamweaver MX提供了有二种工作界面的风格：） 第一种：将全部元素置于一个窗口的集成布局风格，即“Dreamweaver MX工作区”。请看下图示例： 第二种：非常类似于Dreamweaver 4的浮动布局风格，即“Dreamweaver 4工作区”。请看下图示例： 提示：如果不是第一次使用Dreamweaver MX，如何可以重新设置自己的需要的界面？ 也就是说： 选择一种工作区后要切换到另一个工作区该怎么办？ 操作方法是： 1、选择Dreamweaver MX中的菜单“编辑”→“参数选择”命令，会弹出“参数选择”对话框： 2、在“参数选择”对话框中的左侧的“分类”列表中选择“常规”类。 3、单击“更改工作区”按钮。 4、选择一种工作区布局，然后单击“确定”按钮。此时系统会出现一条警告信息，通知您重新启动Dreamweaver后将出现新的布局。 5、退出Dreamweaver MX，并重新启动它，就换了一种工作界面。 DreamweaverMX工作区功能介绍 二、主菜单 主菜单中包括文件（File）、编辑（Edit）、查 看（View）、插入（Insert）、修改（Modify）、文字（Text）、命令（Commands）、站点（Site）、窗口（Window）、帮助（Help）十个菜单选项。 每个菜单中又包括许多命令和子菜单，当单击菜单中的命令时，就会执行相应的功能。主菜单中囊括了Dreamweaver中的所有功能和命令，这就像是Dreamweaver的大本营一样。 三、 对象面板（“插入”栏） 对象面板的作用就是在光标的后面加入不同的对象，如表格、图像、图层等。它包含用于将各种类型的“对象”插入到文档中的按钮。 对象面板共分12项，分别是：常用、布局、文本、表格、框架、表单、模板、字符、媒体、文件头、脚本、应用程序。 对象面板是在网页中创建各种类型元素的重要工具，使用对象面板时，只要单击对象按钮到页面编辑窗口就可以插入对象了。根据插入的对象不同，Dreamweaver会弹出相应的对话框，让用户对插入的对象做进一步的设置。 四、状态栏 状态栏的左边是HTML元素信息条，它以HTML的方式显示光标当前位置的网页元素信息。可以在此选中HTML标签，所以有的教科书把称为HTML标签选择器。 567×289表示窗口大小信息栏，它可以显示和调节窗口的大小。 1K/1秒表示当前文件的大小和下载的时间（或者是网页的连接速度）。 五、属性面板（属性检查器） 属性面板用于检查或修改当前页面中被选定元素的各种属性。当用户在属性面板中修改对象属性后，大多数的属性都可以立即在文档窗口中显示出来，如改变图像的对齐方式等。而有些个别属性需要将当前操作焦点跳出文本框或按Enter键后才能更新。如修改图像尺寸。 说明：属性面板的内容是动态变化的，它会随当前选择对象的不同而变化，因为不同类型的对象拥有不同的属性。 六、网