分享
 
 
 

Dreamweaver8插入并编辑表格

王朝html/css/js·作者佚名  2008-05-21
窄屏简体版  字體: |||超大  

这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上,让我们可以设计出漂亮的页面,使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。一、插入并编辑表格

1、插入表格

在文档窗口中,将光标放在需要创建表格的位置,单击“常用”快捷栏中的表格按钮弹出的“表格”对话框,指定表格的属性后,在文档窗口中插入设置的表格。

“行数”文本框用来设置表格的行数。

“列数”文本框用来设置表格的列数。

“表格宽度”文本框用来设置表格的宽度,可以填入数值,紧随其后的下拉列表框用来设置宽度的单位,有两个选项——百分比和像素。当宽度的单位选择百分比时,表格的宽度会随浏览器窗口的大小而改变。

“单元格边距”文本框用来设置单元格的内部空白的大小。

“单元格间距”文本框用来设置单元格与单元格之间的距离。

“边框粗细”用来设置表格的边框的宽度。

“页眉”定义页眉样式,可以在四种样式中选择一种。

“标题” 定义表格的标题。

“对其标题”定义表格标题的对齐方式。

“摘要” 可以在这里对表格进行注释。

2、选择单元格对象

对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。

选择整个表格的方法是把鼠标放在表格边框的任意处,当出现这样的标志时单击即可选中整个表格,或在表格内任意处单击,然后在状态栏选中<table>标签即可;或在单元格任意处单击,点鼠标右键在弹出菜单菜单中选择“表格——选择表格”

要选中某一单元格,按住Ctrl键,鼠标在需要选中的单元格单击即可;或者,选中状态栏中的<td>标签。

要选中连续的单元格,按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。要选中不连续的几个单元格,可以按住Ctrl键,单击要选择的所有单元格即可。

要选择某一行或某一列,将光标移动到行左侧或列上方,鼠标指针变为向右或向下的箭头图标时,单击即可。

3、设置表格属性

选中一个表格后,可以通过属性面板更改表格属性。

“填充”文本框用来设置单元格边距,“间距”文本框用来设置单元格间距。

“对齐”下拉列表框用来设置表格的对齐方式,默认的对齐方式一般为左对齐。

“边框”文本框用来设置表格边框的宽度。

“背景颜色”文本框用来设置表格的背景颜色。

“边框颜色”用来设置表格边框的颜色。

在“背景图像”文本框填入表格背景图像的路径,可以给表格添加背景图像。也可以如下图所示给文本框加上链接路径。还可以单击文本框后的“浏览”按钮,查找图像文件。在“选择图像源”对话框中定位并选择要设置为背景的图片,单击“确认”按钮即可。

4、单元格属性

把光标移动到某个单元格内,可以利用单元格属性面板对这个单元格的属性进行设置。

“水平”文本框用来设置单元格内元素的水平排版方式,是居左、居右或是居中。

“垂直”文本框用来设置单元格内的垂直排版方式,是顶端对齐、底端对齐或是居中对齐。

“高”、“宽”文本框用来设置单元格的宽度和高度。

“不换行”复选框可以防止单元格中较长的文本自动换行。

“标题”复选框使选择的单元格成为标题单元格,单元格内的文字自动以标题格式显示出来。

“背景”文本框用来设置表格的背景图像。

“背景颜色”文本框用来设置表格的背景颜色。

“边框”文本框用来色设置表格边框的颜色。

5、表格的行和列

选中要插入行或列的单元格,单击鼠标右键,在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。

如果选择了“插入行”命令,在选择行的上方就插入了一个空白行,如果选择了“插入列”命令,就在选择列的左侧插入了一列空白列。

如果选择了“插入行或列”命令,会弹出“插入行或列”对话框,可以设置插入行还是列、插入的数量,以及使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。

要删除行或列,选择要删除的行或列,单击鼠标右键,在弹出菜单中选择“删除行”或“删除列”命令即可。

6、拆分与合并单元格

拆分单元格时,将光标放在待拆分的单元格内,单击属性面板上的“拆分”按钮,在弹出对话框中,按需要设置即可。

合并单元格时,选中要合并的单元格,单击属性面板中的“合并”按钮即可。

这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有