表格制作好了，内容也有了，怎么看着别扭呀！哦，还没有给表格化化装--格式化表格呀，俗话说：人靠衣服也靠鞍，要想让您制作的网页漂漂亮亮、美观大方，更有很长的路要走呢！
一、格式化表格
|
表格的格式化主要包括表格的对齐方式、间距和边距的调整、边框的配置及背景的配置。大部分工作能够通过表格的属性面板完成，如图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标签。
文章整理：西部数码--专业提供域名注册、虚拟主机服务 相关文章
 热点关注
IDC资讯
虚拟主机
域名注册
托管租用
vps主机
智能建站
网站运营 建站经验 策划盈利 搜索优化 网站推广 免费资源 网站联盟 联盟新闻 联盟介绍 联盟点评 网赚技巧 行业资讯 业界动态 搜索引擎 网络游戏 门户动态 电子商务 广告传媒 网络编程 Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它 服务器技术 Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护 软件技巧 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷 Internet Explorer 网页制作 FrontPages Dreamweaver Javascript css photoshop fireworks Flash 程序设计 Java技术 C/C++ VB delphi 网络知识 网络协议 网络安全 网络管理 组网方案 Cisco技术 操作系统 Win2000 WinXP Win2003 Mac OS Linux FreeBSD
| |||||||
