【精选】(刘桂江)网页制作之第3章 创建与应用表格.ppt

第三章 创建与应用表格 一、设置表格 1、插入表格 2、选取表格元素 ①选取整行或整列 ●鼠标单击行或列的头部 ●单击状态栏的tr选取整行 ②选取单元格 ●鼠标拖动 ●Ctrl或Shift + 单击 ●单击状态栏的td 第三章 创建与应用表格 ③选取整张表格 ●单击表格的上或下边框线 ●单击状态栏的table 3、编辑表格内容 ①在表格中加入文本 ②在表格中加入图像 ③在表格中移动 ●移动光标：TAB和光标键 ●移动元素：鼠标拖动 第三章 创建与应用表格 4、修改表格 ①设置表格对齐方式 ●选取整张表/属性面板的对齐列表框 ②重定义表格尺寸 ●鼠标 ●属性面板 ③插入和删除表格行或列 ●通过菜单插入行或列 修改/表格/…… ●删除行或列 Del 第三章 创建与应用表格 ④设置表格边框 ● 属性面板的边框 ⑤空白与间隔的设定 ●属性面板的填充和间距 ⑥合并和拆分单元格 5、表格的样式化 ①设置单元格元素的水平对齐 ●属性面板的水平列表框 ②设置单元格元素的垂直对齐 ●属性面板的垂直列表框 第三章 创建与应用表格 ③设置单元格背景色和背景图像 ●属性面板的背景颜色 ●代码视图中td添加background属性 ④列宽和行高 ●鼠标拖动 ●属性面板的宽和高 6、表格的嵌套 ●由总表格负责整体的排版，由嵌套的表格负  责各个子栏目的排版。 ●使用嵌套表格的理由： 第三章 创建与应用表格 1）网页排版时，如果一些内部排版的细节也通过总表格来实现，容易引起行高、列宽等的冲突，给表格制作带来困难。 2）浏览器在解析网页的时候，是将总表格的结构下载完毕之后才显示表格内容。如果不使用嵌套，网页显示的时间较长。 ●总表格的宽度一般使用像素值，嵌套子表格一般使用百分比设置。 第三章 创建与应用表格 7、表格源代码分析 ●table是一个容器标记，用以标识表格； tr用以标识行；td用以标识单元格 ● 默认的表格行高最少为13像素，要想设置低 于该值的高度，则必须在代码视图中将 td/td之间的nbsp;（空格占位符）删 除，然后给tr添加height属性即可。 二、表格应用 ● 用表格布局页面 网页设计与制作—刘桂江 网页设计与制作 第一章 HTML语言基础 第二章 初识Dreamweaver 第三章 创建与应用表格 第四章 使用层和框架布局页面 第五章 CSS样式与模板的使用 第六章 行为和库部件的使用 网页设计与制作—刘桂江