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

通过本章学习，应该掌握以下内容：

DreamweaverMX的基本操作
利用DreamweaverMX站点管理
利用DreamweaverMX创建网页的基本对象Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与FrontPage不同，Dreamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。一旦习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是FrontPage所无法比拟的。1．DreamweaverMX的界面（1）菜单栏
菜单栏提供了所有的菜单命令，是提供软件最完整功能的方式。
（2）工具栏
工具栏提供了常用命令的快捷启动方式，例如可以使用工具栏中的“标题”框方便地设置网页的标题。
（3）插入面板
插入面板是DreamweaverMX中新添的部件，其实就是Dreamweaver4中的对象面板，在其中包含一些用于创建不同类型对象的按钮。（4）浮动面板
浮动面板是一种方便操作的界面方式，使用者可以随时获得特定功能。
（5）文档窗口
文档窗口是显示用户所编辑文档的地方，显示结果与文档在浏览器中显示的结果基本相同。
（6）属性面板
属性面板上显示的是被选取对象或文本的各种属性，在属性面板上还可以检查和编辑当前选定页面元素的属性。2.Dreamweaver的视图（2）文档窗口
文档窗口是显示用户所编辑文档的地方，显示结果与文档在浏览器中显示的结果基本相同。文档窗口的标题栏显示页面标题，圆括号内显示的是文件名，如果文档有未保存的部分，则还会出现一个星号。
控制被选文本或对象的标记符出现在文档窗底部左边的标记符选择器上。单击这些标记符可以准确地选取标记符及其控制的内容。
单击窗口大小下拉菜单，用户可以将文档窗口的大小设为预设值或自定义值。（3）插入面板
选择“窗口”|“插入”命令，出现插入面板，如图5-5所示。在插入面板上包含了多种不同类型的按钮，用于在文档中创建不同类型的对象。默认情况下，插入面板中显示的是“常用”工具组中的工具图标。单击插入面板上的对象类型标签，会打开相应的插入面板，显示插入面板上所包含对象的类型。5.1.2DreamweaverMX文件操作（2）打开库文件
在框架网页中，选择“文件”|“在框架中打开”命令，则会打开“选择HTML文件”对话框，如图5-7所示。在此方式下只能打开以HTML为扩展名的文件。在DreamweaverMX的编辑窗口，选择“窗口”|“站点”菜单，即可打开站点面板。
在站点面板中，用户可以选择菜单“站点”|“新建站点”命令创建新站点，也可以使用“站点”|“编辑站点”命令编辑已有的站点。DreamweaverMX的站点面板如果要打开站点，可执行如下操作之一：
（1）选择菜单栏“站点”|“站点文件”命令，即可在站点面板中打开当前编辑文件所在的本地站点，同时在文档窗口中可以进行该站点文档的编辑操作。
（2）在站点面板中打开工具栏的“站点”下拉列表框，选择需要打开的站点，文件窗口中即会显示该站点文件夹和文件信息。若要复制当前站点，可以使用文档窗口或站点面板中“站点”菜单的“编辑站点”命令，打开“编辑站点”对话框。选中要复制的站点名称，单击“复制”按钮即可对当前站点进行复制操作。
执行复制站点操作后，系统会自动复制一个所选择的站点，并且会为复制的站点加上一个“拷贝”字样的站点名称。如果要更改当前站点设置，比如对站点进行修改站点名称、设置参数选项等编辑操作，可以利用上面的方法打开“编辑站点”对话框，选中一个站点后单击“编辑”按钮，即可打开该“站点定义为”对话框，选择“高级”选项卡进行站点编辑。在DreamweaverMX中删除一个站点非常容易，在弹出的“编辑站点”对话框中，单击“删除”按钮就可以删除选中的站点。页面布局是进行网页设计最基本最重要的工作之一。DreamweaverMX提供了一个布局工具——布局视图。使用这个工具，页面布局变得轻松快捷。在创建文档前，或创建文档后还需要对页面的属性进行必要设置，设定一些影响整个网页的参数。设置页面属性的方法如下：
选择“修改”|“页面属性”命令，出现“页面属性”对话框，在该对话框中对页面的属性进行设置。1）换行
（1）自动换行：在输入文字时，若某一行的长度超过了DreamweaverMX窗口的显示范围，文字将自动换到下一行。
（2）利用“Enter”换行：在输入文字后按“Enter”键，文字成段，且上下段之间空一行。
（3）利用“Shift+Enter”键换行：如果想要将文字手动换行，中间又不能出现空白行，可以按“Shift+Enter”键。DreamweaverMX中，在文本开始处按空格键是不会输入空格的，在文字之间按空格键可以输入半个空格。如果要在网页中输入空格，可以采