用Dreamweaver MX巧妙格式化表格
2008-02-23 06:12:30来源:互联网 阅读 ()
表格制作好了,内容也有了,怎么看着别扭呀!哦,还没有给表格化化装--格式化表格呀,俗话说:人靠衣服也靠鞍,要想让您制作的网页漂漂亮亮、美观大方,更有很长的路要走呢!
一、格式化表格
表格的格式化主要包括表格的对齐方式、间距和边距的调整、边框的配置及背景的配置。大部分工作能够通过表格的属性面板完成,如图1所示。
对齐:选定表格后,通过属性面板中Align(对齐)配置表格在网页中对齐方式:居中、居左或居右,假如您要使表格想去哪就去哪,想不去哪就不去哪,还得另想高招: 1、将表格放置到层中; 2、表格中嵌套表格。 CellPad(边距)和CellSpace(间距):搞清楚两个概念是关键:边距是指单元格中文本和单元格边框之间的距离,而间距是指单元格之间的距离,如图2所示,两者的单位都是象素,默认情况下以间距2,边距1的配置显示表格。
表格的边框:可配置颜色和宽度,在“Border(边框)”域中默认值是1,增大数值可使边框宽度增加,形成立体边框,若输入的数值为“0”,则在浏览网页时不显示的表格的边框,只显示其中内容,这在网页设计中是应用比较多的。通过“BrdrColor(边框颜色)”域配置边框的颜色。 表格背景:在“BgColor(背景颜色)”和“BgImage(背景图象)”域中对背景可配置颜色和图象,在配置背景图象时若表格大于图象,则图象是重复出现的。有时可形成奇特效果。 二、格式化单元格 单元格的格式化包括单元格及其中内容的格式化,通过单元格的属性面板进行配置,如图3所示。
单元格中文本:主要对字体、字号、颜色、对齐方式、是否换行等配置。在这里特别说明的是“NoWrap(换行)”的配置,默认单元格中的文本“换行”的,假如内容较长且需要相对完整,那么就要配置为“不换行”,选中“NoWrap”后的复选框即可,这样在网页浏览时表格的宽度可能超过显示器屏幕。选中“Header”后复选框可将光标所在行配置为标题:文本加粗并自动居中。 单元格背景:在“Bg(背景)”域中给单元格加上背景颜色或图象,方法和表格背景的配置相同。 单元格边框:在“Border(边框)”域中配置单元格的颜色。 三、使用设计方案格式化表格 使用“格式化表格”命令能够向表格快速应用一个预置的设计。您可选择选项定制该设计。若要使用预置设计: 1、选定表格然后选择“Commands/Format Table”。 2、在出现的对话框左边列表中选择一个设计方案,右边将显示该方案的一个样本。如图4所示。
3、若要进一步定制设计,能够对“RowColor(行颜色)”,“TopRow(首行)”及“LeftCol(首列)”进行修改。 4、若要修改边框宽度,在“Border(边框)”域中输入一个数值,假如无需边框则输入0。 5、若要对表格单元格(td标签)而不是表格行(tr标签)应用设计,请选择“Apply All Attributes to TD Tags Instead of TR Tags(将任何属性应用到TD标签而不是TR标签)”。 表格单元格格式化会覆盖您为该单元格所在行指定的一切格式。然而,假如您需要行中的任何单元格都格式化到一种格式,那么最好是格式化该行而不是该行的每个单元格,这样能够得到更加清楚而简练的HTML源代码。 6、点击“应用”或“确定”以使用选定的设计格式化表格。 四、格式化表格和单元格中的几个顺序问题 假如同时配置了表格背景和单元格背景,会出现何种现象呢?即那一种配置优先呢? 当在“文档”窗口中格式化表格时,您能够定义要应用到整个表格或是选定的行,列,单元格的属性。当某属性,如背景颜色或对齐方式,对整个表格配置和对表格某些单元格的配置不同时,理解Dreamweaver如何解释HTML源代码就很有用了。 当同样的属性在表格中被多于一次配置时,Dreamweaver将采用如下的解释方式:单元格格式(td标签的一部分)优先权高于行格式(tr标签),而行格式的优先权高于表格格式(table标签)。所以,假如您为一个单元格指定其背景色为蓝色,而将整个表格背景色配置为黄色,该蓝色的单元格并不会变为黄色,因为td标签的优先权高于table标签。 标签: 版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 上一篇: Dreamweaver 也能做动画(下)
相关文章
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 热门词条
最新资讯
热门关注
热门标签
|