搜索
第5章使用表格•实例1：基金净值网页_用表格组织数据•实例2：Hao123主页_用表格布局页面课程引导网页的页面布局•这是一个主页的简单结构，由三个表格组成。–第一个表格，二行一列，第一行放LOGO和Banner,第二行放导航菜单。–第二个表格，放网页内容。–第三个表格，放版权信息。表格3表格1表格2网页中表格的两个应用：–表格可以用于组织数据，–可以在页面布局中控制文本和图形等对象在页面上的位置。知识技能目标（1）学会创建表格、设置表格和单元格的属性。（2）掌握在表格中输入文字并定位的方法。（3）掌握在表格中插入图像并定位的方法。（4）利用表格进行页面布局5.1表格的简单操作表格的组成插入表格表格各元素的属性在表格中插入内容选择表格元素复制、粘贴表格删除表格和表格内容缩放表格合并和拆分单元格增加和删除表格的行和列5.1.1课堂案例—长沙世界之窗国际街效果图操作任务（1）插入一张3行4列的表格，表格宽度设置为100％。（2）拆分单元格，合并单元格。（3）设置表格以及行、列、单元格的属性。（4）为单元格设置背景图像。（5）在表格的多个不同单元格中插入多幅图像。5.1.2表格的组成表格中包含行、列、单元格、表格标题等元素。效果图5.1.3插入表格要将相关数据有序地组织在一起，必须先插入表格，然后才能有效组织数据。插入表格的具体操作步骤如下：（1）在“文档”窗口中，将插入点放到合适的位置。（2）通过以下几种方法启用“表格”对话框。选择“插入记录表格”命令。单击“插入”面板“常用”选项卡上的“表格”按钮。单击“插入”布局“布局”选项卡面板上的“表格”按钮。（3）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完成新建表格的设置。5.1.4表格各元素的属性插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到它们的各项参数，修改这些参数可以得到不同风格的表格。表格的属性单元格和行或列的属性5.1.5在表格中插入内容建立表格后，可以在表格中添加各种网页元素，如文本、图像和表格等。在表格中添加元素的操作非常简单，只需根据设计要求选定单元格，然后插入网页元素即可。一般当表格中插入内容后，表格的尺寸会随内容的尺寸自动调整。当然，还可以利用单元格的属性来调整其内部元素的对齐方式和单元格的大小等。输入文字插入其他网页元素5.1.6选择表格元素先选择表格元素，然后对其进行操作。一次可以选择整个表格、多行或多列，也可以选择一个或多个单元格。选择整个表格选择行或列选择单元格选择一个矩形块区域选择不相邻的单元格5.1.7复制、粘贴表格在DreamweaverCS3中复制表格的操作如同在Word中一样。可以对表格中的多个单元格进行复制、剪切、粘贴操作，并保留原单元格的格式。也可以仅对单元格的内容进行操作。复制单元格剪切单元格粘贴单元格粘贴操作的几点说明5.1.8删除表格和表格内容删除表格的操作包括删除行或列，清除表格内容。清除表格内容删除行或列5.1.9缩放表格创建表格后，可根据需要调整表格、行和列的大小。缩放表格修改行或列的大小5.1.10合并和拆分单元格有的表格项需要几行或几列来说明，这时需要将多个单元格合并，生成一个跨多个列或行的单元格。合并单元格拆分单元格5.1.11增加和删除表格的行和列在实际工作中，随着客观环境的变化，表格中的项目也需要做相应的调整，通过选择“修改表格”中的相应子菜单命令，可添加、删除行或列。插入单行或单列插入多行或多列利用表格布局下图网页。注意为整张表格设置背景图像。★课堂实践★（1）建议先插入一张3行1列的表格，如图所示；制作要点提示然后在B单元格中插入一张1行3列的表格，在C单元格中插入一张2行3列的表格，接着在C5单元格中插入一张3行3列的表格，如图所示。5.2网页中的数据表格课堂案例——电子科技网导入和导出表格的数据排序表格5.2.1课堂案例——电子科技网使用“导入表格式数据”命令导入外部表格数据。使用“排序表格”命令将表格的数据排序。效果图有时需要将Word文档中的内容或Excel文档中的表格数据导入到网页中进行发布，或将网页中的表格数据导出到Word文档或Excel文档中进行编辑，DreamweaverCS3提供了实现这种操作的功能。导入Excel文档中的表格数据导入Word文档中的内容5.2.2导入和导出表格的数据日常工作中，常常需要对无序的表格内容进行排序，以便浏览者可以快速找到所需的数据。表格排序功能可以为网站设计者解决这一难题。将插入点放到要排序的表格中，然后选择“命令排序表格”命令，弹出“排序表格”对话框，根据需要设置相应选项，单击“应用”或“确定”按钮完成设置。5.2.3排序表格5.5课堂练习——设计家园网使用“导入表格式数据”命令导入外部表格数据。使用“排序表格”命令将表格的数据排序。效果图•制作“趣味小屋”网页。•完成后交到“第6次”作业文件夹。★课外拓展实践★★本节小结★表格是常用的页面元素，制作网页经常要借助表格进行排版，在网页布局方面，表格可谓起着举足轻重的作用。