分享
 
 
 

DreamweaverMX2004表格属性和应用

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

通过前面的讨论,我们可以编辑文本,插入图像和多媒体,已经可以动手来作自己的主页了。可是在制作过程中,您是否发现,无论怎样排版都有些不尽人意呢?我们今天要一起学习的表格功能,就能让我们随心所欲的进行排版。

表格在网页中应用非常广泛,它不但可以精确的定位文本,图像和其他网页中的元素,还可以有效的排列数据。表格运用的好坏是区分专业网页制作和业余爱好的客观标准。

【表格的组成】

表格分为三个基本部分:行:表格中的水平间隔。 列:表格中的垂直间隔。 单元格:行列相交的区域。

【建立表格】

将光标移动到准备插入表格的地方点击菜单【插入】/【表格】打开对话框:

【行数】【列数】文本框中填写相应的数字就能够定义表格的行数和列数。

【表格宽度】文本框配合后面的下拉选项可以定义表格的宽度。表格的宽度可以用像素或百分比单位,如果您需要浏览者无法改变表格宽度,请使用象素单位;如果您需要表格随用户屏幕分辨率改变,请选用百分比。

【边框粗细】文本框中的数字定义了表格边框的宽度,如果设置为零,则不显示边框,这在网页布局中经常使用,虽然没有边框,但是我们在菜单栏的【查看】/【可视化助理】中选中【表格边框】命令就能显示出边框的虚线,便于大家布局,最后生成的网页在浏览器中打开边框不会显示出来。

【页眉】选现定义表格标题出现的位置。

【标题】文本框输入表格标题的文本。

【对齐标题】下拉选项定义标题的位置。

【摘要】添加备注文字。

【单元格边距】单元格中元素与单元格边框之间的距离。

【单元格间距】单元格与单元格之间的距离。

【不同参数的表格状态】

【在表格内添加元素】

表格建立之后就可以向表格内添加元素了,如图像,文本和表格等,方法如同在文档中操作一样。添加文本,表格会随着增多而自动增高。

在单元格中添加图像时,如果单元格的尺寸小于图像的尺寸,单元格会自动增高或增宽。

在单元格中插入表格的时候, 单元格中的表格叫做内嵌入式表格,内嵌表格中的单元格可以再分成多行或多列,并且可以无限制的插入,不过内嵌的表格越多,浏览器下载时间越长,所以内嵌表格最好不要超过三层。

【编辑表格】

选择表格:

最常用的选择表格的方法有两种:

1、用鼠标点击表格左上角边框,选中表格。2、将光标放在表格中的任意处,然后在菜单栏【修改】/【表格】中选定【选中表格】命令。3、拖动鼠标从表格左上角至右下角,选中所有单元格,然后在菜单栏【编辑】中选择【全选】命令。4、单击表格任意处,然后在状态栏选择<Table>标签。这是最简单的方法。

被选中的表格状态:

更改表格尺寸:

上图中表格边框上的黑色方块叫做拖放手柄,鼠标移动到拖放手柄上出现双向箭头光标的时候即可拖动至合适的尺寸。当然要精确定义表格的尺寸还是要在选中表格后的属性栏中设定。

【表格ID】用于编程和今后的行为中使用,暂时不讨论。【背景颜色】打开调色板选中颜色,即可指定表格的背景色。【背景图像】给出图像的路径和文件名即可指定表格的背景图像。注:如果既指定背景图像又指定背景颜色,则图像部分会遮挡住背景颜色。除非它是一个透明的GIF图像。【边框颜色】打开混色器面板选中颜色,即可指定表格边框颜色。

通过不同的表格边框颜色背景颜色的指定,可以得到多种效果,下图是边框色为红色,背景色为黄色的效果。

上面提到状态栏,我们还可以在状态栏选中一行或者一个单元格。选中一行:点击状态栏的<tr>选中一个单元格:点击状态栏的<td>

设置单元格的属性,就能得到更多的表格的效果:下图是选中第一个单元格,然后在属性面板选择单元格边框颜色为黑色;背景颜色为浅黄色的效果。

【选定多个单元格】

按下键盘的【Ctrl】键用鼠标击单元格即可选中该单元格,继续点击即可选中其他单元格。下图第一行显示的是单元格被选中的状态,第三行显示的是选中了两个单元格的状态。

【拆分/合并单元格】

选中单元格可以合并,例如上图中第三行的两个单元格,选中后选择【修改】/【表格】菜单的【合并单元格】命令即可。

选中一个单元格后选中【修改】/【表格】菜单的【拆分单元格】命令,打开对话框:

选择拆分为2行后的效果:

【插入行或列】

将设计布局改为【布局】模式,红色标记出的功能按钮即为插入按钮,鼠标移动到按钮上停留时会有文本提示。

选中单元格后点击插入按钮,如图:

【导入数据表格】

这是表格的另一个重要功能,我们可以直接导入一个其他应用程序创建的格式。如导入微软公司的电子表格,我们将在以后深入讨论。

关于表格的更多属性和用法,请各位自己动手试一试,Dreamweaver MX 2004 是一款所见既所得功能很强的软件,大家能非常直观的看到您所做的设置的效果,相信通过你自己动手,能更好的掌握表格的使用。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
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- 王朝網路 版權所有