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


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

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

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

七、网页的排版

　　表格的使用

　　表格是网页的一个非常重要元素，因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格的是网页制作中最为重要的一个技巧，表格运用得好坏，直接反映了了网页设计师的水平。

　　点击对象面板的

，看到如下的对话框：

　　① Rows：表格的行数；Columns：表格的列数；

　　② Width：表格的宽度，单位可以是Pixels（像数）或Percent（百分比）。按像素定义的表格大小是固定的，而按百分比定义的表格，会按照浏览器的大小而变化。后面会继续深入讲解两种定义方法的区别；

　　③ Border：表格线的宽度；

　　④ Cell Padding：单元格间距；Cell Spacing：单元格边距。所谓的单元格，就是表格里面的每一小格。

　　按照如图的设置后，就得到下面这个表格：

　　在表格线上点一下，可以全选整个表格，此时可在属性面板看到：

　　① Rows，Cols：表格的行和列；

　　② W，H：表格的宽和高，通常情况下，我们都不会定义表格的高度；

　　③ CellPad，CellSpace：单元格间距和单元格边距；Border：表格线的宽度；

　　④ Ailgn：表格的对齐方式，可以将表格靠左（Left）、置中（Center）、靠右（Right）

　　⑤

：消除行的高度设置；
　　　

：消除列的宽度设置；
　　　

：将表格宽度的设置由百分比转换为像素；
　　　

：将表格宽度的设置由像素转换为百分比；

　　⑥ Bg Color：设置表格的背景颜色；

　　⑦ Brdr Color：设置表格线的颜色；

　　⑧ Bg Image：设置表格的背景图，如果设置了背景图，背景颜色就失效了；点击后面的公文包按钮选择背景图；

　　如果我们把光标移到其中一个单元格，此时看到的属性面板又有所不同：

　　①

：合并单元格（之前要先选择相应的需要合并单元格）；
　　　

：拆分单元格，拆分为多行或多列；

　　② Horz：单元格内部的水平对齐方式，作用与

类似；
　　　 Vert：单元格内部的纵向对齐方式；

　　③ W，H：单元格的宽度与高度；

　　④ Bg：单元格背景图；

　　⑤ Bg：单元格背景颜色；

　　⑥ Brdr：单元格边框颜色。

[办公软件]如何在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 简明教程(七、网页的排版2)

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

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

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

同类栏目

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

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

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

鄂公网安备 42011102001154号

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

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