第4讲创建表格Dreamweaver中的表格操作利用表格进行页面布局目的要求Dreamweaver中表格的创建表格的基本操作熟悉表格的HTML代码利用表格进行页面布局主要内容1、概述利用表格可控制文本和图形在页面上出现的位置,方便地设计出水平或垂直结构。可以使表格的边框变得不可见,在浏览器中查看页面时就不会看到设计的基础结构。任务一、创建表格2、创建表格(1)点击□行(rows):表格的行数□列(columns):表格的列数□单元格间距(cellspacing):单元格之间的空间大小,不含边框□单元格边距(cellpadding):单元格与单元格内的内容之间的空间大小□宽度(width):表格的宽度□边框(border):表格的边框宽度(2)在HTML中实现表格的代码tablecaption(表格标题)/captiontr(表格行)th(表格头)/thtd(表格数据)/td/tr/table(3)在表格中插入对象□插入文字□插入图片□插入Excel电子表格或数据库中的数据执行“文件/导入/表格式数据”,或“插入/表格对象/表格式数据”1、选定整个表格将光标停放在任意单元格内□在状态栏左下角选择table标签□单击表格左上角□执行“编辑/全选”□执行“修改/表格/选择表格”(Ctrl+A)2、选定一个或多个单元格任务二、表格的操作3、设置表格格式表格及表格单元格属性面板4、合并与拆分表格单元格制作“虫语花香”网站任务三、利用嵌套表格设计页面□用td的属性□用单元格间距□CSS设置任务四、表格细线化任务五、复杂页面效果的制作设计“七色鸟设计”网站页面通过本讲的学习,掌握Dreamweaver中表格的创建及基本操作,熟悉表格的HTML代码,熟练掌握利用表格进行页面布局。总结1、练习本讲中嵌套表格的作法并设计页面。注意,不要出现水平滚动条。2、练习本讲中细线化表格的几种方法,练习利用表格作线的各种方法。3、利用表格制作案例中网站。上机作业超级链接预习