Dreamweaver8插入并编辑表格
2008-02-23 06:05:28来源:互联网 阅读 ()
这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。
表格是网页设计制作不可缺少的元素,他以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上,让我们能够设计出漂亮的页面,使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。一、插入并编辑表格
1、插入表格
在文档窗口中,将光标放在需要创建表格的位置,单击“常用”快捷栏中的表格按钮弹出的“表格”对话框,指定表格的属性后,在文档窗口中插入配置的表格。
“行数”文本框用来配置表格的行数。
“列数”文本框用来配置表格的列数。
“表格宽度”文本框用来配置表格的宽度,能够填入数值,紧随其后的下拉列表框用来配置宽度的单位,有两个选项——百分比和像素。当宽度的单位选择百分比时,表格的宽度会随浏览器窗口的大小而改变。
“单元格边距”文本框用来配置单元格的内部空白的大小。
“单元格间距”文本框用来配置单元格和单元格之间的距离。
“边框粗细”用来配置表格的边框的宽度。
“页眉”定义页眉样式,能够在四种样式中选择一种。
“标题” 定义表格的标题。
“对其标题”定义表格标题的对齐方式。
“摘要” 能够在这里对表格进行注释。
2、选择单元格对象
对于表格、行、列、单元格属性的配置是以选择这些对象为前提的。
选择整个表格的方法是把鼠标放在表格边框的任意处,当出现这样的标志时单击即可选中整个表格,或在表格内任意处单击,然后在状态栏选中<table>标签即可;或在单元格任意处单击,点鼠标右键在弹出菜单菜单中选择“表格——选择表格”
要选中某一单元格,按住Ctrl键,鼠标在需要选中的单元格单击即可;或,选中状态栏中的<td>标签。
要选中连续的单元格,按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。要选中不连续的几个单元格,能够按住Ctrl键,单击要选择的任何单元格即可。
要选择某一行或某一列,将光标移动到行左侧或列上方,鼠标指针变为向右或向下的箭头图标时,单击即可。
3、配置表格属性
选中一个表格后,能够通过属性面板更改表格属性。
“填充”文本框用来配置单元格边距,“间距”文本框用来配置单元格间距。
“对齐”下拉列表框用来配置表格的对齐方式,默认的对齐方式一般为左对齐。
“边框”文本框用来配置表格边框的宽度。
“背景颜色”文本框用来配置表格的背景颜色。
“边框颜色”用来配置表格边框的颜色。
在“背景图像”文本框填入表格背景图像的路径,能够给表格添加背景图像。也能够如下图所示给文本框加上链接路径。还能够单击文本框后的“浏览”按钮,查找图像文档。在“选择图像源”对话框中定位并选择要配置为背景的图片,单击“确认”按钮即可。
4、单元格属性
把光标移动到某个单元格内,能够利用单元格属性面板对这个单元格的属性进行配置。
“水平”文本框用来配置单元格内元素的水平排版方式,是居左、居右或是居中。
“垂直”文本框用来配置单元格内的垂直排版方式,是顶端对齐、底端对齐或是居中对齐。
“高”、“宽”文本框用来配置单元格的宽度和高度。
“不换行”复选框能够防止单元格中较长的文本自动换行。
“标题”复选框使选择的单元格成为标题单元格,单元格内的文字自动以标题格式显示出来。
“背景”文本框用来配置表格的背景图像。
“背景颜色”文本框用来配置表格的背景颜色。
“边框”文本框用来色配置表格边框的颜色。
5、表格的行和列
选中要插入行或列的单元格,单击鼠标右键,在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。
假如选择了“插入行”命令,在选择行的上方就插入了一个空白行,假如选择了“插入列”命令,就在选择列的左侧插入了一列空白列。
假如选择了“插入行或列”命令,会弹出“插入行或列”对话框,能够配置插入行还是列、插入的数量,连同使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇: Dreamweaver8认识表单对象
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash