第5章 网页页面布局YS.pptVIP

;网页设计与制作;$ [知识目标] 　　掌握表格及单元格的创建和编辑 　　掌握通过表格来进行网页页面的布局方法 　　掌握建立框架网页及框架属性设置的方法 8 [能力目标] 　　熟练掌握表格的基本操作 　　熟练运用表格进行网页布局 　　熟练运用框架进行网页的布局;第5章 网页页面布局;5.1 表格 5.2 表格布局 5.3 框架布局 本章小结;5.1 表格;　　（一）插入表格 　　1．定位光标在要插入表格的位置，然后执行以下操作之一： 　　?单击菜单栏中的“插入”|“表格”命令。 　　?在“插入”栏的“常用”类别中，单击 “表格”按钮。 　　2．打开表格对话框。;5.1.1 插入表格;　　（二）插入嵌套表格 　　1．将光标定位在表格的一个单元格内。 　　2．执行插入表格的操作，即可在表格内嵌套表格如图。;　　将插入点定位在表格内，即可输入文本、图像、动画等网页元素。;　　(一)选择整个表格 　　选择整个表格执行以下操作之一： 　　?单击表格的左上角、右边或底部边缘的任意位置。 　　?单击表格单元格，在菜单栏单击“修改”|“表格”|“选择表格”命令。 　　(二)选择行或列 　　1．鼠标指向行的左边缘或列的上边缘，光标变为 或 。 　　2．单击鼠标则选择鼠标指向的行或列。 　　3．拖动鼠标，则选择连续的多行或多列。 　　4．按Ctrl同时单击鼠标，则可选择不连续的多行或多列。;　　(三)选择单元格 　　1.选择单个单元格，请执行以下操作之一： 　　?单击单元格，然后在文档窗口左下角的标签选择器中选择td标签. 　　?在单元格内双击鼠标则可选择该单元格。 　　?在单元格内单击，然后按组合键Ctrl+A。 　　2．选择连续的多个单元格可以执行以下操作之一： 　　?单击第一个单元格，按住Shift键的同时单击另一个单元格，两个单元格之间的矩形区域内所有的单元格均被选中。 　　?在一个单元格中单击并拖动鼠标横向或纵向移动到其他一个单元格，然后松开鼠标则鼠标经过区域的单元格被选中。 　　3．按Ctrl同时单击单元格则可选择不相邻的多个单元格。;　　（一）表格属性 　　表格被选中之后，可以利用表格属性来设置或修改表格的属性。 　　（二）单元格属性 　　单元格被选中或光标定位在单元格中时，可以利用单元格属性，来设置或修改单元格的属性。;　　 (一) 调整表格的大小： 　　1．选择整个表格，在表格的边缘出现3个黑色控制点。 　　2．执行以下操作： 　　?用鼠标拖动这些控制点则可改变表格的大小。　　?在表格“属性检查器”中重新设置“高度”与“宽度”值，改变表格的大小。 　　（二）调整行高和列宽 　　1．将鼠标移到要调整的行高或列宽的边框上，光标变为 或 。 　　2．拖动鼠标即调整行高或列宽。;　　 （三）合并或折分单元格 　　1．拆分单元格 　　（1）选择（或将光标定位在）要拆分的单元格。 　　（2）执行以下操作之一： 　　?单击菜单栏中的“修改”|“表格”|“拆分单元格”命令。 　　?在“属性检查器”中，单击“拆分单元格”的按钮 。 　　(3)打开拆分单元格对话框如图。 　　（4）在这可以选择拆分行还是拆分列，以及设置拆分的行数或列数。如设置拆分为“行”，行数为“2”。 　　（5）单击确定，单元格被拆分。;　　 2．合并单元格 　　（1）选择需要进行合并的两个以上单元格。 　　（2）执行以下操作之一： 　　?单击菜单栏“修改”|“表格”|“合并单元格”命令 　　?在“属性检查器”中，单击“合并单元格”按钮 。 　　（3）选的单元格被合并。;　　 （四）插入和删除行或列 　　1．插入单行或单列 　　在所选择的行、列或单元格的上面及左侧插入单行或单列，操作如下： 　　（1）选择行、列或单元格。 　　（2）单击菜单栏中的“修改”|“表格”|“插入行”或“插入列”命令。 　　?选择“插入列”命令：可以在所选列的左侧添加一列。 　　?选择“插入行”命令：可以在所选行的上面添加一行。;　　 2．插入多行或多列 　　（1）选择行、列或单元格。 　　（2）单击菜单栏中的“修改”|“表格”|“插入行或列…”的命令，打开“插入行或列”对话框。 　　（3）选择插入“列”或“行”，并设置数目，单击确定。 ; 3．删除行或列 　　在表格中删除行或列的操作为： 　　（1）选择要删除的行或列。 　　（2）执行以下操作之一： 　　?单击菜单栏中的“修改”|“表格”|“删除行”或“删除列”命令。 　　?单击菜单栏中的“编辑”|“清除”命令。 　　?使用键盘上的“Delete”键。 4．表格细边框 table width=866 height=36 border=1 align=center cellpadding=0 cellspa