网页设计与制作 王学军 第7章 使用表格

网页设计与制作 王学军 第7章 使用表格

ID:43784172

大小:2.12 MB

页数:31页

时间:2019-10-14

网页设计与制作 王学军 第7章 使用表格_第1页
网页设计与制作 王学军 第7章 使用表格_第2页
网页设计与制作 王学军 第7章 使用表格_第3页
网页设计与制作 王学军 第7章 使用表格_第4页
网页设计与制作 王学军 第7章 使用表格_第5页
资源描述:

《网页设计与制作 王学军 第7章 使用表格》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、表格在网页中的用途非常广泛,这不仅表现在它可以有序地排列数据,还表现在可以精确地定位网页元素。对于网页的排版布局来说,表格是不可或缺的重要工具。本章将介绍有关表格的基本知识以及使用表格布局网页的基本方法。第7章 使用表格学习目标了解表格的概念。掌握创建和编辑表格的方法。掌握设置表格属性的方法。掌握导入和导出表格的方法。掌握对表格进行排序的方法。掌握使用表格进行网页布局的方法。7.1表格的概念表格是由行和列组成的,行和列又是由单元格组成的,所以,单元格是组成表格的最基本单位。7.1表格的概念表格的作用主要体现在以下3个方面。组织数据:这是表格

2、最基本的作用,如成绩单、工资表、销售表等。网页布局:这是表格组织数据作用的延伸,由简单地组织一些数据发展成组织网页元素,进行版面布局。制作特殊效果:如制作细线边框、按钮等。7.2创建表格插入表格选择表格表格属性添加元素实例━━制作“瑞士风情”网页7.2.1插入表格通过以下任意一种方式打开【表格】对话框来插入表格。选择【插入记录】/【表格】命令在【插入】/【常用】工具栏中单击(表格)按钮在【插入】/【布局】工具栏中单击(表格)按钮。按Ctrl+Alt+T组合键7.2.2选择表格一、选择整个表格(1)单击表格左上角或单击表格中任何一个单元格的边

3、框线(2)将鼠标光标置于表格内,选择【修改】/【表格】/【选择表格】命令,或在鼠标右键快捷菜单中选择【表格】/【选择表格】命令。(3)将鼠标光标移到预选择的表格内,表格上端或下端弹出绿线的标志,单击绿线中的按钮,从弹出的下拉菜单中选择【选择表格】命令。(4)将鼠标光标移到预选择的表格内,单击文档窗口左下角相应的“

”标签。7.2.2选择表格二、选择表格的行或列(1)当鼠标光标位于欲选择的行首或列顶时,鼠标光标变成黑色箭头形状,这时单击鼠标左键,便可选择行或列。如果按住鼠标左键不放并移动黑色箭头,可以选择连续的行或列。(2)按住鼠

4、标左键从左至右或从上至下拖曳,将选择相应的行或列。(3)将鼠标光标移到欲选择的行中,单击文档窗口左下角的“

”标签选择行。(4)将鼠标光标移到表格内,单击欲选择列的绿线标志中的按钮,从弹出的下拉菜单中选择【选择列】命令。7.2.2选择表格有时需要选择不相邻的多行或多列,可以通过下面的方法来实现。(1)按住Ctrl键,依次单击欲选择的行或列。(2)按住Ctrl键,在已选择的连续行或列中依次单击欲去除的行或列。三、选择单元格选择单个单元格的方法有以下两种。(1)将光标置于单元格内,然后按住Ctrl键,单击单元格可以将其选择。(2)将光标置

5、于单元格内,然后单击文档窗口左下角的

标签将其选择。选择相邻单元格的方法有以下两种。(1)在开始的单元格中按住鼠标左键并拖曳到最后的单元格。(2)将光标置于开始的单元格内,然后按住Shift键不放,单击最后的单元格。选择不相邻单元格的方法有以下两种。(1)按住Ctrl键,依次单击欲选择的单元格。(2)按住Ctrl键,在已选择的连续单元格中依次单击欲去除的单元格。7.2.3表格属性插入表格后,在【属性】面板中会显示出表格的各项属性参数,可以根据需要重新进行设置。设置表格的行、列、单元格属性时要先选择行、列或单元格,然后在【属性】面板中进

6、行设置。行、列、单元格的【属性】面板都是一样的,唯一不同的是左下角的名称。7.2.4添加元素表格创建并设置好以后,就可以向表格中添加各种元素了,如文本、图像、嵌套表格、表单元素等。在表格中添加文本就如同在文档中操作一样,除了直接输入文本外,也可以从其他文档中复制文本,然后将其直接粘贴到表格内,这也是在文档中添加文本的一种简捷而快速的方法。随着文本的增多,表格也会自动增高。在单元格中添加图像时,如果单元格的尺寸小于所插入图像的尺寸,则插入图像后,单元格的尺寸将自动增高或者增宽。如果在表格的单元格中继续插入表格,那么单元格中的表格就是嵌套表格。

7、不过嵌套表格层数越多,浏览器所花费的下载时间就越长,因此一般嵌套表格最多不超过3层。在表格中还可以插入后续章节要介绍的表单元素,表格是布局表单元素的重要工具。7.2.5实例━━制作“瑞士风情”网页7.3编辑表格增加行或列删除行或列合并单元格拆分单元格表格的缩放拷贝或剪切粘贴表格删除表格内容7.3.1增加行或列在表格内插入行或列,首先需要将光标移到欲插入行或列的单元格内,然后可采取以下几种方法进行操作。(1)选择【修改】/【表格】/【插入行】命令,则在光标所在单元格的上面增加1行。同样,选择【修改】/【表格】/【插入列】命令,则在光标所在单元

8、格的左侧增加1列。也可使用鼠标右键菜单命令进行操作。(2)选择【插入记录】/【表格对象】菜单中的【在上面插入行】、【在下面插入行】、【在左边插入列】、【在右边插入列】命令来插入行

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。