Dreamweaver 4 简明教程(七、网页的排版2)_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

Dreamweaver 4 简明教程(七、网页的排版2)

作者：闵涛文章来源：闵涛的学习笔记点击数：658 更新时间：2009/4/23 12:19:55

七、网页的排版

　　表格的使用之二

　　根据上面对表格和单元格的参数，我们可以做出以下的表格：

　　以上是一个3×2的表格，表格宽度为350个像素，每个单元格的宽度为33%，即占表格的三分之一，其中单元格1和单元格4 已经合并；单元格边距、单元格间距、表格线宽度都为10；表格的底色为灰色，单元格5的边框颜色为红色，单元格6的底色为绿色；

　　在上面的例子，我们将表格线宽度设置为0，在编辑状态下，看到的表格是：

　　宽度为0的边框线，在编辑状态下会以虚线表示，而实际的浏览效果为：

　　可见，宽度为0的表格线就不会在浏览器显示。其实所谓的利用表格进行排版，就是使用表格线为0的表格，将页面划分为多个区域，从而达到定位排版的效果。另外，表格与表格是可以嵌套的，例如在上面表格中，在单元格2里再插入一个表格宽度为100%，表格线宽度为0的表格，并分别为单元格①②③设置不同的背景色，在编辑状态下可以看到：

　　而实际的浏览效果为：

　　表格的嵌套在网页制作中被经常使用到，尤其是在新浪、搜狐、网易等门户网站中，为了使大量的信息整齐地展示在浏览者面前，表格的嵌套就使用得最为频繁。下图是goEway.com的首页在编辑状态下的情况，可以看到，页面密密麻麻地布满了表格线：

[办公软件]如何在Excel表格单元格中输入比例(如4:1并让其正确…  [VB.NET程序]用VB.Net实现DirectSound9 (4) DS3D
[VB.NET程序]几个 WMI 的例子（初级） - 4  [VB.NET程序]VB程序员眼中的C# 4
[VB.NET程序]禁止使用 Alt+F4 关闭窗口  [Delphi程序]从实例看 Delphi 4 中的动态
[网页制作]Dreamweaver MX打造弹出“向导”  [网页制作]使FrontPage与Dreamweaver亲密合作
[网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(2)  [网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(1)

教程录入：mintao 责任编辑：mintao

上一篇教程： Dreamweaver 4 简明教程(七、网页的排版)

下一篇教程： Dreamweaver 4 简明教程(七、网页的排版3)

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……