项目三用表格构建网布局ppt课件

1、所谓表格Table就是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行在XHTML言语中以标签开场，标签终了，垂直的多个单元格称为列以标签开场，标签终了。行与列的交叉区域称为单元格，网页中的元素就放置在这些单元格中。 此处表此处表示未明示未明确设置确设置单元格单元格的宽度的宽度 此处显示了表格此处显示了表格的宽度。假设只的宽度。假设只显示一个显示一个“符号，表示未明符号，表示未明确设置表格宽度确设置表格宽度 Dreamweaver CS3提供了非常完善的表格编辑功能，本节我们首先来看一下如何在网页文档中插入表格。 在Dreamweaver中选择表格的方法非常简单，只需用鼠标单击表格边

2、框线即可。选择表格选择表格 选择列选择列 选择行选择行 选择选择单元单元格区格区域域 选择表格选择表格 选中表格后，可利用“属性面板查看或修正表格的行、列、宽，以及填充、间距、背景图像、背景颜色等属性。 在表格的某个单元格中单击，“属性面板中将显示程度、垂直、宽、高等单元格属性，此时可经过“属性面板设置其属性。 在学习了表格的根本知识后，本节经过为饰品网站主页构建规划来练习表格在实践网页制造中的运用。 为便于读者学习和了解，我们将主页的规划分为两部分来讲，本节首先来构建网页的整体构造详细操作见视频1-1。 所谓嵌套表格，就是在一个表格的某个单元格里插入一个新表格。我们看到的绝大多数网页都是由多

3、个表格相互嵌套进展网页规划的。本节经过在前面制造的表格中嵌套表格来完成网站主页的规划详细操作见视频1-2。 一、拆分与合并单元格 拆分单元格就是将一个单元格拆分成多个单元格；合并单元格就是将相邻的几个单元格合并成一个单元格。 在运用表格组织大量信息时，往往需求在创建好的表格中添加或删除行与列，以添加或减少记录。 在学习了表格的高级运用后，下面经过为网站子页构建规划来看看这些知识在实践网页制造中的运用。 为便于读者学习和了解，我们将子页的制造分为四部分来讲，本节首先构建子页的整体构造详细操作见视频2-1。 适当地运用圆角表格，可以使整个网页看起来更加柔和、美观。本节经过制造网站中的“登录模块，来

4、看看圆角表格的制造方法详细操作见视频2-2。 在Dreamweaver中制造细线表格的方法有很多，其中最简单、常用的方法就是为表格和单元格设置背景颜色，下面经过制造子页中的“商品分类板块来看看细线表格的制造方法详细操作见视频2-3。 商品展现板块是指网页中商品图片和简介的结合详细操作见视频2-4。 假设希望固定表格的大小，使之不受阅读器大小的影响，应以像素为单位设定表格的大小。反之，假设希望表格大小随阅读器变化而变化，那么要以百分比为单位设定表格大小，这里的百分比实践上是相对阅读器而言的。 有时候在“属性面板中指定了单元格的高度，按【Enter】键后却发现单元格并没有按照指定的高度显示。发生这种情况的缘由能够是由于与该单元格相邻的单元格中存在高度比指定高度值更大的单元格，此时可以选择整行后指定大小。 对于珠宝首饰行业网站，产品展现相当重要，尤其是照片的效果，最好能展现珠宝那种晶莹、璀璨或