2015设计三剑客基础练习典型案例第章.pptVIP

* 第3章 创建与应用表格 表格是Dreamweaver中最常用的表格布局工具，不但可以精确定位网页在浏览器中的显示位置，还可以控制网页元素在网页中的精确布局。为了简化用表格进行布局的过程，Dreamweaver提供了【布局】模式。在这种模式下，可以很轻松地使用表格作为基本结构进行页面布局，同时可以避免传统方式下使用表格进行布局的缺陷。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 本章学习目标： 创建表格的方法 在布局视图中创建表格 设置表格属性 在表格中插入网页元素 在表格中嵌套表格 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 3.1 创建表格 在日常生活中，我们接触到的表格，多数是用来组织数据、方便查询和浏览的，比如成绩数据、生产数量数据等等。而在制作网页时，表格除了具有显示数据的功能外，还有更为重要的作用，就是布局页面。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 3.1.1 插入表格 在Dreamweaver中插入表格的方法常用的有两种，一种方法是选择【插入】∣【表格】菜单命令；另一种方法是单击【常用】选项卡中【表格】按钮 。无论采用哪种方法，都会打开【表格】对话框，在对话框中可以设置插入表格的具体行数、列数和表格宽度等属性。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 3.1.2 表格源代码分析 表格的显示方法有两种，一种是设计视图显示，很直观；另一种是源代码视图显示，也是HTML语言。HTML语言是在文本文件中加入一系列标记（tag）和指令（directive）形成的。这些标记和指令指明了Web页面的各种元素的显示方式。使用HTML编写的网页文件也是标准的纯文本文件，文件扩展名为．htm或者．html。两者结合，事半功倍。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 3.1.3 在布局视图创建表格和单元格 在前面，我们介绍了使用表格布局页面和定位元素的方法。对于初学者来说，还没有表格的设计经验，要想使用表格设计出布局合理的页面，往往会适得其反。为了简化利用表格布局页面，Dreamweaver提供了一种新的【布局】模式。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 3.2 设定表格属性 在Dreamweaver中，可以非常灵活地设置表格的属性，如设置表格的背景颜色，为表格添加背景图像，设置表格边框的颜色与粗细，甚至可以为表格中的某一行、某一列或者某一单元格设置不同的属性。 * Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * 3.2.1 选择表格元素 将光标置于表格内任意位置，在菜单中选择【修改】∣【表格】∣【选择表格】命令。 将光标置于表格内任意位置，右击鼠标，在弹出的菜单中选择【表格】∣【选择表格】命令。 将光放置在表格边框上方，当边框变为红线时，按下鼠标，即可选择整个表格，这种方法较为方便，但小心无意之中改变了表格的高度和宽度的设置。 将光标置于任意单元格，然后单击标签选择器上的table标