网页设计与制作 课件 项目3 使用表格布局网页_第1页
网页设计与制作 课件 项目3 使用表格布局网页_第2页
网页设计与制作 课件 项目3 使用表格布局网页_第3页
网页设计与制作 课件 项目3 使用表格布局网页_第4页
网页设计与制作 课件 项目3 使用表格布局网页_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

任务3-1认识表格

任务3-2设置表格和单元格的属性

任务3-1认识表格1.表格的基本构成表格是网页设计制作中不可缺少的元素,它可以将各类网页元素有序地显示在页面上。表格由3个基本部件构成:(1)行:水平空间。(2)列:垂直空间。(3)单元格:行列相交处的空间。整张表格的边缘成为边框,单元格中的内容和边框之间的距离称为单元格边距(CellPad),单元格和单元格之间的距离称为单元格间距(CellSpace),如图3-1所示。2.创建和选择表格1)创建表格插入表格的位置必须是从一个新行开始,且表格独占一行。Dw中创建表格的步骤如下:(1)将光标置于要插入表格的位置,选择“插入”菜单中的“表格”选项或在“插入”面板的“常用”选项卡中单击“表格”按钮,打开“表格”对话框,根据需求设置表格初始属性,如图3-2所示。(2)单击“确定”按钮即可将表格插入页面,可输入表格内容,文字、图片。表格建立好后就可以向表格内添加元素了,如图像、文字和表格等,方法如同在Word文档中操作一样,添加文本,表格会随着增多而自动增高。在单元格中添加图像时,如果单元格的尺寸小于图像的尺寸,单元格会自动增高或增宽。在单元格中插入表格时,单元格中的表格叫作内嵌式表格。内嵌式表格中的单元格可以再拆分成多行或多列,并且可以无限制地插入,不过内嵌的表格越多,浏览器下载时间越长,所以内嵌表格最好不要超过三层。2)选取表格对表格进行编辑前,需要先选择表格。选择整个表格的方法:将鼠标光标移动到表格的任意边框上,当光标变成双向箭头形状时,单击鼠标左键,即可选择整个表格,如图3-4所示。3)选取行或列在选择表格时,可以通过鼠标直接选择表格的某一行或某一列,也可以同时选择多行或多列。(1)选择表格的一行。移动光标到表格的某一行左边框处,当鼠标光标变成向右的黑箭头时,单击鼠标即可选择该行,如图3-5所示。(2)选择表格的一列。移动光标到表格的某一列上边框处,当鼠标光标变成向下的黑箭头时,单击鼠标即可选择该列,如图3-6所示。若要选择多行或多列,可以配合“Ctrl”键和“Shift”键使用。4)选取单元格在选取单元格时,可以选择单个单元格,也可以选择一个单元格、单元格区域或不相邻的多个单元格。当某个单元格被选时,该单元格周围会出现黑色边框。单击表格中的某个单元格,按住鼠标左键从当前单元格上方开始向要连续选择单元格的方向拖动鼠标选择单元格,释放鼠标后,完成某个区域的单元格选取,如图3-7所示。在选择单元格前按住“Ctrl”键,然后单击需要选择的单元格,最后释放“Ctrl”键可选择多个不相邻的单元格,如图3-8所示。任务3-2设置表格和单元格的属性创建表格后,需要对表格元素进行一系列的操作,最常用的就是设置它的属性。1.设置表格属性在网页中加入表格后,可以对表格的布局、样式等进行详细的设置,以使表格中的布局可以精确地达到要求。选定整个表格后,属性面板会变成表格属

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论