Dreamweaver_CS4_课件与自学教程 5共7.pptVIP

第5章 Dreamweaver与网络课件 　　■将光标指向表格的左边框，当光标变为形状时单击鼠标，可以选择一行单元格。按住鼠标左键上下拖曳，可以选择连续的多行单元格。另外，单击状态栏上的　　标记，可以选择光标所在的一行单元格。　　 ■将光标定位在一个单元格中，按住Shift键的同时单击另外一个单元格，可以选择二者之间的连续单元格。按住 Ctrl键的同时单击其它单元格，可以选择多个不连续的单元格。另外，单击标签，可以选择光标所在的单元格。 　　合并单元格的操作步骤如下：　　1) 选择表格中要合并的多个相邻的单元格。　　2) 单击【属性】面板中的　　按钮，即可将所选单元格合并为一个单元格，原单元格中的内容将组合为一组存放在合并后的单元格中。如图5-47所示为合并前后的效果对比。 图5-47 合并前后的单元格对比 　　拆分单元格的操作与合并单元格操作正好相反，它是将一个单元格拆分为几个连续的单元格，其基本的操作步骤如下：　　1) 将光标定位在要拆分的单元格中。　　2) 单击【属性】面板中的　　按钮，则弹出【拆分单元格】对话框，如图5-48所示。 图5-48 【拆分单元格】对话框 　　3) 在对话框中选择要将单元格拆分成的行或列，并设置相应的行数或列数。　　4) 单击　　　　按钮，即可拆分单元格，原单元格中的内容将保留在拆分后的左上角单元格中。如图5-49所示为拆分前后的效果对比。　　插入或删除行或列的操作步骤如下：　　1) 选择表格的行、列或单元格后，单击鼠标右键，则弹出如图5-50所示的快捷菜单。 图5-49 拆分前后的单元格对比 图5-50 快捷菜单 　　2) 选择【表格】子菜单中的相应命令，可以插入或删除行或列。　　■选择【插入行】命令，可以在所选单元格的上方插入一行单元格。　　 ■选择【插入列】命令，可以在所选单元格的左侧插入一列单元格。　　 ■选择【插入行或列】命令，则弹出【插入行或列】对话框，如图5-51所示。在对话框中进行选项设置，即可插入多行或多列单元格。 图5-51 【插入行或列】对话框 　　 ■选择【删除行】命令，可以删除所选的一行单元格。　　 ■选择【删除列】命令，可以删除所选的一列单元格。 　　3．设置表格的属性　　如果插入到网页中的表格不能满足网页设计的需要，可以通过设置表格的属性进行调整。选择要设置属性的表格区域(可以是整个表格、一行或一列或一个单元格)后，在【属性】面板中设置其相应的属性。下面我们以选择整个表格为例，讲解表格的属性设置。选择了表格后的【属性】面板如图5-52所示。 图5-52 【属性】面板 　　 ■【表格】：用于设置表格的名称。　　 ■ 【行】和【列】：用于设置表格的行数和列数。　　 ■ 【宽】：用于设置表格的宽度，单位为“百分比”或“像素”。　　 ■ 【填充】：用于设置单元格中的内容与边框之间的距离。　　 ■ 【间距】：用于设置单元格之间的距离。　　 ■ 【对齐】：用于设置表格在网页中的对齐方式，可以选择“默认”、“左对齐”、“居中对齐”或“右对齐”等方式。 　　 ■【边框】：用于设置表格外边框的宽度。　　 ■ 【类】：用于设置表格的CSS样式。　　 ■单击　　按钮，可以取消单元格的宽度设置，使其宽度随单元格的内容自动缩放。　　 ■单击　　按钮，可以取消单元格的高度设置，使其高度随单元格的内容自动调整。　　 ■单击　　按钮，可以将表格宽度转换为像素。　　 ■单击　　按钮，可以将表格宽度转换为百分比。 5.5.2 使用框架　　框架主要用于将网页分割为多个HTML页面进行显示。例如，一个网页由三个框架组成，左侧的框架可以显示一个滚动菜单；顶部的框架可以显示站点的徽标和横幅广告等；而右侧的框架则用于显示网页的主要内容。每一个框架都是一个独立的HTML页面，它们通过框架集组合在一起。　　所谓框架集(也称为框架组)就是一个定义了页面结构和属性的HTML页面，包括框架数目、框架的大小、在框架中加载页面的来源及其他可定义的属性。框架集在浏览器中不显示，它只是用于存储框架的一个容器。如图5-53所示就是用框架定义的Photoshop CS的帮助页面。 图5-53 Photoshop CS的帮助页面 　　1．建立框架　　建立框架的基本操作步骤如下：　　1) 在【插入】工具栏中选择【布局】标签，单击其中的　　按钮，则弹出一个菜单，如图5-54所示。 图5-54 【框架】菜单 　　2) 在弹出的菜单中单击所需的框架格式，即可将该框架应用到页面中，框架之间以边框间隔。　　3) 在框架中单击鼠标，可以插入文本、图像、表格等内容，如图5-55所示为使用框架建立的网页。 　　如果使用系统预设的框架不能满足