网页设计与网站建设第三章课件.ppt

网页设计与网站建设第三章课件.ppt

ID:57173620

大小:506.00 KB

页数:17页

时间:2020-08-02

网页设计与网站建设第三章课件.ppt_第1页
网页设计与网站建设第三章课件.ppt_第2页
网页设计与网站建设第三章课件.ppt_第3页
网页设计与网站建设第三章课件.ppt_第4页
网页设计与网站建设第三章课件.ppt_第5页
资源描述:

《网页设计与网站建设第三章课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第3章使用表格布局网页表格基本操作表格高级操作3.1表格基本操作所谓表格(Table)就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行(在HTML语言中以标签开始,标签结束),垂直的多个单元格称为列(以标签开始,标签结束),行与列的交叉区域称为单元格,网页中的元素就放置在这些单元格中。行列单元格此处表示未明确设置单元格的宽度此处显示了表格的宽度。如果只显示一个“▼”符号,表示未明确设置表格宽度3.1.1创建表格Dreamweaver8提供了非常完善的表格编辑功能,下面我们首先来

2、看一下如何在网页文档中插入表格。3.1.2选择表格和单元格1.选择表格将鼠标光标移至单元格边框线上,当鼠标光标变为或形状时单击鼠标左键。将鼠标光标移至表格外框线上,当鼠标光标变为形状时,单击鼠标左键。在表格内部任意单元格中单击鼠标左键,然后在标签选择器中单击对应的“

”标签。将插入点置于表格的任意单元格中,表格上方或下方将显示绿线标志,单击最上方或最下方标有表格宽度的绿线中的,在弹出的下拉菜单中选择“选择表格”命令。2.选择行或列要选择某行或某列,可将光标置于该行左侧或该列顶部,当光标形状变为黑色箭头或时单击鼠标左

3、键。3.选择单元格可以选择单个单元格,也可以选择连续的多个单元格或不连续的多个单元格。要选择某个单元格,可首先将插入点置于该单元格内,然后按【Ctrl+A】组合键或单击“标签选择器”中对应的“

”标签。要选择连续的单元格区域。应首先在要选择的单元格区域的左上角单元格中单击,然后按住鼠标左键向右下角单元格方向拖动鼠标,最后松开鼠标左键。如果希望选择一组不相邻的单元格,可按住【Ctrl】键单击选择各单元格。3.1.3设置表格属性选中表格后,可利用“属性”面板查看或修改表格的行、列、宽,以及填充、间距、背景颜色、背景图像等属性

4、。3.1.4设置单元格属性在表格的某个单元格中单击,“属性”面板中将显示水平、垂直、宽、高等单元格属性,此时可通过“属性”面板设置其属性。综合实例1——用表格布局“SM”网站主页本例将在第2章综合实例创建的文档“index.html”的基础上,使用表格布局文档,以巩固3.1节所学知识(具体操作见视频3-1)。3.2表格高级操作3.2.1拆分与合并单元格在网页制作中,经常会用到一些特殊结构的表格,此时就需要拆分或合并单元格。1.拆分单元格拆分单元格就是将一个单元格拆分成多个单元格。2.合并单元格所谓合并单元格,就是将相邻的几个单

5、元格合并成一个单元格。拖动鼠标选中要合并的连续单元格(此处为第1行中间的3个单元格),然后单击“属性”面板上的“合并所选单元格,使用跨度”按钮,则3个单元格合并为1个单元格。3.2.2插入、删除行和列在使用表格组织大量信息时,往往需要在创建好的表格中添加或删除行与列,以增加或减少记录。3.2.3移动表格整行内容移动表格整行内容的方法非常简单,本节来看具体操作。3.2.4排序表格内容如果希望对Dreamweaver表格中的内容进行排序,可执行本节的操作。3.2.5导入或导出表格内容在页面中添加表格时,如果预先有表格内容存储在记事

6、本或Word等文档中,可以将其直接导入到页面中;此外,还可以将表格导出为独立的文件,以便在需要使用时导入。综合实例2——用表格布局“SM”网站子页本例将在第2章综合实例创建的文档“sub1.html”的基础上,使用表格布局文档,以巩固本章所学知识(具体操作见视频3-2)。

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

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

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