网页制作-表格及其应用.pptVIP

4.1创建表格的基本操作 4.1.1 新建表格 4.1.2 设置表格和单元格的属性 4.1.3 选取表格和单元格 4.1.4 表格的嵌套 4.2 表格的编辑修改与格式化 4.3 页面的布局表格和布局单元格 4.3.1 创建和调整布局表格与布局单元格 4.3.2 标准模式和布局模式的应用实例 第4章 表格及其应用 表格不但在组织页面数据时非常有用，而且在网页元素布局安排上也起着重要的作用，利用表格可以控制文本和图形等对象在页面上的位置。 设计者用Dreamweaver能很方便地在表格中输入数据，对表格进行修改，改变其外观和结构。可以增加、删除、拆分、合并表格的单元格、行和列，可以修改单元格、行、列以及表格的属性，实现表格的嵌套，表与层互相转换等操作。 4.1 创建表格的基本操作 4.1.1 新建表格 ※【插入】菜单|【表格】命令 ※【布局】栏 |【表格】按钮 4.1.2 设置表格和单元格的属性 1 设置表格的属性 4.1.3 选取表格和单元格 2 设置单元格的属性 1. 选择单元格 (1) 选中某个单元格的2种方法如下： 先单击要选择的单元格，然后拖动鼠标到相邻的单元格中，当被选中的单元格四周出现粗边框线时释放鼠标，即可选中该单元格； 单击要选择的单元格，然后单击状态栏左侧标签选择器的td，便可选中该单元格。 (2) 选中多个相邻的单元格的2种方法如下： 单击第1个单元格，然后拖动鼠标到最后一个单元格，即可选中这组相邻的单元格； 单击第1个单元格，然后按住Shift 键，再单击这组相邻单元格的最后一个单元格，就可选中这组相邻的单元格。 (3) 选择多个不相邻的单元格的方法如下： 按住Ctrl键，然后再分别单击要选中的那些不相邻的单元格，这时被单击的单元格就可被选中，若在按住Ctrl键的同时，再次单击选中的单元格，将取消该单元格的选择。 Shift键+单击 Ctrl键+单击 2 选择表格行的2种方法如下： #通过拖动的方法选择整行 #将鼠标指向表格的左边框线，当光标变为“→”时，单击可选中该行，此时如果拖动鼠标可同时选择多行； #先单击某行的单元格，然后单击状态栏左侧标签选择器的tr，便可选中该行。 3 选择表格列的方法如下： 通过拖动的方法选择整列 通过单击鼠标选择整列。将鼠标指向表格的上边框线，当光标变化时，单击可选中该列，此时如果拖动鼠标可同时选择多列。 2. 选择表格 选择整个表格有4种方法： 先单击某个单元格，然后单击状态栏左侧标签选择器的table，便可选中该表格； 先单击表格中某一单元格，然后选择【修改】|【表格】|【选择表格】命令，也可选中整个表格； 先单击表格中某一单元格，按两次Ctrl+A快捷键，也可选中整个表格； 当鼠标变成可调形状或“ ”时，可选中整个表格。 4.2表格的编辑修改与格式化 1 改变表格或单元格的大小 2 表格行列的增加和删除 ※用鼠标拖曳表格线或表格的活动块来调整表格的大小； ※用表格的【属性】面板来修改表格尺寸。 ※ 【属性】面板的【行】和【列】 针对表格的最下边的行和最右边的列而言的 4.1.4 表格的嵌套 ※选中表格的某个单元格或将光标插入该单元格中→ 选择【修改】菜单|【表格】|【插入行】或【插入列】 3 单元格的拆分和合并 4 表格的样式 选中网页上要套用格式的表格 【命令】|【格式化表格】命令——屏幕弹出【格式化表格】对话框 Dreamweaver网页页面的布局主要有两种工作模式——即【标准模式】与 【布局模式】 【标准模式】为默认模式。 4.3 页面的布局表格和布局单元格4.3.1 创建和调整布局表格与布局单元格 单击【布局视图】区域中的【绘制布局表格】的按钮，将鼠标移到网页编辑窗口中，此时鼠标指针变为+字形状，在指定位置处拖曳鼠标，就可以在网页编辑窗口中画出布局表格。在绘制布局表格的地方，不能有任何文字和图片。 ※ 在布局表格中必须画好布局单元格后，才可以插入文字或图片等对象。单击【布局视图】区域中的【绘制布局单元格】的按钮，在布局表格中可根据需要画出多个布局单元格。 ※如果在同一页面上还需要绘制其他的布局表格，按住Ctrl键，重复上述步骤可以连续画多个布局表格。 ※ 如果要调整布局表格或布局单元格的大小及其中内容的属性，可选中布局表格或布局单元格，并在布局表格或布局单元格的【属性】