网页制作第二部分 4-表格及其应用

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