网页制作教程 作者 赵丰年 1_ 第9章.pptVIP

9.1 Dreamweaver 基本操作9.1.1　Dreamweaver 的界面 Dreamweaver4.0 工作区 图 9-1 Dreamweaver4.0 工作区 如果需要同时查看代码视图和设计视图，可以单击工具栏上的“Show Code and Design Views”（同时显示代码视图和设计视图）按钮 ，此时 Dreamweaver 将同时在窗口中显示代码视图和设计视图，如图 9-3 所示。 3．对象面板 在默认情况下，对象面板上包含了 6 个子面板：“Characters”（符号）、“Common”（常用对象）、“Frames”（框架）、“Forms”（表单）、“Head”（头元素）以及“Invisibles”（不可见元素）。通过对象面板上边的弹出菜单可以在这几个面板之间转换，如图 9-5 所示。 9.3.3　使用框架 创建与保存框架 1．创建框架 在 Dreameaver 中通常有两种方法创建框架，一是使用对象面板，二是用手工拖拽。 使用对象面板时，只要先切换到“Forms”面板，然后单击相应的框架图标即可，如图 9-39 所示。 2．保存框架 由于框架结构的文档包含多个网页，所以保存时与保存普通网页有所不同。如果要保存框架，应选择“File”（文件）菜单中的“Save All Frames”（保存所有的框架）命令，此时弹出一个“Save As”对话框，同时文档窗口中最外层的边框显示为有阴影，表示当前要保存代表整个框架结构的框架集文件，如图 9-40 所示。 9.4 使用样式9.4.1　使用 HTML 样式 使用HTML样式可以修饰网页中的文本： （1）单击文档窗口右下角“迷你”启动面板中的“Show HTML Styles”图标 ，打开 HTML 样式面板。 （2）单击面板右下角的“New Style”（新建样式）图标 ，打开“Define HTML Style”（定义 HTML 样式）对话框，如图 9-50 所示。 2．使用层面板 使用层面板可以修改层的可见性、名称以及层的“Z”值（也就是层的叠放次序），如图 9-56 所示（选择“Window”菜单中的“Layers”命令可以打开层面板）。 要使用行为，应使用以下步骤： （1）选择一个想要添加行为的网页元素（可以借助于状态栏中的标记符选择器，例如选择 body 可为整个网页设置行为）。 （2）单击文档窗口右下角的 图标，打开行为面板。 （3）单击添加行为按钮 并弹出一个菜单，如图 9-58 所示。 （3）若要连续绘制多个布局单元格，可以按住【Ctrl】键不放，然后在布局表格中多次拖拽鼠标进行绘制。 注意：布局单元格总是包含在布局表格中，没有单独存在的布局单元格，而且布局单元格不能相互重叠和嵌套。 （4）如果需要，可以按住布局单元格的边线拖动它，以便移动位置。如果拖动布局单元格的控制手柄，则可以调整布局单元格的大小。 （5）在布局单元格中可以用一般的网页编辑方式添加内容，例如，输入文字或者插入图像等。 3．设置布局表格属性 选中布局表格之后，可以在属性面板中设置布局表格的属性，如图 9-33 所示。 图 9-33 布局表格的属性面板 4．设置布局单元格属性 选中布局表格之后，可以在属性面板中设置布局单元格的属性，如图 9-34 所示。 图 9-34 布局单元格的属性面板 使用表格组织页面内容 1．插入表格 （1）将光标定位到要插入表格的位置，单击对象面板中的“Insert Table”（插入表格）图标 ，打开“Insert Table”（插入表格）对话框，如图 9-35 所示。 图 9-35 “Insert Table”对话框 （2）设置适当的选项后单击“OK”按钮，则可以在页面中插入表格。 2．选择表格或单元格 在 Dreamweaver 中，使用标记符选择器可以方便地选取网页中的元素，对于表格来说尤其如此。例如，如果要选择表格，可以单击相应的 table 标记符；如果要选择某行单元格，可以单击相应的 tr 标记符；如果要选择某个具体的单元格，可以单击相应的 td 标记符，如图 9-36 所示。 图 9-36 使用标记符选择器 3．设置表格属性 选中表格之后，可以在表格的属性面板中设置表格的属性，如图 9-37 所示。 图 9-37 表格的属性面板 4．设置单元格属性