在这个例子中，下面部分是个大表格，这个表格共有三行两列，一些单元格中还插入了一个新的表格。 下面我们开始制作，先在第二个表格下插入一个三行两列，宽为590Pixels的表格。 先看看这条红线是怎么做出来的。在第一行第一个单元格内单击，然后向右拖动鼠标，将第一行的两个单元格选中，按下M键 ，选中的单元格被合并为一个单元格（图1）。 | |||||||
 | |||||||
图1 合并单元格 | |||||||
在属性面板中，配置此行高度H为1，背景颜色为红色。 再按下Ctrl Tab键，调出HTML源代码编辑窗口，显示光标所在位置的源 代码为： 我们将单元格内的占位字符“ ”删除，关闭HTML编辑窗口，表格第一行就显示为一条红线了（图2）。 | |||||||
 | |||||||
图2 用表格产生红线 | |||||||
下面我们制作中间左侧的栏目。在第二行第一个单元格内单击鼠标，配置此单元格宽度为110Pixels，然后在此单元格内插 入一个表格。按下Ctrl Alt T键，配置行数（Rows）为6，列数为1，border=0，单击宽度（Width）后面的下拉列表，从中选择 “Percent”（百分比），在文本框中输入100，单击“OK”，所插入的表格刚好充满第一个单元格（图3）。 | |||||||
 | |||||||
图3 在单元格中嵌套表格 | |||||||
110Pixels。比如我们现在看一下表格内的单元格有多宽，能够将光标定位在第一个单元格内，然后单击属性面板下的这个按钮
宽度转换为百分比相对值（图4）。 | |||||||
 | |||||||
图4 表格宽度值的转换 | |||||||
您可能要问，为什么单元格宽度不是110Pixels呢？这是因为表格线本身宽度为1，两侧框线就占去了2个像素，所以单元格实际宽度为108Pixels。在计算表格或单元格宽度和高度时应该注意这一点。 我们刚插入的表格添加背景图。选中此表格，在属性面板中单击背景图选项右侧的图标（图5），弹出图片选择对话框，选一个带过渡色的横条图片，这个图片就被平铺在表格内了。 | |||||||
 | |||||||
图5 给表格添加背景图 | |||||||
| 注意，这个图片是事先处理好的，其宽度和表格宽度相同（图6）。 | |||||||
 | |||||||
好了，您能够在这个子表格内写上文字，配置字的大小为2，居中对齐，并加上链接。其中“报刊杂志”条目不用加链接，字的颜 色也可配置得不同，表示当前页面属于此条目。最后一个内插入一个动态Gif图，在图的属性中，配置Alt为“给我来信”，链接 为“mailto: ketang.pc@goldhuman.com”，这样在浏览器中，单击此图，就会启动发送邮件窗口，便于网友直接给您来信。 | |||||||
 | |||||||
图7 加入邮件链接 好，最后再看一下页面吧！（图8）
文章整理：西部数码--专业提供域名注册、虚拟主机服务 相关文章
 热点关注
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
| |||||||
，就会将表格宽度从百分比相对值转换为实际像素值，能够看到单元格宽度为108Pixels，再点一个旁边的按钮
，又将表格
