Dreamweaver网页制作教程 第4章 表格和布局.pptVIP

第4章表格和布局 课前复习 图像文件的类型 插入图像和设置图像属性 插入鼠标经过图像 插入导航条 创建网站相册 本章要点 插入表格 设置表格属性 选择表格 使用表格 插入布局表格 插入布局单元格 使用布局表格 4.1插入表格 4.1.1插入表格并设置表格的属性 ＂插入＂菜单＂表格＂命令。 在插入栏中的“常用”选项卡中，单击表格按钮 设置＂表格＂对话框选项 例4-1 （4_1.htm）插入一个4行3列，宽为200（像素）高为120（像素），边框为1，边距为2，间框为2的表格。 4.1.2导入和导出表格式数据 1．导入表格数据，执行以下操作： 1）执行下列操作之一： 选择＂文件＂菜单＂导入＂＂表格式数据＂命令。 选择＂插入＂＂表格对象＂＂导入表格式数据＂。 即会出现“导入表格式数据”对话框。如图4-4 所示。 2）在该对话框中，输入有关包含数据的文件的信息。 3）单击＂确定＂。 2．导出表格，执行以下操作： 1）将插入点放置在表格中的任意单元格中。 2）选择＂文件＂＂导出＂＂表格＂。 即会出现＂导出表格＂对话框。如图4-5所示。 3）在＂导出表格＂对话框中，指定导出表格的选项。 定界符指定应该使用哪个分隔符字符在导出的文件中隔开各项。 4）单击“导出”。 即会出现“导出表格为”对话框。 5）输入文件名称。 6）单击＂保存＂。 例4-2(4_2.html)导入表格数据。 1) 打开Excel建立工作表book1，选取数据区域，另存为book.txt (制表符分隔的文本文件)。 2）在Dreamweaver 中，选择＂文件＂菜单＂导入＂＂表格式数据＂命令 3）在＂导入表格式数据＂对话框中，选择文本文件book.txt 4) 单击＂确定＂。 4.2选取表格 4.2.1 选择整个表格 4.2.2 选择行或列 4.2.3选择单元格 4.3设置表格属性 4.3.1表格属性 4.3.2 单元格属性 4.4表格的操作 4.4.1 插入行和列 1.添加单个行或列 2.添加多行或多列 4.4.2 删除行或列 4.4.3 拆分单元格 4.3.4 合并单元格 4.3.5复制、粘贴 例4-3 （4_3.html）插入如图4-16所示的课程表格 1）在Dreamweaver中按Ctrl+Alt+T，弹出插入表格的对话框，如图。 2) 设置表格属性，表格高为210，具中对齐方式。背景色为#99CCFF。 3）选择条一行的第2-5单元格，单击合并单元格按钮，合并单元格，其他类似操作。 4) 在表格内的单元格内输入文字。完成表格。 4.5调整表格 4.5.1 调整表格大小 在水平方向调整表格的大小，拖动右边的选择柄。 在垂直方向调整表格的大小，拖动底部的选择柄。 在两个方向调整表格的大小，拖动右下角的选择柄。 4.5.2 调整列和行的大小 1．更改列宽度并保持整个表的宽度不变，拖动想更改的列的右边框。 2．更改某个列的宽度并保持其他列的大小不变，按住 Shift 键，然后拖动列的边框。 4.6嵌套表格 嵌套表格是在另一个表格的单元格中的表格。可以像对任何其他表格一样对嵌套表格进行格式设置；但是，其宽度受它所在单元格的宽度的限制。 1) 单击现有表格中的一个单元格。 2) 选择＂插入＂＂表格＂。 即会出现＂插入表格＂对话框。 3) 完成对话框。 4) 单击＂确定＂。 该表格即出现在现有表格中。 4.7排序表格 可以根据单个列的内容对表格中的行进行排序。还可以根据两个列的内容执行更加复杂的表格排序。不能对包含合并单元格的表格进行排序。 1) 选择该表格或单击任意单元格。 2) 选择“命令”“排序表格”。 3) 设置＂排序表格＂对话框选项。 4) 单击＂确定＂。 例4-4 (4_4.html) 绘制如图4-23的成绩表格。按第三列成绩升序排序。 4.8使用设计方案对表格进行格式设置 使用＂表格格式设置＂命令将预先设置的设计快速应用到表格。然后，可以选择选项进一步自定义该设计。 只有简单的表格才能使用预先设置的设计进行格式设置。不能使用这些设计对包含合并单元格、列组或任何其他表格的表格进行格式设置。 例4-5 （4_5.html）使用预先设置的表格设计 1）选择表格。 2）选择“命令”“表格格式设置”。 即会出现“表格格式设置”对话框。 3）按需要自定义选项。如选择AltRows red格式 4）单击＂应用＂或＂确定＂用所选的设计对表格进行格式设置。 例4-6 (4-6.html)创建基于表格的页面布局 操作步骤 1）插入第1个表格(1行1列，宽700)。 2）在表格下方插入第2个表格(1行8列，宽700)。 3）在表格下方插入第3个表格（1行3列，宽700）。将第2列