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