Dreamweaver网页设计与应用 教学课件 作者 张丽英 05.ppt

《Dreamweaver网页设计与应用 教学课件 作者 张丽英 05.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章　使用表格本章简介：在制作网页时，表格的作用不仅是列举数据，更多地是用在网页定位上。很多网页都是以表格布局的，这是因为表格在内容的组织、页面中文本和图形的位置控制方面都有很强的功能。本章主要讲解了表格的操作方法和制作技巧。通过这些内容的学习，可以熟练地掌握数据表格的编辑方法及如何应用表格对页面进行合理的布局。课堂学习目标掌握插入表格的方法掌握设置表格的方法和技巧掌握在表格内添加元素的方法掌握网页中数据表格的编辑方法5.1表格的简单操作插入表格设置表格属性在表格内添加元素课堂案例——建筑资讯网页5.1.1插入表格要将相

2、关数据有序地组织在一起，必须先插入表格，然后才能有效组织数据。插入表格的具体操作步骤如下：（1）在“文档”窗口中，将插入点放到合适的位置。（2）通过以下几种方法启用“表格”对话框。选择“插入记录>表格”命令。单击“插入”面板“常用”选项卡上的“表格”按钮。单击“插入”布局“布局”选项卡面板上的“表格”按钮。（3）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完成新建表格的设置。5.1.2设置表格属性插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到它们的各项参数，修改这些参数可以得到不同风格的表格。1.

3、表格的属性表格的“属性”面板，其各选项的作用如下。表格“属性”面板5.1.3在表格内添加元素建立表格后，可以在表格中添加各种网页元素，如文本、图像和表格等。1.输入文字在单元格中输入文字，有以下几种方法。单击任意一个单元格并直接输入文本，此时单元格会随文本的输入自动扩展。粘贴来自其他文字编辑软件中复制的带有格式的文本。2.插入其他网页元素（1）嵌套表格将插入点放到一个单元格内并插入表格，即可实现嵌套表格。（2）插入图像在表格中插入图像有以下几种方法。将插入点放到一个单元格中，单击“插入”面板“常用”选项卡中的“图像”按钮。

4、将插入点放到一个单元格中，选择“插入记录>图像”命令。将插入点放到一个单元格中，将“插入”面板“常用”选项卡中的“图像”按钮拖曳单元格内。5.1.4课堂案例——建筑资讯网页使用表格按钮插入表格效果。使用图像按插入图像。使用属性面板设置网页的页边距。效果图5.2网页中的数据表格导入和导出表格的数据课堂案例——设计家园网页5.2.1导入和导出表格的数据（1）将网页内的表格数据导出（2）在其他网页中导入表格数据“导出表格”对话框“导入表格式数据”对话框5.2.2课堂案例——设计家园网页使用属性面板改变表格的高度和背景颜色。效果图

5、课堂练习——流行音乐网页使用表格布局网页，使用插入列命令插入单元格。效果图课堂练习——房产资讯网页使用表格布局网页，使用图像按钮插入图像，使用合并所选单元格，使用跨度按钮合并所选单元格。效果图