网页设计中表格的组成
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
5.6.1 复制或剪切
选择了整个表格、某行、某列或单元 格后,选择主菜单中的【编辑】/【拷贝】 命令或【编辑】/【剪切】命令,可以将 其中的内容复制或剪切。选择【剪切】命 令,会将被剪切部分从原始位置删除,而 选择【拷贝】命令,被复制部分仍将保留 在原始位置。
5.6.2 粘贴表格
将光标置于要粘贴表格的位置,然后 选择主菜单中的【编辑】/【粘贴】命令, 便可将所复制或者剪切的表格、行、列或 单元格等粘贴到光标所在的位置。
5.7.1 增加行、列 5.7.2 删除行、列 5.7.3 合并单元格 5.7.4 拆分单元格
5.7.1 增加行、列
在表格内增加行、列,要先将光标移到想要插入行、列 的单元格内,然后进行以下操作。 选择主菜单中的【修改】/【表格】/【插入行】命 令,则在光标所在单元格的上面增加一行,选择主菜单 中的【修改】/【表格】/【插入列】命令,则在光标 所在单元格的左侧增加一列。 选择主菜单中的【插入】/【表格对象】/【在上面 插入行】、【在下面插入行】、【在左边插入列】、 【在右边插入列】命令。 选择主菜单中的【修改】/【表格】/【插入行或列】 命令,打开【插入行或列】对话框进行设置,即可完成 插入操作。
5.9 实例──制作网站首页
5.9.1 页眉的制作 5.9.2 制作页中区 5.9.3 制作页脚
5.9.1 页眉的制作
网页的页眉部分一般包括网站名称、 网站的标志、基本的网站导航按钮等几部 分。
5.9.2 制作页中区
一般网页中间区域占有的面积是最大 的,因为要用它来显示网页的主要内容。
5.9.3 制作页脚
表格建立以后,就可以向表格中添加各种元素了,如文本、图像、 表格等。 (1)在表格中添加文本就如同在文档中操作一样,除了直接输入文 本,还可以先在其他文本编辑器内复制文本,然后直接将其粘贴到表 格里,这也是在文档中添加文本的一种简捷而快速的方法。随着文本 的增多,表格也会自动增高。 (2)在单元格中添加图像时,如果单元格的尺寸小于所插入图像的 尺寸,则插入图像后,单元格的尺寸将自动增高或者增宽。在表格中, 不能通过设置图像【属性】面板中的【对齐】属性来改变其与文本的 排列方式,这点与在文档中不同。 (3)如果在表格的单元格中继续插入表格的话,那么单元格中的表 格就是内嵌入式表格。内嵌入式表格可以将一个单元格再分成许多行 和列,而且可以无限制地嵌入。不过内嵌入式的表格越多,浏览器所 花费的下载时间越长,因此一般内嵌入式的表格最多不超过3层。
第5章 表格
5.1 表格的组成 5.2 建立表格 5.3 表格属性 5.4 在表格内添加元素 5.5 选择表格
第5章 表格
5.6 编辑表格 5.7 增加、删除行和列及拆分、合并单元格 5.8 表格的缩放 5.9 实例──制作网站首页
5.1 表格的组成
5.2 建立表格
5.3 表格属性
5.4 在表格内添加元素
5.5.4 选择不相邻的单元格、行或列
有时需要选择不相邻的行、列或单元格, 可以通过下面的方法来实现。 (1)按住Ctrl键,单击欲选择的行、列 或单元格等。 (2)在已选择的连续单元格、行或列中 按住Ctrl键,单击想取消选择的单元格、 行或列将其去除。
5.6 编辑表格
5.6.1 复制或剪切 5.6.2 粘贴表格 5.6.3 删除表格内容
5.7.3 合并单元格
将多个单元格合并为一个单元格,这 就是合并单元格。首先,将要合并的单元 格选中,然后单击【属性】面板中的 按 钮,即可将多个单元格合并成一个单元格。
5.7.4 拆分单元格
拆分单元格是针对一个单元格而言 的,可看成是合并单元格命令的逆向操 作。
5.8 表格的缩放
5.8.1 用拖放的方法缩放表格 5.8.2 在表格的【属性】面板中改 变表格尺寸
5.6.3 删除表格内容
如果要删除表格的内容而不想删除表 格,可以选择一个或多个单元格(但不能 选择行、列或者整个表格),然后选择主 菜单中的【编辑】/【清除】命令,或按 Delete键删除内容,这样,被选择的行、 列或者单元格内的内容被删除后,表格的 结构不会发生变化。
5.7 增加、删除行和列及拆分、合并 单元格
5.7.2 删除行、列
删除行、列可以先将光标置于要删除 的行或列中,或者将要删除的行或列选中, 然后选择主菜单中的【修改】/【表格】 /【删除行】命令,将行删除,或选择主 菜单中的【修改】/【表格】/【删除列】 命令,将列删除,最简捷的方法就是选定 要删除的行或者列,然后按下Delete键就 行了。
5.8.1 用拖放的方法缩放表格
直接拖放表格可以快捷地改变表格的 尺寸大小,这种方法较直观,缺点是不够 准确。
5.8.2 在表格的【属性】面板中改变表 格尺寸
如果用户需要准确地改变表格的尺寸,那么必 须在其【属性】面板中来设置,有以下3种方法。 (1) 选定整个表格,在表格【属性】面板中ቤተ መጻሕፍቲ ባይዱ【宽】和【高】选项的文本框内输入准确的数 值(以“像素”为单位)即可改变表格的大小。 (2) 将鼠标光标置于一列的顶部,选择该列, 然后在【属性】面板中修改该列的宽度。 (3) 将鼠标光标置于一行的左端,选择该行, 然后在【属性】面板中修改该行的高度。
5.5 选择表格
5.5.1 选择整个表格 5.5.2 选择表格的行与列 5.5.3 选择一个单元格 5.5.4 选择不相邻的单元格、行或 列
5.5.1 选择整个表格
选择整个表格一般有以下4种不同的方法。 (1) 单击表格左上角,或单击表格中任何一个单元格 的边框线。 (2) 光标置于表格内,选择主菜单中的【修改】/ 【表格】/【选择表格】命令。 (3) 拖动鼠标光标从表格内的左上角至右下角,将其 中所有的单元格选中,并选择主菜单中的【编辑】/ 【全选】命令。 (4) 将光标移到预选择的表格内,单击文档窗口左下 角的“<table>”标签(此时文档应为扩展状态。
页脚部分会放一些导航、版权信息、 联系方式等,大部分网页中都有该项内容。
小结
本章着重介绍了表格的基本功能及其 操作方法,从建立表格、编辑表格、修改 表格、缩放表格等各个方面做了详细的阐 述。最后以实例的形式介绍了如何发挥表 格在版面布局方面的优势。
5.5.2 选择表格的行与列
选择表格的行和列也有两种不同的方法: (1)当鼠标光标位于欲选择行首或列顶 时,鼠标光标变成黑色箭头,这时单击鼠 标左键,便可选择行或者列,如图5-8所 示。 (2)按住鼠标左键从左至右或者从上至 下拖动,将欲选择的行或列选择。
5.5.3 选择一个单元格
选择一个单元格的方法有以下3种。 (1)在要选择的单元格中按住鼠标左键 并拖动,可以选择一个单元格。 (2)先将光标置于单元格内,按住Shift 键,并单击单元格可以将其选择。 (3)将光标置于单元格内,然后单击文 档窗口左下角的“<td>”标签可以将其选 择。