第3章 创建与应用表格 (课件).pptVIP

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