Dreamweaver第 4 讲 表格的使用.docVIP

第四 讲 Dm表格对象的使用 主要内容如下 使用表格显示内容 使用表格对网页进行布局 重点： 表格属性栏 表格的各种操作 表格宽度和高度的设定 单元格属性栏 单元格各种显示效果的设置 单元格宽度和高度的设定 难点： 表格宽度和高度的设定 单元格宽度和高度的设定 表格的特殊用法 一、初识表格对象 表格最初是用来显示和浏览数据，后来被大多数网页设计师当作网页布局的工具。不过，用CSS技术来布局网页是Web发展的趋势。 二、表格的使用 结合属性栏， 插入表格的方法 选中表格的方法 选中表格列的方法 选中表格行的方法 设置表格的外观 选中单元格的方法 选中多个单元格的方法 设置表格及单元格的宽度和高度 三、使用表格处理数据 1、导入外部数据 导入excel格式的数据： “文件”——“导入”——“excel文档” 导入表格式数据： “文件”——“导入”——“表格式数据” “插入记录”——“表格对象”——“导入表格式数据” 2、排序表格 选中表格——“命令”菜单——“排序表格” 四、表格特殊设定 1、表格边框线的隐藏 控制表格边框的属性是：frame。 frame =”vsides” 显示表格左、右边框 frame =”hsides” 显示表格上、下边框 frame =”above” 显示表格上边框 frame =”below” 显示表格下边框 frame =”rhs” 显示表格右边框 frame =”lhs” 显示表格左边框 frame =”viod” 不显示表格边框 注意：在Dreamweaver中只能切换到代码视图下去更改表格的代码，得到相应的效果。如下： table width=”200” frame =”viod” 2、单元格分割线的隐藏 控制表格分割线的属性是：rules。 rules=”rows” 表示隐藏横线 rules=”cols” 表示隐藏纵线 rules=”none” 表示隐藏全部线条 注意：在Dreamweaver中只能切换到代码视图下去更改表格的代码，得到相应的效果。如下： table width=”200” border=”2” rules=”rows” 3、使用表格制作线条 在网页设计中，水平线条可以插入，那么垂直线条也可以通过表格设置出来。 在Dreamweaver中插入一个1行1列的表格，切换到代码视图下，更改代码如下，就可以得到一个垂直红色线条 table width=0 height=100 border=1 bgcolor=red tr td /td /tr /table 五、使用CSS样式控制表格的外观。 不讲，略。 Dreamweaver CS3 网页制作