网页设计——表格布局的使用.ppt

网页设计,4.1 插入表格4.2 输入表格内容4.3 嵌套表格4.4 设置表格属性4.5 实践技能训练-表格制作实例,第4章 表格布局的使用,表格是网页中常用的信息展示方式，是页面布局极为有用的设计工具。大部分网站中的主页是用表格来布局的。表格可以控制文本和图形在页面上出现的位置。在设计页面时，往往要利用表格来定位页面元素，通过设置表格和单元格的属性，可实现对页面元素的准确定位，合理地利用表格来布局页面，有利于协调页面结构的平衡。创建好表格后，可以在表格中输入文字、插入图像、修改表格属性、嵌套表格等。,第4章 表格布局的使用,在Dreamweaver中插入表格的方法如下：1、将光标定位到要插入表格的位置。2、执行“插入”“表格”命令或单击“常用”面板上的表格按钮或单击“布局”面板上的表格按钮，打开“表格”对话框。3、在“行数”文本框中输入表格的行数；在“列数”文本框中输入表格的列数；在“表格宽度”文本框中输入表格在网页中的宽度(可用像素和百分数表示)；在“边框粗细”框中输入表格边框的宽度，值为0时，表格线将隐藏起来；在“页眉”中指定表格标题的位置，一般选择“无”。4、单击【确定】按钮，即可在光标位置插入一个表格。,4.1插入表格,在表格中可以插入文字，也可以插入图片等对象。在表格中直接输入文本时，当输入文本的长度超过单元格宽度时，单元格会自动扩展增宽。使用方向键，可在不同的单元格之间进行切换。按TAB键可移到下一个单元格，按Shift+Tab键可将光标移到前一个单元格。在最后一个单元格中按Tab键，会自动添行。也可以选择“文件”“导入”“表格式数据”菜单命令或选择“插入”“表格对象”“导入表格式数据”菜单命令将在另一个应用程序（如 Microsoft Excel）中创建并以分隔文本的格式（其中的项以制表符、逗号、冒号、分号或其他分隔符隔开）保存的表格式数据导入到 Dreamweaver 中并设置为表格的格式。,4.2输入表格内容,嵌套表格是将新表格插入到当前表格的某一单元格中。可以像对任何其他表格一样对嵌套表格进行格式设置；但是，其宽度由它所在单元格的宽度决定。在表格单元格中嵌套表格的基本做法如下：单击现有表格中的一个单元格。执行“插入”“表格”菜单命令。在“插入表格”对话框中进行设置，插入嵌套表格前的表格.需要注意的是，表格不宜嵌套太多，最多三层；使用的嵌套越多，页面的浏览速度越慢。,4.3嵌套表格,表格属性设置主要有三个方面：1设置表格属性 2设置单元格属性 3查看和设置表格或表格元素的属性 在属性设置时要注意其优先顺序：单元格属性设置优先于行属性设置，行属性设置优先于表格整体属性设置。,4.4设置表格属性,4.5实践技能训练-表格制作实例,