您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 管理学资料 > Dreamweaver-CS6-第5章使用表格课件
本章简介:表格是网页设计中一个非常有用的工具,它不仅可以将相关数据有序地排列在一起,还可以精确地定位文字、图像等网页元素在页面中的位置,使得页面在形式上丰富多彩又条理清楚,在组织上井然有序而不显单调。使用表格进行页面布局的最大好处是,即使浏览者改变计算机的分辨率也不会影响网页的浏览效果。因此,表格是网站设计人员必须掌握的工具。表格运用得是否熟练,是划分专业制作人士和业余爱好者的一个重要标准。课堂学习目标掌握表格的组成掌握表格的插入方法掌握表格、单元格和行或列的属性设置掌握在单元格中输入文字、插入其他网页元素掌握选择整个表格、行或列、单元格的应用掌握复制、粘贴表格的应用掌握表格删除、缩放的应用掌握单元格的合并和单元格的拆分5.1表格的简单操作课堂案例——租车网页表格的组成插入表格表格各元素的属性在表格中插入内容选择表格元素复制、粘贴表格删除表格和表格内容缩放表格合并和拆分单元格增加和删除表格的行和列5.1.1课堂案例—租车网页使用“表格”按钮,插入表格效果;使用“图像”按钮,插入图像;使用“CSS样式”命令,为单元格添加背景图像及控制文字大小、颜色。效果图5.1.2表格的组成表格中包含行、列、单元格、表格标题等元素。效果图名称表格的标题5.1.3插入表格要将相关数据有序地组织在一起,必须先插入表格,然后才能有效组织数据。插入表格的具体操作步骤如下:(1)在“文档”窗口中,将插入点放到合适的位置。(2)通过以下几种方法启用“表格”对话框。选择“插入表格”命令。单击“插入”面板“常用”选项卡上的“表格”按钮。单击“插入”布局“布局”选项卡面板上的“表格”按钮。(3)根据需要选择新建表格的大小、行列数值等,单击“确定”按钮完成新建表格的设置。5.1.4表格各元素的属性插入表格后,通过选择不同的表格对象,可以在“属性”面板中看到它们的各项参数,修改这些参数可以得到不同风格的表格。1.表格的属性2.单元格和行或列的属性5.1.5在表格中插入内容建立表格后,可以在表格中添加各种网页元素,如文本、图像和表格等。在表格中添加元素的操作非常简单,只需根据设计要求选定单元格,然后插入网页元素即可。一般当表格中插入内容后,表格的尺寸会随内容的尺寸自动调整。当然,还可以利用单元格的属性来调整其内部元素的对齐方式和单元格的大小等。1.输入文字2.插入其他网页元素5.1.6选择表格元素先选择表格元素,然后对其进行操作。一次可以选择整个表格、多行或多列,也可以选择一个或多个单元格。1.选择整个表格2.选择行或列3.选择单元格4.选择一个矩形块区域5.选择不相邻的单元格5.1.7复制、粘贴表格在DreamweaverCS6中复制表格的操作如同在Word中一样,可以对表格中的多个单元格进行复制、剪切、粘贴操作,并保留原单元格的格式,也可以仅对单元格的内容进行操作。1.复制单元格2.剪切单元格3.粘贴单元格4.粘贴操作的几点说明5.1.8删除表格和表格内容删除表格的操作包括删除行或列,清除表格内容。1.清除表格内容2.删除行或列5.1.9缩放表格创建表格后,可根据需要调整表格、行和列的大小。1.缩放表格2.修改行或列的大小5.1.10合并和拆分单元格有的表格项需要几行或几列来说明,这时需要将多个单元格合并,生成一个跨多个列或行的单元格。1.合并单元格2.拆分单元格5.1.11增加和删除表格的行和列在实际工作中,随着客观环境的变化,表格中的项目也需要做相应的调整,通过选择“修改表格”中的相应子菜单命令,可添加、删除行或列。1.插入单行或单列2.插入多行或多列5.2网页中的数据表格课堂案例——典藏博物馆网页导入和导出表格的数据排序表格5.2.1课堂案例—典藏博物馆网页使用“导入表格式数据”命令,导入外部表格数据;使用“排序表格”命令,将表格的数据排序。效果图有时需要将Word文档中的内容或Excel文档中的表格数据导入到网页中进行发布,或将网页中的表格数据导出到Word文档或Excel文档中进行编辑,DreamweaverCS6提供了实现这种操作的功能。1.导入Excel文档中的表格数据2.导入Word文档中的内容3.将网页中的表格导入到其他网页或Word文档中5.2.2导入和导出表格的数据日常工作中,常常需要对无序的表格内容进行排序,以便浏览者可以快速找到所需的数据。表格排序功能可以为网站设计者解决这一难题。将插入点放到要排序的表格中,然后选择“命令排序表格”命令,弹出“排序表格”对话框。根据需要设置相应选项,单击“应用”或“确定”按钮完成设置。5.2.3排序表格当一个表格无法对网页元素进行复杂的定位时,需要在表格的一个单元格中继续插入表格,这叫做表格的嵌套。单元格中的表格是内嵌入式表格,通过内嵌入式表格可以将一个单元再分成许多行和列,而且可以无限地插入内嵌入式表格,但是内嵌入式表格越多,浏览时花费在下载页面的时间越长,因此,内嵌入式的表格最多不超过3层。5.3复杂表格的排版5.4课堂练习—OA办公系统网页使用“导入表格式数据”命令,导入外部表格数据;使用“排序表格”命令,将表格的数据排序。效果图5.5课后习题—信用卡网页使用“表格”按钮,插入表格效果;使用“图像”按钮,插入图像;使用“CSS”命令,为单元格添加背景图像及控制文字大小、颜色。效果图
本文标题:Dreamweaver-CS6-第5章使用表格课件
链接地址:https://www.777doc.com/doc-7021119 .html