网页设计与制作课件第3章创建与应用表格.ppt

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