网页设计表格布局使用精选.ppt

网页设计 网页设计与制作 江西师范大学网页设计课程组  第4章表格布局的使用 4.1插入表格 4.2输入表格内容 4.3嵌套表格 4.4设置表格属性 4.5实践技能训练 表格制作实例 传播学院 江西师范大学网页设计课程组  第4章表格布局的使用 表格是网页中常用的信息展示方式,是页面布 局极为有用的设计工具。大部分网站中的主页是用 表格来布局的。表格可以控制文本和图形在页面上 出现的位置。在设计页面时,往往要利用表格来定 位页面元素,通过设置表格和单元格的属性,可实 现对页面元素的准确定位,合理地利用表格来布局 页面,有利于协调页面结构的平衡。创建好表格后 可以在表格中输入文字、插入图像、修改表格属性 嵌套表格等。 传播学院 江西师范大学网页设计课程组  4、1插入表格 在 Dreamweaver中插入表格的方法如下: 1、将光标定位到要插入表格的位置 2、执行“插入”→“表格”命令或单击“常用”面板 上的表格按钮或单击“布局”面板上的表格按钮,打开 表格”对话框。 3、在“行数”文本框中输入表格的行数;在“列数” 文本框中输入表格的列数;在“表格宽度”文本框中输入 表格在网页中的宽度(可用像素和百分数表示);在“边框 粗细”框中输入表格边框的宽度,值为0时,表格线将隐 藏起来;在“页眉”中指定表格标题的位置,一般选择 无 4、单击【确定】按钮,即可在光标位置插入一个表格。 传播学院 江西师范大学网页设计课程组  4.2输入表格内容 在表格中可以插入文字,也可以插入图片等对象。在表 格中直接输入文本时,当输入文本的长度超过单元格宽度 时,单元格会自动扩展增宽。 使用方向键,可在不同的单元格之间进行切换。按TAB 键可移到下一个单元格,按 Shift十Tab键可将光标移到前 一个单元格。在最后一个单元格中按Tab键,会自动添行。 也可以选择“文件”→“导入”→“表格式数据”菜单 命令或选择“插入”→“表格对象 导入表格式数据 菜单命令将在另一个应用程序(如 Microsoft Excel)中 创建并以分隔文本的格式(其中的项以制表符、逗号、冒 号、分号或其他分隔符隔开)保存的表格式数据导入到 Dreamweaver中并设置为表格的格式。 传播学院 江西师范大学网页设计课程组