chap03使用表格控制网页布.pptVIP

第3章 使用表格控制网页布局 重点内容： 在页面中使用表格 设置表格和单元格格式 编辑表格和单元格 * 网页设计应用教程 * 新世纪网页设计师应用教程 第1章 网页设计基础 重点内容： 网页的设计构思和布局 站点的规划与设计流程 主页的基本制作流程 一、 在页面中使用单元格 1、在页面中插入表格 在Dreamweaver 8中，用户可以选择“插入”|“表格”命令，或在“常用”工具栏中单击“插入表格”按钮，使用打开的“表格”对话框来插入表格。 一、在页面中使用表格 2、向表格单元格添加内容 用户可以在插入光标所在的单元格中直接输入文本或图像，就像在文字处理软件中为表格添加文本、图像一样。如果有现成的文本或图像，可以使用剪贴板将其他位置上的文本或图像复制或移动到表格的单元格中。 3、导入表格式数据 用户可以选择“文件”|“导入”|“表格式数据”命令，使用“导入表格式数据”对话框来导入表格式数据。 二、设置表格和单元格格式 1、设置表格属性 用户要设置某表格的属性，必需首先单击并选中这个表格，然后选择“窗口”|“属性”命令，打开“属性”面板，通过设置属性来更改表格的格式设置。 2、设置单元格、行和列的属性 用户要设置某表格的属性，必需首先单击并选中这个表格，然后选择“窗口”|“属性”命令，打开“属性”面板，通过设置属性来更改表格的格式设置。 二、设置表格和单元格格式 3、使用预制表格 在Dreamweaver 8中，除了可以自行设计表格外，还可以利用默认的表格格式。用户可以通过选择“命令”|“格式化表格”命令，在打开的的“格式化表格”对话框中，进行相应的设置。 三、编辑表格和单元格 1、调整表格大小 用户在选择表格后表格上会出现3个控制点，并会显示表格的宽度信息。用户可以通过调整这几个控制点来调整表格的大小。 2、添加及删除行或列 用户可以使用“修改”|“表格”菜单中的子命令来添加或删除行和列。要添加行或列，选择“修改”|“表格”|“插入行或列”命令，在出现的对话框中设置插入、行数和位置等参数。 三、编辑表格和单元格 3、拆分与合并单元格 用户可以选择“修改”|“表格”菜单中的子命令来拆分和合并单元格。若要拆分某个单元格，可先选择需要拆分的单元格，然后选择“修改”|“表格”|“拆分单元格”命令。 4、剪切、拷贝和粘贴单元格 若用户要剪切或拷贝单元格，可选择一组连续的且形状为矩形的单元格，然后选择“编辑”|“剪切”命令或“编辑”|“拷贝”命令，剪切或复制单元格。 三、编辑表格和单元格 5、排序表格 在Dreamweaver 8中，用户可以选择“命令”|“排序表格”命令，使用打开的“排序表格”对话框对表格中的行进行排序 。 6、导出表格 在Dreamweaver 8中，用户可以将网页中的表格导为表格数据。用户首先选择表格，然后选择“文件”|“导出”|“表格”命令，打开“导出表格”对话框 。 四、 思考 应该如何预制表格。 该怎样调整表格的大小。 五、 动手练习 绘制一个笔记本电脑的价格表。包括：1.设置表格的行数和列数。2.合并单元格。3.应用“格式化表格”命令和输入所需文本。 * 网页设计应用教程