网页设计与制作 第5章 利用Dreamweaver MX制作网页

《网页设计与制作 第5章 利用Dreamweaver MX制作网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、通过本章学习，应该掌握以下内容：DreamweaverMX的基本操作利用DreamweaverMX站点管理利用DreamweaverMX创建网页的基本对象第5章利用DreamweaverMX制作网页Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与FrontPage不同，Dreamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。一旦习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是FrontPage所无法比拟的。5

2、.1DreamweaverMX基本操作5.1.1DreamweaverMX的界面1．DreamweaverMX的界面菜单栏工具栏文档窗口浮动面板站点面板属性面板浮动面板组插入面板（1）菜单栏菜单栏提供了所有的菜单命令，是提供软件最完整功能的方式。（2）工具栏工具栏提供了常用命令的快捷启动方式，例如可以使用工具栏中的“标题”框方便地设置网页的标题。（3）插入面板插入面板是DreamweaverMX中新添的部件，其实就是Dreamweaver4中的对象面板，在其中包含一些用于创建不同类型对象的按钮。（4）浮动

3、面板浮动面板是一种方便操作的界面方式，使用者可以随时获得特定功能。（5）文档窗口文档窗口是显示用户所编辑文档的地方，显示结果与文档在浏览器中显示的结果基本相同。（6）属性面板属性面板上显示的是被选取对象或文本的各种属性，在属性面板上还可以检查和编辑当前选定页面元素的属性。2.Dreamweaver的视图单击工具栏上的视图切换按钮，即显示设计视图；使用工具栏中的按钮，则可以很方便地切换到代码视图，以便查看当前编辑网页的HTML源代码；如果需要同时查看代码视图和设计视图，可以单击工具栏上的显示代码和设计按钮，

4、此时Dreamweaver将同时在窗口中显示代码视图和设计视图。（1）代码视图与设计视图（2）文档窗口文档窗口是显示用户所编辑文档的地方，显示结果与文档在浏览器中显示的结果基本相同。文档窗口的标题栏显示页面标题，圆括号内显示的是文件名，如果文档有未保存的部分，则还会出现一个星号。控制被选文本或对象的标记符出现在文档窗底部左边的标记符选择器上。单击这些标记符可以准确地选取标记符及其控制的内容。单击窗口大小下拉菜单，用户可以将文档窗口的大小设为预设值或自定义值。（3）插入面板选择“窗口”

5、“插入”命令，出现插

6、入面板，如图5-5所示。在插入面板上包含了多种不同类型的按钮，用于在文档中创建不同类型的对象。默认情况下，插入面板中显示的是“常用”工具组中的工具图标。单击插入面板上的对象类型标签，会打开相应的插入面板，显示插入面板上所包含对象的类型。图5-5文档窗口5.1.2DreamweaverMX文件操作DreamweaverMX可以打开多种格式的文件，它们的扩展名分别是html、shtml、asp、js、dwt、xml、1h、as、css等。（1）直接打开文件选择“文件”

7、“打开”命令，则会打开“打开”对话框。用

8、户在文件名框里选择需要打开的文件，并单击“打开”按钮，即可打开该文件。1．文件的打开（2）打开库文件在框架网页中，选择“文件”

9、“在框架中打开”命令，则会打开“选择HTML文件”对话框，如图5-7所示。在此方式下只能打开以HTML为扩展名的文件。在DreamweaverMX中创建新的网页文件，有以下3种方法：启动DreamweaverMX，即可直接创建一个新的网页文件，等候编辑。如果DreamweaverMX已经启动，要创建新网页，可以选择“文件”

10、“新建”命令，打开“新建文档”对话框。从该对话框中选择一

11、种需要创建的文件格式，然后单击“创建”按钮即可。2.文件的新建如果要基于模板创建文档，则可以通过选择“文件”

12、“新建”命令，在出现的“新建文档”对话框中单击“模板”标签，该对话框变为“从模板新建”对话框，如图5-9所示。然后从该对话框左边的列表框中选择模板所在的站点，再在右边的模板列表中选择一个模板，用户还可以通过预览区域预先浏览所选择模板的样式，看看是否符合自己的要求。选择需要使用的模板后，单击“创建”按钮，即可基于模板创建新文档。如果同时打开了多个DreamweaverMX窗口，而保存的目的只是为了保

13、存文件，则切换到要保存的文档所在的窗口，然后选择“文件”

14、“保存”命令。如果所需要保存的网页文件中带有框架文件，而保存的目的是保存该网页文件中所有的文件，则应该选择“文件”

15、“保存全部”命令。如果希望将一个网页文档以模板的形式保存。首先切换到要保存的文档所在的窗口，然后选择“文件”

16、“另存为模板”命令。3.保存网页文件在DreamweaverMX的编辑窗口，选择“窗口”

17、“站点”菜单，即可打开站点面板。在站点面板中，用户可以选