网页设计与制作(Dreamweaver)《插入网页基本要素之表格》
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
如果插入到网页中的表格不能满足网页设计的需要，可以通过设置表格的属性进行调整。选择要设置 属性的表格区域(可以是整个表格、一行或一列或一个单元格)后，在属性面板中设置。
表格：用于设置表格的名称。 行和列：用于设置表格的行数和列数。 宽：用于设置表格的宽度，单位为“百分比”或“像素”。 填充：用于设置单元格中的内容与边框之间的距离。（单位：象素）(内边距)，在表格插入对话框称为单元格边距。 间距：用于设置单元格之间的距离，（单位：象素） 对齐：用于设置表格在网页中的对齐方式。
插入网页基本要素之表格
创建表格
在文档窗口的设计视图中，将插入点置于需要表格的位置， 单击“插入”菜单中的“表格”或单击 “常用”工具栏中 的“插入表格”按钮，设置行列数以及边框等。
单元格间距：用于设置表格中单元格之间的间距。 标题：把表格的第一行或第一列作为标题行或标题列，作为标题行或 标题列的行或列的内容将以粗体的形式显示。分别为无、左、顶部、 两者。即确定是否启用表格的行列标题。 摘要：用于描述表格的相关信息。
插入网页基本要素之表格
创建表格
在网页中插入表格后，可以向单元格中直接输入文本或插入其它的对 象，如图像、动画等，还可以向表格中插入嵌套表格。当然，用户也 可以从外部导入其它软件编辑的表格，如Excel电子表格等。
插入网页基本要素之表格
选择表格
①、选定表格：右击，选“表格”—“选定表格”将光标指向表格边框，单击鼠标，可以选择整个表
按钮。
插入网页基本要素之表格
插入网页基本要素之表格
设置调整表格属性
如果插入到网页中的表格不能满足网页设计的需要，可以通过设置表格的属性进行调整。选择要设置 属性的表格区域(可以是整个表格、一行或一列或一个单元格)后，在属性面板中设置。
边框：用于设置表格外边框的宽度（线条的粗细）。 类：用于设置表格的CSS样式。 单击 按钮，可以取消单元格的宽度设置，使其宽度随单元格的内容自动缩放。 单击 按钮，可以取消单元格的高度设置，使其高度随单元格的内容自动调整。 单击 按钮，可以将表格宽度转换为像素。 单击 按钮，可以将表格宽度转换为百分比。
插入网页基本要素之表格
设置背景与边框颜色
背景：选取表格（单元格），在属性面板中的“背景”中添加背景图片或在“背景颜色”中选取一 种颜色或利用16进制数指定一种颜色； 边框颜色：选取表格（单元格），在属性面板中的“边框颜色”中选取一种颜色或利用16进制数指 定一种颜色。
插入网页基本要素之表格
插入行（列）与删除行（列）
格。另外，单击状态栏上的
标记，也可以选择整个表格。
②、选择行或列：在行左边或者列的顶边单击；单击状态栏上的 单元格。
标记，可以选择光标所在的一行
③、选择单个单元格：Ctrl+单击；单击状态栏上的“td”标记，可以选择光标所在的一个单元格。 ④、矩形的单元格块：拖动出一个矩形区域。 ⑤、选择不相邻的单元格：Ctrl+逐个单击
插入网页基本要素之表格
拆分和合并单元格
拆分单元格的操作是将一个单元格拆分为几个连续的单元格。
拆分方法：选取一个单元格，单击属性面板中的“拆分单元格为行或列” 的数目。
按钮→填写拆分行（列）
合并是将多个连续的单元格合并成一个； 合并方法：选取待合并的多个连续的单元格，单击属性面板中的“合并所选单元格”
插入网页基本要素之表格
创建表格
在文档窗口的设计视图中，将插入点置于需要表格的位置， 单击“插入”菜单中的“表格”或单击 “常用”工具栏中 的“插入表格”按钮，设置行列数以及边框等。
行、列数：用于设置插入表格的行数和列数。 表格宽度：用于设置表格的宽度，选择“像素”为单位时，表格的宽 度为固定像素的宽度；选择“百分比”为单位时，表格的宽度与浏览 器窗口的宽度将保持相同的百分比。 边框粗细：用于设置表格的边框宽度。 单元格边距：用于设置表格中单元格内的元素距离单元格边框的距离。
创建表格
表格能将页面划分为任意矩形区域，除了可以使大量的信息资料有组织地排列起来以便管理外，还可 以用于网页布局，将网页中的元素放到表格的单元格中进行页面排版，是最常用的一种控制页面整体 布局的工具。Dreamweaver 中的表格分为布局表格与表格，前者主要用于页面布局，后者用于精确 控制各种属性,这两者的本质实际上是相同的，只是显示方式不同。
表格：用于设置表格的名称。 行和列：用于设置表格的行数和列数。 宽：用于设置表格的宽度，单位为“百分比”或“像素”。 填充：用于设置单元格中的内容与边框之间的距离。（单位：象素）(内边距)，在表格插入对话框称为单元格边距。 间距：用于设置单元格之间的距离，（单位：象素） 对齐：用于设置表格在网页中的对齐方式。
插入网页基本要素之表格
创建表格
在文档窗口的设计视图中，将插入点置于需要表格的位置， 单击“插入”菜单中的“表格”或单击 “常用”工具栏中 的“插入表格”按钮，设置行列数以及边框等。
单元格间距：用于设置表格中单元格之间的间距。 标题：把表格的第一行或第一列作为标题行或标题列，作为标题行或 标题列的行或列的内容将以粗体的形式显示。分别为无、左、顶部、 两者。即确定是否启用表格的行列标题。 摘要：用于描述表格的相关信息。
插入网页基本要素之表格
创建表格
在网页中插入表格后，可以向单元格中直接输入文本或插入其它的对 象，如图像、动画等，还可以向表格中插入嵌套表格。当然，用户也 可以从外部导入其它软件编辑的表格，如Excel电子表格等。
插入网页基本要素之表格
选择表格
①、选定表格：右击，选“表格”—“选定表格”将光标指向表格边框，单击鼠标，可以选择整个表
按钮。
插入网页基本要素之表格
插入网页基本要素之表格
设置调整表格属性
如果插入到网页中的表格不能满足网页设计的需要，可以通过设置表格的属性进行调整。选择要设置 属性的表格区域(可以是整个表格、一行或一列或一个单元格)后，在属性面板中设置。
边框：用于设置表格外边框的宽度（线条的粗细）。 类：用于设置表格的CSS样式。 单击 按钮，可以取消单元格的宽度设置，使其宽度随单元格的内容自动缩放。 单击 按钮，可以取消单元格的高度设置，使其高度随单元格的内容自动调整。 单击 按钮，可以将表格宽度转换为像素。 单击 按钮，可以将表格宽度转换为百分比。
插入网页基本要素之表格
设置背景与边框颜色
背景：选取表格（单元格），在属性面板中的“背景”中添加背景图片或在“背景颜色”中选取一 种颜色或利用16进制数指定一种颜色； 边框颜色：选取表格（单元格），在属性面板中的“边框颜色”中选取一种颜色或利用16进制数指 定一种颜色。
插入网页基本要素之表格
插入行（列）与删除行（列）
格。另外，单击状态栏上的
标记，也可以选择整个表格。
②、选择行或列：在行左边或者列的顶边单击；单击状态栏上的 单元格。
标记，可以选择光标所在的一行
③、选择单个单元格：Ctrl+单击；单击状态栏上的“td”标记，可以选择光标所在的一个单元格。 ④、矩形的单元格块：拖动出一个矩形区域。 ⑤、选择不相邻的单元格：Ctrl+逐个单击
插入网页基本要素之表格
拆分和合并单元格
拆分单元格的操作是将一个单元格拆分为几个连续的单元格。
拆分方法：选取一个单元格，单击属性面板中的“拆分单元格为行或列” 的数目。
按钮→填写拆分行（列）
合并是将多个连续的单元格合并成一个； 合并方法：选取待合并的多个连续的单元格，单击属性面板中的“合并所选单元格”
插入网页基本要素之表格
创建表格
在文档窗口的设计视图中，将插入点置于需要表格的位置， 单击“插入”菜单中的“表格”或单击 “常用”工具栏中 的“插入表格”按钮，设置行列数以及边框等。
行、列数：用于设置插入表格的行数和列数。 表格宽度：用于设置表格的宽度，选择“像素”为单位时，表格的宽 度为固定像素的宽度；选择“百分比”为单位时，表格的宽度与浏览 器窗口的宽度将保持相同的百分比。 边框粗细：用于设置表格的边框宽度。 单元格边距：用于设置表格中单元格内的元素距离单元格边框的距离。
创建表格
表格能将页面划分为任意矩形区域，除了可以使大量的信息资料有组织地排列起来以便管理外，还可 以用于网页布局，将网页中的元素放到表格的单元格中进行页面排版，是最常用的一种控制页面整体 布局的工具。Dreamweaver 中的表格分为布局表格与表格，前者主要用于页面布局，后者用于精确 控制各种属性,这两者的本质实际上是相同的，只是显示方式不同。